solid
1. Renk
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
2. Tuval arka plani ve donusumler
3. Canli vektör animasyon ayarları
SVG çıktısina dahil
Phosphor Icons
|
Markalar ve Teknoloji Logoları
|
viewBox="0 0 256 256"
|
Ticari kullanım için ücretsiz
Codepen Logo SVG Simgesi
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Codepen Logo - Ticari ve kişisel kullanım için ücretsiz. Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anında vektör ve yüksek çözünürlük indirme
Yeni bir renk seçene kadar ikonun orijinal renkleri korunur.
Kredilerle paket
phosphor-fill-codepen-logo-fill.svg (747 B)
Geliştiriciler ve arayüz çerçeveleri için hizli kopya
Canli kod çıktısi
<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; solid style, MIT licence, viewBox 0 0 256 256, 483 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,7L114.1,217.6a4,4,0,0,0,5.9-3.52v-57.3L66.55,128,32,146.61V109.39L66.55,128l16.88-9.09L40.87,96,120,53.39V99.22L83.43,118.91l44.57,24,44.57-24L189.45,128,224,109.39v37.22L189.45,128,136,156.78v57.3a4,4,0,0,0,5.9,3.52L235.79,167a8,8,0,0,0,4.21-7V96A8,8,0,0,0,235.79,89Zm-63.22,30L136,99.22V53.39L215.13,96Z"/></svg>
Yapay zeka istemi ve vektör iyileştirme
Bu ikonu iyilestirmek veya yeniden tasarlamak ister misiniz? Codepen Logo
Net bir mühendislik istemi oluşturun ya da ikonu tuvalde hemen iyilestirin. Codepen Logo
İstem oluşturucu tamamen tarayıcında çalışır
Kaynak ve lisans doğrulama
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme
Anahtar kelimeler
#phosphor
#fill
#codepen
#logo
#brands
#solid
Codepen Logo - Teknik vektör özellikleri
Kaynak, yazar ve lisans önizlemede ve ikon detayinda görünür. Codepen Logo
| Temel dosya kimligi | phosphor/phosphor-fill-codepen-logo-fill |
|---|---|
| Kaynak kütüphane paketi | Phosphor Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 256 256" |
| Sıkıştırılmamış boyut | 747 bytes (~411 bytes gzipped) |
| SPDX lisansı ve ticari kullanım | MIT - Ticari kullanım için ücretsiz |
| Upstream Source | https://github.com/phosphor-icons/core |
| Desteklenen çıktı biçimleri | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Güvenlik ve gizlilik garantisi | Üyelik Gerekmez | %100 Tarayıcı Tabanlı İşleme |
Bu ikon nasıl kullanılır ve özellestirilir: Codepen Logo
- Görsel olarak özellestirin: Renk, Otomatik (çizgi ve dolgu), Çizgi kalınligi (
0.5px-4px), Canli vektör animasyon ayarları - Vektöru veya gorseli indirin: SVG İndir, PNG (şeffaf), WebP (iyilestirilmis) (
2048x2048 px) - Çerçeve kodunu kopyalayın: React, Next.js, Vue 3, Svelte, Angular, HTML ve CSS maskeleri için hazir kod kopyalayın.
- İleri vektör düzenleme: SVG duzenleyicide duzenle (77.087)
Erişilebilirlik ipucu (WCAG 2.1): Süsleme amaçlı ikonlari aria-hidden ve focusable false ile gizleyin. Yalnızca ikon iceren dugmelere net bir aria-label verin. Sağdan sola diller için okları yatay olarak çevirin.
phosphor-fill-codepen-logo-fill.svg aria-hidden="true" focusable="false"
Daha fazla Markalar ve Teknoloji Logoları
Gözatbrand
Raygun Monitoring
selfh.st Icons|brandsbrand
Reaparr Dark
selfh.st Icons|brandsbrand
Redis Dark
selfh.st Icons|brandsbrand
Agui
LobeHub Icons|brandsbrand
Djangorest
Devicon|brands
Harbor
Devicon|brands
Akaunting
Dashboard Icons|brands
Amdradeoncloud Text
LobeHub Icons|brands
Matlab
Devicon|brands
Amazon Luna
Dashboard Icons|brands
Kando
Simple Icons|brands
Atlascloud Text
LobeHub Icons|brands
Apache Cloudstack
Dashboard Icons|brands
Brand Google
Tabler Icons|brands
Brand Paypal
Tabler Icons|brands
Maserati
Authentic Brand Logos|brands
Jetblue
Authentic Brand Logos|brands
Brand Astro
3D Vector Icons|brands
Apollodotio
Authentic Brand Logos|brands
Brand Expedia
3D Vector Icons|brands
Brand Figma
3D Vector Icons|brands
Brand Adobe Photoshop
Tabler Icons|brands
GitLab Logo
Phosphor Icons|brandsDaha fazlasını keşet
Sıkça Sorulan Sorular
Codepen Logo - Sıkça Sorulan Sorular
Codepen Logo hangi lisans kapsamındadır? +
Codepen Logo, Phosphor Icons kaynağından gelir ve MIT kapsamındadır. Atıf: Kaynak belirtme zorunlu.
Codepen Logo simgesini hangi biçimlerde indirebilirim? +
Codepen Logo, solid stilinde bir vektördür (viewBox 0 0 256 256). SVG, PNG, WebP veya ICO indirin ya da bu sayfadan React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask veya Base64 kodunu kopyalayın.
Codepen Logo simgesi nereden geliyor? +
Codepen Logo, Phosphor Icons kütüphanesinin bir parçasıdır; oluşturan: Helena Zhang & Toby Fried, kategori: Markalar ve Teknoloji Logoları. Lisansın tam metni, bu sayfada bağlantısı verilen kütüphane bildirim dosyasındadır.
%100 Tarayıcı Tabanlı İşleme | 77.087 ikon
SVG Düzenleyici
Yollari, katmanlari, renkleri ve animasyonlari tarayıcında duzenleyin; sonra temiz SVG, PNG veya çerçeve kodu aktarın.