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 Location Ripple
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Location Ripple - 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.
fluentui-color-location-ripple-24-color.svg (1.844 B)
Copia rapida per sviluppatori e framework UI
Output codice live
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Location Ripple icon"><title>Location Ripple - Fluent UI Color icon</title><desc>Free Location Ripple vector icon from the Fluent UI Color open-source icon library; duotone style, MIT licence, viewBox 0 0 24 24, 1550 bytes.</desc> <path d="M21 19C21 21.5 16.9706 23 12 23C7.02944 23 3 21.5 3 19C3 16.5938 7.02944 15 12 15C16.9706 15 21 16.5 21 19Z" fill="url(#nx3385_paint0_radial_72095_9246)"/> <path d="M12 2C7.85786 2 4.5 5.35786 4.5 9.5C4.5 11.4319 5.56439 13.3007 6.76779 14.8164C7.98797 16.3533 9.44602 17.6449 10.4234 18.4378C11.3487 19.1885 12.6513 19.1885 13.5766 18.4378C14.554 17.6449 16.012 16.3533 17.2322 14.8164C18.4356 13.3007 19.5 11.4319 19.5 9.5C19.5 5.35786 16.1421 2 12 2Z" fill="url(#nx3385_paint1_linear_72095_9246)"/> <path d="M14.5 9.5C14.5 10.8807 13.3807 12 12 12C10.6193 12 9.5 10.8807 9.5 9.5C9.5 8.11929 10.6193 7 12 7C13.3807 7 14.5 8.11929 14.5 9.5Z" fill="url(#nx3385_paint2_linear_72095_9246)"/> <defs> <radialGradient id="nx3385_paint0_radial_72095_9246" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.3571 17.6667) rotate(-10.6779) scale(14.3921 6.38107)"> <stop stop-color="#7B7BFF"/> <stop offset="0.501667" stop-color="#A3A3FF"/> <stop offset="1" stop-color="#CEB0FF"/> </radialGradient> <linearGradient id="nx3385_paint1_linear_72095_9246" x1="1.21875" y1="-2.85737" x2="13.2024" y2="16.5487" gradientUnits="userSpaceOnUse"> <stop stop-color="#F97DBD"/> <stop offset="1" stop-color="#D7257D"/> </linearGradient> <linearGradient id="nx3385_paint2_linear_72095_9246" x1="9.79029" y1="9.72097" x2="12.3938" y2="12.4282" gradientUnits="userSpaceOnUse"> <stop stop-color="#FDFDFD"/> <stop offset="1" stop-color="#FECBE6"/> </linearGradient> </defs> </svg>
Prompt AI e miglioramento vettoriale
Vuoi migliorare o ridisegnare questa icona? Location Ripple
Genera un prompt ingegneristico preciso oppure migliora subito l icona sulla tela. Location Ripple
Generatore di prompt 100% nel browser
Verifica di fonte e licenza
LICENSE.txt
Library: Fluent UI Color | Author: Microsoft Corporation | License: MIT | Source: https://github.com/microsoft/fluentui-system-icons | Senza Registrazione | 100% nel Tuo Browser
Parole chiave
#fluentui
#color
#location
#ripple
#interface
#duotone
Location Ripple - Specifiche tecniche del vettore
Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Location Ripple
| Identificatore canonico del file | fluentui-color/fluentui-color-location-ripple-24-color |
|---|---|
| Pacchetto libreria di origine | Fluent UI Color |
| Griglia di coordinate e viewBox | viewBox="0 0 24 24" |
| Peso non compresso | 1.844 bytes (~1.014 bytes gzipped) |
| Licenza SPDX e uso commerciale | MIT - Gratis per uso commerciale |
| Upstream Source | https://github.com/microsoft/fluentui-system-icons |
| 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: Location Ripple
- 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.
fluentui-color-location-ripple-24-color.svg aria-hidden="true" focusable="false"
Altro in Interfaccia utente (UI/UX)
Sfogliasolid
AV Playlist Play
Material Icons|interfaceoutline
Diff
Lucide|interfacesolid
occhio
MingCute Icons Fill|interfacesolid
Radio
Heroicons|interfacesolid
Hexagon Letter X
Tabler Icons|interface
Hexagon Number
Tabler Icons|interface
Dark Mode
IconPark|interface
Trophy
Heroicons|interface
User
Heroicons|interface
Thunderbolt
Bootstrap Icons|interface
USB
Bootstrap Icons|interface
Communication No Sim
Material Icons|interface
Direction
IconPark|interface
Film
Lucide|interface
Fridge
MingCute Icons|interface
Content Archive
Material Icons|interface
Gesture Unlock
MingCute Icons|interface
Guitar
Phosphor Icons|interface
Grok
MingCute Icons Fill|interface
cappello
MingCute Icons Fill|interface
Beauty Mirror
Domain Icons|interface
Badge Vo
Bootstrap Icons|interface
Email Delect
IconPark|interfaceEsplora di più
Domande frequenti
Location Ripple - Domande frequenti
Quale licenza copre Location Ripple? +
Location Ripple proviene da Fluent UI Color ed è coperto da MIT. Attribuzione: Credito obbligatorio.
In quali formati posso scaricare Location Ripple? +
Location Ripple è un vettore in stile duotone (viewBox 0 0 24 24). 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 Location Ripple? +
Location Ripple fa parte della libreria Fluent UI Color di Microsoft Corporation, nella categoria Interfaccia utente (UI/UX). 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.