brand
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.
phosphor-thin-codepen-logo-thin.svg (827 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; outline style, MIT licence, viewBox 0 0 256 256, 561 bytes.</desc><path d="M234,92.55s-.05,0-.09-.07l-104-56a4,4,0,0,0-3.8,0l-104,56-.11.08A4,4,0,0,0,20,96v64a4,4,0,0,0,2,3.45.71.71,0,0,0,.09.07l104,56a4,4,0,0,0,3.8,0l104-56a.27.27,0,0,0,.08-.07,4,4,0,0,0,2-3.45V96A4,4,0,0,0,234,92.55Zm-6,60.75L181,128l47-25.3Zm-55.43-29.84L132,101.61V46.7L223.56,96Zm-44.57,24L91.87,128,128,108.54,164.13,128ZM124,46.7v54.91L83.43,123.46,32.44,96Zm-96,56L75,128,28,153.3Zm55.43,29.84L124,154.39V209.3L32.44,160ZM132,209.3V154.39l40.57-21.85,51,27.46Z"/></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
#thin
#codepen
#logo
#brands
#outline
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-thin-codepen-logo-thin |
|---|---|
| Kaynak kütüphane paketi | Phosphor Icons |
| Koordinat izgarasi ve viewBox | viewBox="0 0 256 256" |
| Sıkıştırılmamış boyut | 827 bytes (~455 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-thin-codepen-logo-thin.svg aria-hidden="true" focusable="false"
Daha fazla Markalar ve Teknoloji Logoları
Gözatbrand
Romarr
selfh.st Icons|brandsbrand
Rundeck
selfh.st Icons|brandsbrand
2fauth
Dashboard Icons|brandsbrand
Apachecloudstack
Simple Icons|brandsbrand
Eslint
Devicon|brands
Aionlabs
LobeHub Icons|brands
Agentgateway
Dashboard Icons|brands
Alibaba Text Cn
LobeHub Icons|brands
Alacritty
Dashboard Icons|brands
Gnubash
Simple Icons|brands
Apertis
LobeHub Icons|brands
Materialdesignicons
Simple Icons|brands
Vsphere
Devicon|brands
Wordmark Expo
Devicon|brands
Brand Vimeo
Tabler Icons|brands
Ford
Authentic Brand Logos|brands
Rolls Royce
Authentic Brand Logos|brands
Aeromexico
Authentic Brand Logos|brands
Brand Babel
3D Vector Icons|brands
Brand Brandy
3D Vector Icons|brands
Brand Circleci
3D Vector Icons|brands
Brand C
Tabler Icons|brands
Brand Hipchat
Tabler 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, outline 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.