outline
1. Colore
I colori originali dell icona vengono mantenuti finché non scegli un nuovo colore.
2. Sfondo della tela e trasformazioni
3. Preset di animazione vettoriale live
Incluso nell export SVG
Devicon
|
Marchi e loghi tecnologici
|
viewBox="0 0 128 128"
|
Marchio del rispettivo proprietario — da usare solo per fare riferimento al marchio
Icona SVG di Codepen
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Codepen - Marchio del rispettivo proprietario — da usare solo per fare riferimento al marchio. Senza Registrazione | 100% nel Tuo Browser
Avviso sui marchi
Questo logo è un marchio del rispettivo proprietario. Usa questo file solo per fare riferimento a quel marchio, ad esempio in articoli, recensioni o guide. Non usarlo in modo da suggerire approvazione, partnership o affiliazione, e non venderlo né ridistribuirlo come se fosse il tuo logo.
MIT - Licenza valida solo per il file SVG — i diritti sul marchio non sono inclusi
Download immediati vettoriali e ad alta risoluzione
I colori originali dell icona vengono mantenuti finché non scegli un nuovo colore.
devicon-original-codepen.svg (952 B)
Copia rapida per sviluppatori e framework UI
Output codice live
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="36" height="36" fill="currentColor" role="img" aria-label="Codepen icon"><title>Codepen - Devicon icon</title><desc>Free Codepen vector icon from the Devicon open-source icon library; brand style, MIT licence, viewBox 0 0 128 128, 698 bytes.</desc><path d="m125.571 39.926-58.5-39c-1.997-1.23-4.128-1.24-6.142 0l-58.5 39C.929 40.926 0 42.712 0 44.497v39c0 1.786.929 3.572 2.429 4.571l58.5 39.006c1.996 1.229 4.128 1.24 6.142 0l58.5-39.006c1.5-.999 2.429-2.785 2.429-4.57v-39c0-1.786-.929-3.572-2.429-4.572zm-56.07-24.144 43.07 28.715-19.214 12.858L69.5 41.425V15.784zm-11.001 0v25.644L34.642 57.354 15.428 44.498 58.5 15.782zm-47.5 39 13.786 9.215L11 73.212v-18.43zm47.5 57.43L15.428 83.497 34.642 70.64 58.5 86.569v25.643zM64 76.997l-19.428-13 19.428-13 19.428 13-19.428 13zm5.5 35.215V86.569L93.357 70.64l19.214 12.857-43.07 28.715zm47.5-39-13.786-9.215L117 54.783v18.429z"/></svg>
Verifica di fonte e licenza
LICENSE.txt
Library: Devicon | Author: Devicon Contributors | License: MIT | Source: https://github.com/devicons/devicon | Senza Registrazione | 100% nel Tuo Browser
Parole chiave
#devicon
#original
#codepen
#brands
#brand
Codepen - Specifiche tecniche del vettore
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Codepen
| Identificatore canonico del file | devicon/devicon-original-codepen |
|---|---|
| Pacchetto libreria di origine | Devicon |
| Griglia di coordinate e viewBox | viewBox="0 0 128 128" |
| Peso non compresso | 952 bytes (~524 bytes gzipped) |
| Licenza SPDX e uso commerciale | MIT - Licenza valida solo per il file SVG — i diritti sul marchio non sono inclusi |
| Upstream Source | https://github.com/devicons/devicon |
| Formati di export supportati | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garanzia di sicurezza e privacy | Senza Registrazione | 100% nel Tuo Browser |
Come usare e personalizzare questa icona: Codepen
- Personalizza visivamente: Colore, Automatico (tratto e riempimento), Spessore tratto (
0.5px-4px), Preset di animazione vettoriale live - Scarica il vettore o l immagine: Scarica SVG, PNG (trasparente), WebP (ottimizzato) (
2048x2048 px) - Copia il codice del framework: Copia codice pronto per React, Next.js, Vue 3, Svelte, Angular, HTML e maschere CSS.
- Modifica vettoriale avanzata: Modifica nell editor SVG (77.087)
Consiglio di accessibilita (WCAG 2.1): Nascondi le icone decorative con aria-hidden e focusable false. Dai un aria-label chiaro ai pulsanti con sola icona. Specchia le frecce in orizzontale per le lingue da destra a sinistra.
devicon-original-codepen.svg aria-hidden="true" focusable="false"
Corrispondenze in altre librerie ("Codepen")
Confronta questa icona con altre librerie vettoriali open source.
Altro in Marchi e loghi tecnologici
Sfogliaoutline
Codepen
MingCute Icons|interfacesolid
Codepen
MingCute Icons Fill|interfacebrand
Codepen
selfh.st Icons|brandsbrand
Codepen
Authentic Brand Logos|brandsoutline
Codepen Logo
Phosphor Icons|brandsbrand
Web Components
Authentic Brand Logos|brands
Asahi Linux
Authentic Brand Logos|brands
Inexogy
selfh.st Icons|brands
Pvy Pbx
Dashboard Icons|brands
Pvy Search
Dashboard Icons|brands
Interactive Brokers
selfh.st Icons|brands
Pvy UX Wordmark
Dashboard Icons|brands
Telegram Logo
Phosphor Icons|brands
Google Drive Logo
Phosphor Icons|brands
Adobefirefly
LobeHub Icons|brands
Akashchat
LobeHub Icons|brands
Dependencycheck
Simple Icons|brands
Amdradeoncloud
LobeHub Icons|brands
Gulp
Simple Icons|brands
Radiantearth
Simple Icons|brands
Brand GitHub
Tabler Icons|brands
Brand Asana
3D Vector Icons|brands
Brand Elastic
3D Vector Icons|brands
Brand Googlesearchconsole
3D Vector Icons|brandsEsplora di più
Domande frequenti
Codepen - Domande frequenti
In quali formati posso scaricare Codepen? +
Codepen è un vettore in stile brand (viewBox 0 0 128 128). Scarica SVG, PNG, WebP o ICO, oppure copia codice React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask o Base64 da questa pagina.
Da dove proviene l'icona Codepen? +
Codepen fa parte della libreria Devicon di Devicon Contributors, nella categoria Marchi e loghi tecnologici. Il testo completo della licenza è nel file di avviso della libreria collegato in questa pagina.
100% nel Tuo Browser | 77.087 icone
Editor SVG
Modifica tracciati, livelli, colori e animazioni nel browser, poi esporta SVG pulito, PNG o codice framework.