outline
1. Warna
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
2. Latar kanvas dan transformasi
3. Preset animasi vektor langsung
Termasuk dalam ekspor SVG
Phosphor Icons
|
Antarmuka Pengguna (UI/UX)
|
viewBox="0 0 256 256"
|
Gratis untuk penggunaan komersial
Ikon SVG Codepen Logo
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Codepen Logo - Gratis untuk penggunaan komersial dan pribadi. Tanpa Daftar Akun | 100% Diproses di Browser Anda
Unduhan instan vektor dan resolusi tinggi
Warna asli ikon tetap dipertahankan sampai Anda memilih warna baru.
Bundel dengan kredit
phosphor-regular-codepen-logo.svg (783 B)
Salin cepat untuk pengembang dan framework UI
Keluaran kode langsung
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Codepen Logo icon"><title>Codepen Logo - Phosphor Icons icon</title><desc>Free Codepen Logo vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 517 bytes.</desc><path d="M235.79,89l-104-56a8,8,0,0,0-7.58,0l-104,56A8,8,0,0,0,16,96v64a8,8,0,0,0,4.21,7.05l104,56a8,8,0,0,0,7.58,0l104-56A8,8,0,0,0,240,160V96A8,8,0,0,0,235.79,89ZM224,146.61,189.45,128,224,109.39Zm-51.43-27.7L136,99.22V53.39L215.13,96Zm-44.57,24L100.3,128,128,113.09,155.7,128Zm-8-89.52V99.22L83.43,118.91,40.87,96Zm-88,56L66.55,128,32,146.61Zm51.43,27.7L120,156.78v45.83L40.87,160ZM136,202.61V156.78l36.57-19.69L215.13,160Z"/></svg>
Prompt AI dan peningkatan vektor
Ingin memperbaiki atau mengubah gaya ikon ini? Codepen Logo
Buat prompt rekayasa yang tepat, atau perbaiki ikon di kanvas sekarang. Codepen Logo
Pembuat prompt 100% di browser
Verifikasi sumber dan lisensi
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Tanpa Daftar Akun | 100% Diproses di Browser Anda
Kata kunci
#phosphor
#regular
#codepen
#logo
#interface
#outline
Codepen Logo - Spesifikasi teknis vektor
Sumber, penulis, dan lisensi tersedia di pratinjau dan detail ikon. Codepen Logo
| Pengenal aset kanonis | phosphor/phosphor-regular-codepen-logo |
|---|---|
| Paket perpustakaan sumber | Phosphor Icons |
| Kisi koordinat dan viewBox | viewBox="0 0 256 256" |
| Ukuran tanpa kompresi | 783 bytes (~431 bytes gzipped) |
| Lisensi SPDX dan penggunaan komersial | MIT - Gratis untuk penggunaan komersial |
| Upstream Source | https://github.com/phosphor-icons/core |
| Format ekspor yang didukung | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Jaminan keamanan dan privasi | Tanpa Daftar Akun | 100% Diproses di Browser Anda |
Cara memakai dan menyesuaikan ikon ini: Codepen Logo
- Sesuaikan secara visual: Warna, Otomatis (garis dan isian), Ketebalan garis (
0.5px-4px), Preset animasi vektor langsung - Unduh vektor atau gambar: Unduh SVG, PNG (transparan), WebP (dioptimalkan) (
2048x2048 px) - Salin kode framework: Salin kode siap pakai untuk React, Next.js, Vue 3, Svelte, Angular, HTML, dan mask CSS.
- Pengeditan vektor mendalam: Edit di editor SVG (77.087)
Tips aksesibilitas (WCAG 2.1): Sembunyikan ikon dekoratif dengan aria-hidden dan focusable false. Beri aria-label yang jelas pada tombol yang hanya berisi ikon. Balik panah secara mendatar untuk bahasa kanan ke kiri.
phosphor-regular-codepen-logo.svg aria-hidden="true" focusable="false"
Lebih banyak di Antarmuka Pengguna (UI/UX)
Jelajahioutline
Bag
Bootstrap Icons|interfaceoutline
Body Text
Bootstrap Icons|interfaceoutline
Action Task Alt
Material Icons|interfaceoutline
Clock Cancel
Tabler Icons|interfaceoutline
Action View Carousel
Material Icons|interface
Clock Up
Tabler Icons|interface
Woolen Hat
IconPark|interface
Youtobe
IconPark|interface
Compass
Tabler Icons|interface
Legal Courthouse
Domain Icons|interface
AV Snooze
Material Icons|interface
Legal Gavel
Domain Icons|interface
Legal Scale
Domain Icons|interface
Add Music
IconPark|interface
Archlinux
SVG Icons Collection|interface
Align Horizontal Space Around
Lucide|interface
bel
Open Iconic|interface
Align Horizontal Center
MingCute Icons|interface
Align Right
MingCute Icons Fill|interface
Cursor Estoc Piercer
Mouse|interface
Aries
MingCute Icons|interface
Cursor Isometric Prism Copy
Mouse|interface
Portfolio
Bytesize Icons|interfaceJelajahi lainnya
Pertanyaan Umum
Codepen Logo - Pertanyaan Umum
Lisensi apa yang mencakup Codepen Logo? +
Codepen Logo berasal dari Phosphor Icons dan dilindungi oleh MIT. Atribusi: Kredit wajib.
Dalam format apa saya dapat mengunduh Codepen Logo? +
Codepen Logo adalah vektor bergaya outline (viewBox 0 0 256 256). Unduh SVG, PNG, WebP atau ICO, atau salin kode React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask atau Base64 dari halaman ini.
Dari mana ikon Codepen Logo berasal? +
Codepen Logo adalah bagian dari pustaka Phosphor Icons oleh Helena Zhang & Toby Fried, dalam kategori Antarmuka Pengguna (UI/UX). Teks lisensi lengkap ada dalam file pemberitahuan pustaka yang ditautkan di halaman ini.
100% Diproses di Browser Anda | 77.087 ikon
Editor SVG
Edit jalur, lapisan, warna, dan animasi di browser, lalu ekspor SVG bersih, PNG, atau kode framework.