outline
brand
MIT
26 nodi vettoriali
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
Original Styledcomponents - Icone vettoriali e 3D
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Original Styledcomponents - Gratis per uso commerciale e personale. Senza Registrazione | 100% nel Tuo Browser
Download immediati vettoriali e ad alta risoluzione
I colori originali dell icona vengono mantenuti finché non scegli un nuovo colore.
devicon-original-styledcomponents.svg (7,211 B)
Copia rapida per sviluppatori e framework UI
Output codice live
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" viewBox="0 0 128 128" width="36" height="36" role="img" aria-label="Original Styledcomponents icon"><title>Original Styledcomponents - Devicon icon</title><desc>Free Original Styledcomponents vector icon from the Devicon open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><defs><linearGradient id="nx15963_b"><stop offset=".027" stop-color="#cc7f12"/><stop offset=".157" stop-color="#ffc22f"/><stop offset=".5" stop-color="#ffd468"/><stop offset="1" stop-color="#ffd255"/></linearGradient><linearGradient id="nx15963_a"><stop offset="0" stop-color="#bf4f95"/><stop offset=".284" stop-color="#d26aaa"/><stop offset=".588" stop-color="#dc81bb"/><stop offset=".711" stop-color="#d76cad"/><stop offset=".825" stop-color="#d26cab"/><stop offset=".957" stop-color="#ca629d"/><stop offset="1" stop-color="#c96499"/></linearGradient><linearGradient id="nx15963_d"><stop offset="0" stop-color="#b94481" stop-opacity="0"/><stop offset=".694" stop-color="#b94481" stop-opacity=".186"/><stop offset="1" stop-color="#b94481"/></linearGradient><linearGradient id="nx15963_c"><stop offset="0" stop-color="#b94481" stop-opacity="0"/><stop offset=".644" stop-color="#b94481" stop-opacity=".186"/><stop offset="1" stop-color="#b94481"/></linearGradient><linearGradient id="nx15963_q" x1="75.533" x2="84.143" y1="24.539" y2="26.989" gradientTransform="translate(-138.07 -65.083) scale(3.17893)" gradientUnits="userSpaceOnUse"><stop offset=".021" stop-color="#a65486"/><stop offset=".095" stop-color="#db77b4"/><stop offset=".146" stop-color="#f188c8"/><stop offset=".255" stop-color="#ffaddf"/><stop offset=".372" stop-color="#ffaddf"/><stop offset=".576" stop-color="#ee84c5"/><stop offset=".747" stop-color="#da6fb0"/><stop offset="1" stop-color="#a63d7b"/></linearGradient><linearGradient id="nx15963_p" x1="75.683" x2="81.533" y1="32.735" y2="34.22" gradientTransform="translate(-138.02 -65.654) scale(3.17893)" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#974377"/><stop offset=".247" stop-color="#cc76ac"/><stop offset=".33" stop-color="#f5a3d4"/><stop offset=".39" stop-color="#fca6da"/><stop offset=".476" stop-color="#e980c1"/><stop offset=".62" stop-color="#a34d81"/></linearGradient><linearGradient id="nx15963_n" x1="84.026" x2="80.731" y1="40.955" y2="45.932" gradientTransform="translate(-162.274 -67.103) scale(3.17893)" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#dc83b9"/><stop offset=".159" stop-color="#de77b5"/><stop offset=".56" stop-color="#dd74b3"/><stop offset=".797" stop-color="#d65fa3"/><stop offset="1" stop-color="#c95195" stop-opacity=".992"/></linearGradient><linearGradient xlink:href="#nx15963_a" id="nx15963_l" x1="78.017" x2="81.33" y1="49.373" y2="53.353" gradientTransform="translate(-168.668 -75.437) scale(3.17893)" gradientUnits="userSpaceOnUse"/><linearGradient id="nx15963_i" x1="65.654" x2="68.885" y1="38.931" y2="42.708" gradientTransform="translate(-137.907 -65.725) scale(3.17893)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bf4f95"/><stop offset=".284" stop-color="#d26aaa"/><stop offset=".588" stop-color="#dc81ba"/><stop offset=".711" stop-color="#d76cad"/><stop offset=".825" stop-color="#d26cab"/><stop offset=".957" stop-color="#ca629d"/><stop offset="1" stop-color="#c96499"/></linearGradient><linearGradient xlink:href="#nx15963_a" id="nx15963_f" x1="56.495" x2="60.682" y1="36.149" y2="41.138" gradientTransform="translate(-137.907 -65.725) scale(3.17893)" gradientUnits="userSpaceOnUse"/><linearGradient id="nx15963_e" x1="48.116" x2="52.831" y1="43.62" y2="49.525" gradientTransform="translate(-137.907 -65.725) scale(3.17893)" gradientUnits="userSpaceOnUse"><stop offset=".085" stop-color="#cc7f12"/><stop offset=".127" stop-color="#ffc22f"/><stop offset=".5" stop-color="#ffd468"/><stop offset="1" stop-color="#ffd255"/></linearGradient><linearGradient xlink:href="#nx15963_b" id="nx15963_k" x1="61.027" x2="67.311" y1="52.984" y2="60.788" gradientTransform="translate(-137.907 -65.725) scale(3.17893)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#nx15963_b" id="nx15963_h" x1="54.432" x2="60.703" y1="47.454" y2="54.998" gradientTransform="translate(-137.907 -65.725) scale(3.17893)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#nx15963_c" id="nx15963_o" cx="82.591" cy="43.432" r="3.168" gradientTransform="matrix(1.97592 .73804 -1.60788 4.30471 7.727 -177.69)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#nx15963_c" id="nx15963_m" cx="79.826" cy="51.54" r="4.893" gradientTransform="matrix(3.82361 -3.26243 1.22831 1.4396 -283.113 275.387)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#nx15963_d" id="nx15963_j" cx="67.057" cy="40.547" r="5.605" gradientTransform="matrix(1.79287 1.6183 -2.85108 3.15866 70.64 -173.422)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#nx15963_d" id="nx15963_g" cx="59.193" cy="38.098" r="5.501" gradientTransform="matrix(1.62883 1.58368 -2.9995 3.08503 68.5 -155.597)" gradientUnits="userSpaceOnUse"/></defs><path fill="url(#nx15963_e)" d="M0 117.37V87.272l34.796-28.068c7.746-6.248 15.304-8.216 23.363-3.753 3.144 1.74 4.263 7.499 2.245 11.936z"/><path fill="url(#nx15963_f)" d="M32.875 61.271c6.497-7.899 15.238-14.989 25.507-21.195 6.803-4.11 12.273 4.327 6.394 12.786-6.09 8.023-14.38 14.928-21.136 19.664-4.536 3.179-13.723-7.657-10.765-11.255z"/><path fill="url(#nx15963_g)" d="M32.875 61.271c6.497-7.899 15.238-14.989 25.507-21.195 6.803-4.11 12.273 4.327 6.394 12.786-6.09 8.023-14.38 14.928-21.136 19.664-4.536 3.179-13.723-7.657-10.765-11.255z"/><path fill="url(#nx15963_h)" d="M0 117.37v10.013h29.427l53.924-43.814c5.43-5.2 4.814-13.84 2.121-18.566-5.646-9.919-17.22-.971-25.068 2.384z"/><path fill="url(#nx15963_i)" d="M58.733 68.07c5.213-5.715 28.256-25.774 32.512-21.452 3.87 3.932 1.747 12.598-7.48 22.78-7.309 8.061-16.517 13.489-21.305 9.695-3.974-3.144-6.768-7.69-3.727-11.024z"/><path fill="url(#nx15963_j)" d="M58.733 68.07c5.213-5.715 28.256-25.774 32.512-21.452 3.87 3.932 1.747 12.598-7.48 22.78-7.309 8.061-16.517 13.489-21.305 9.695-3.974-3.144-6.768-7.69-3.727-11.024z"/><path fill="url(#nx15963_k)" d="M29.427 127.383h45.216c12.078-11.678 27.234-25.566 20.927-36.44-3.716-6.399-8.02-7.567-12.219-7.375z"/><path fill="url(#nx15963_l)" d="M100.788 73.866c-1.308-7.854-28.891 15.579-30.554 18.676-1.608 2.994 2.511 14.462 9.037 11.532 8.355-3.948 23.683-17.206 21.517-30.208z"/><path fill="url(#nx15963_m)" d="M100.788 73.866c-1.308-7.854-28.891 15.579-30.554 18.676-1.608 2.994 2.511 14.462 9.037 11.532 8.355-3.948 23.683-17.206 21.517-30.208z"/><path fill="url(#nx15963_n)" d="M102.554 57.16c-9.007 6.778-3.168 17.825-13.588 23.862 13.611 2.815 22-16.195 19.791-23.168z"/><path fill="url(#nx15963_o)" d="M102.554 57.16c-9.007 6.778-3.168 17.825-13.588 23.862 13.611 2.815 22-16.195 19.791-23.168z"/><path fill="url(#nx15963_p)" d="m120.353 20.507-11.58 38.1c-2.196.882-4.75.275-6.198-1.508l9.171-39.294z"/><path fill="url(#nx15963_q)" d="M128 .617v23.9c-7.962 3.174-28.11-4.765-25.764-12.255L105.881.617z"/></svg>
Prompt AI e miglioramento vettoriale
Vuoi migliorare o ridisegnare questa icona? Original Styledcomponents
Genera un prompt ingegneristico preciso oppure migliora subito l icona sulla tela. Original Styledcomponents
Generatore di prompt 100% nel browser
Verifica di fonte e licenza
LICENSE.txt
Library: Devicon | Author: Devicon Contributors | License: MIT | Senza Registrazione | 100% nel Tuo Browser
Parole chiave
#devicon
#original
#styledcomponents
#brands
#brand
#original styledcomponents svg
#original styledcomponents icon
#original styledcomponents devicon
#original styledcomponents react tsx
#original styledcomponents vue
#original styledcomponents png
Popolare nella tua lingua
icone svg gratuite
scaricare icone vettoriali gratis
convertitore da svg a png
editor svg online gratuito
icone 3d svg
ottimizzare file svg
componenti react svg
animare icone svg con css
icone per uso commerciale
libreria icone svg
Original Styledcomponents - Specifiche tecniche del vettore
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Original Styledcomponents
| Identificatore canonico del file | devicon/devicon-original-styledcomponents |
|---|---|
| Pacchetto libreria di origine | Devicon |
| Griglia di coordinate e viewBox | viewBox="0 0 128 128" |
| Peso non compresso | 7,211 bytes (~3,966 bytes gzipped) |
| Licenza SPDX e uso commerciale | MIT - Gratis per uso commerciale |
| 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: Original Styledcomponents
- 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 (76,166)
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-styledcomponents.svg aria-hidden="true" focusable="false"
Altro in Marchi e loghi tecnologici
Sfoglia
brand
Alliedmodders
Authentic Brand Logos|brands
brand
Nuxt Js Light
Dashboard Icons|brands
brand
Fusionauth Dark
selfh.st Icons|brands
outline
Outline Brand Sketch
Tabler Icons|brands
brand
Analogue
Authentic Brand Logos|brands
Nuxt Js Wordmark Dark
Dashboard Icons|brands
Fusionauth Light
selfh.st Icons|brands
Outline Brand Skype
Tabler Icons|brands
Apple Arcade
Authentic Brand Logos|brands
Nuxt Js Wordmark Light
Dashboard Icons|brands
Fusionauth
selfh.st Icons|brandsEsplora di più
Domande frequenti
Original Styledcomponents - Domande frequenti
L icona SVG Original Styledcomponents è gratuita per uso commerciale? +
Sì, l icona Original Styledcomponents della collezione Devicon ha licenza MIT e può essere usata gratuitamente in progetti commerciali.
L icona Original Styledcomponents mantiene i suoi colori originali al download? +
Sì, Original Styledcomponents conserva i colori predefiniti a meno che tu non scelga un nuovo colore nell editor.
Come uso l icona Original Styledcomponents in React o Vue? +
Apri la scheda React TSX o Vue 3 in questa pagina e clicca Copy SVG. Incolla il componente nel tuo progetto e applicalo con CSS o Tailwind.
Posso scaricare Original Styledcomponents come PNG trasparente? +
Sì, scegli una dimensione fino a 2048 px e premi Scarica PNG.
Come animo l icona Original Styledcomponents con CSS? +
Seleziona un animazione nell editor dal vivo per includere automaticamente i keyframes CSS.
Posso generare un prompt IA per Original Styledcomponents? +
Sì, usa il generatore di prompt IA in questa pagina per creare una descrizione in stile 3D, Vetro o Neon.
Posso ridimensionare l icona Original Styledcomponents senza perdere qualita? +
Si. Il file Original Styledcomponents e un vettore con viewBox scalabile: resta nitido a 16px, 64px, 512px o in stampa.
Dove segnalo un problema con il file Original Styledcomponents? +
Scrivi a support@svgnexus.com con l indirizzo dell icona. Le domande di licenza su Original Styledcomponents vanno a legal@svgnexus.com.
100% nel Tuo Browser | 76,166 icone
Editor SVG
Modifica tracciati, livelli, colori e animazioni nel browser, poi esporta SVG pulito, PNG o codice framework.