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
Icona SVG di bussola
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. bussola - 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.
compass.svg (4.832 B)
Copia rapida per sviluppatori e framework UI
Output codice live
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Compass 3D icon" width="36" height="36"><title>Compass</title><defs><radialGradient id="nx21165_compass-1" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#000" stop-opacity="0.28"/><stop offset="1" stop-color="#000" stop-opacity="0"/></radialGradient><linearGradient id="nx21165_compass-2" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#fddf92"/><stop offset="0.45" stop-color="#fbbf24"/><stop offset="1" stop-color="#ab8218"/></linearGradient><linearGradient id="nx21165_compass-3" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#fef3c7"/><stop offset="0.5" stop-color="#fbbf24"/><stop offset="1" stop-color="#b45309"/></linearGradient><linearGradient id="nx21165_compass-4" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e2e8f0"/></linearGradient><radialGradient id="nx21165_compass-5" cx="0.5" cy="0.5" r="0.75" fx="0.36" fy="0.3"><stop offset="0" stop-color="#feefc8"/><stop offset="0.3" stop-color="#fccc50"/><stop offset="0.7" stop-color="#fbbf24"/><stop offset="1" stop-color="#7e6012"/></radialGradient></defs><ellipse cx="128" cy="232" rx="76" ry="9" fill="url(#nx21165_compass-1)"/><path d="M42,122a86,86 0 1 0 172,0a86,86 0 1 0 -172,0Z" transform="translate(4.8 12)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round"/><path d="M42,122a86,86 0 1 0 172,0a86,86 0 1 0 -172,0Z" transform="translate(4 10)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round"/><path d="M42,122a86,86 0 1 0 172,0a86,86 0 1 0 -172,0Z" transform="translate(3.2 8)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round"/><path d="M42,122a86,86 0 1 0 172,0a86,86 0 1 0 -172,0Z" transform="translate(2.4 6)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round"/><path d="M42,122a86,86 0 1 0 172,0a86,86 0 1 0 -172,0Z" transform="translate(1.6 4)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round"/><path d="M42,122a86,86 0 1 0 172,0a86,86 0 1 0 -172,0Z" transform="translate(0.8 2)" fill="#926f15" stroke="#926f15" stroke-width="2" stroke-linejoin="round"/><path d="M42,122a86,86 0 1 0 172,0a86,86 0 1 0 -172,0Z" fill="url(#nx21165_compass-2)"/><circle cx="128" cy="122" r="86" fill="url(#nx21165_compass-3)"/><circle cx="128" cy="122" r="72" fill="url(#nx21165_compass-4)"/><path d="M128,66L128,56" stroke="#94a3b8" stroke-width="5" stroke-linecap="round"/><path d="M142.49,67.91L144.05,62.11" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M156,73.5L159,68.31" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M167.6,82.4L171.84,78.16" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M176.5,94L181.69,91" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M182.09,107.51L187.89,105.95" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M184,122L194,122" stroke="#94a3b8" stroke-width="5" stroke-linecap="round"/><path d="M182.09,136.49L187.89,138.05" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M176.5,150L181.69,153" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M167.6,161.6L171.84,165.84" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M156,170.5L159,175.69" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M142.49,176.09L144.05,181.89" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M128,178L128,188" stroke="#94a3b8" stroke-width="5" stroke-linecap="round"/><path d="M113.51,176.09L111.95,181.89" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M100,170.5L97,175.69" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M88.4,161.6L84.16,165.84" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M79.5,150L74.31,153" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M73.91,136.49L68.11,138.05" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M72,122L62,122" stroke="#94a3b8" stroke-width="5" stroke-linecap="round"/><path d="M73.91,107.51L68.11,105.95" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M79.5,94L74.31,91" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M88.4,82.4L84.16,78.16" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M100,73.5L97,68.31" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><path d="M113.51,67.91L111.95,62.11" stroke="#94a3b8" stroke-width="3" stroke-linecap="round"/><g transform="rotate(38 128 122)"><path d="M128,54L146,122H110Z" fill="#ef4444"/><path d="M128,190L146,122H110Z" fill="#94a3b8"/></g><circle cx="128" cy="122" r="9" fill="url(#nx21165_compass-5)"/></svg>
Prompt AI e miglioramento vettoriale
Vuoi migliorare o ridisegnare questa icona? bussola
Genera un prompt ingegneristico preciso oppure migliora subito l icona sulla tela. bussola
Generatore di prompt 100% nel browser
Verifica di fonte e licenza
LICENSE.txt
Library: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | Senza Registrazione | 100% nel Tuo Browser
Parole chiave
#compass
#3d
bussola - Specifiche tecniche del vettore
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. bussola
| Identificatore canonico del file | 3d-svg-icons/compass |
|---|---|
| Pacchetto libreria di origine | 3D Vector Icons |
| Griglia di coordinate e viewBox | viewBox="0 0 256 256" |
| Peso non compresso | 4.832 bytes (~2.658 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: bussola
- 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.
compass.svg aria-hidden="true" focusable="false"
Corrispondenze in altre librerie ("bussola")
Confronta questa icona con altre librerie vettoriali open source.
Altro in Icone vettoriali 3D
Sfogliaoutline
bussola
Open Iconic|interfaceoutline
bussola
MingCute Icons|interfacesolid
bussola
MingCute Icons Fill|interfaceoutline
bussola
IconPark|interface3d
Brown Circle
Fluent UI Emoji|3d-icons3d
Bubbles
Fluent UI Emoji|3d-icons
Cube
Phosphor Icons|3d-icons
Blockchain Cube
Domain Icons|3d-icons
Blockchain Cube
Domain Icons|3d-icons
Cube Transparent
Phosphor Icons|3d-icons
Action 3D Rotation
Material Icons|3d-icons
3D Pixel Cursor
Mouse|3d-icons
Cursor 3D Arrow
Mouse|3d-icons
Bullseye
Fluent UI Emoji|3d-icons
Hover 3D Button
Mouse|3d-icons
3D Crypto Decentralized Oracle Nexus
3D Vector Icons|3d-icons
3D Crypto Nft Marketplace Gallery
3D Vector Icons|3d-icons
3D Crypto Staking Reward Generator
3D Vector Icons|3d-icons
3D Crypto Zero Knowledge Snark Gate
3D Vector Icons|3d-icons
3D Dev Kubernetes Helm Pod
3D Vector Icons|3d-icons
3D Dev Multi Tenant Database Shard
3D Vector Icons|3d-icons
3D Dev Serverless Event Streamer
3D Vector Icons|3d-icons
3D Ecommerce Smart Shelf Rfid
3D Vector Icons|3d-icons
3D Health Robotic Surgery Articulator
3D Vector Icons|3d-iconsEsplora di più
Domande frequenti
bussola - Domande frequenti
Quale licenza copre bussola? +
bussola proviene da 3D Vector Icons ed è coperto da MIT. Attribuzione: Credito obbligatorio.
In quali formati posso scaricare bussola? +
bussola è un vettore in stile 3d (viewBox 0 0 256 256). 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 bussola? +
bussola fa parte della libreria 3D Vector Icons di SVG Nexus 3D Studio, nella categoria Icone vettoriali 3D. 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.