3d MIT 24 nodi vettoriali

viewBox 0 0 48 48 Statica

Colore · Spessore tratto · Preset di animazione vettoriale live

1. Colore

I colori originali dell icona vengono mantenuti finché non scegli un nuovo colore.

Spessore tratto 2.0px

Dimensioni 144px

Rotazione 0 deg

Opacità 100%

2. Sfondo della tela e trasformazioni

3. Preset di animazione vettoriale live Incluso nell export SVG

Modifica nell editor SVG Apri lo studio vettoriale

Mouse | Icone vettoriali 3D | viewBox="0 0 48 48" | Gratis per uso commerciale

Icona SVG di Hover 3D Button

Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Hover 3D Button - Gratis per uso commerciale e personale. Senza Registrazione | 100% nel Tuo Browser

Download immediati vettoriali e ad alta risoluzione

Risoluzione:

I colori originali dell icona vengono mantenuti finché non scegli un nuovo colore. hover-3d-button.svg (4.046 B)

Copia rapida per sviluppatori e framework UI

Output codice live

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="36" height="36" role="img" aria-label="Hover 3D Button icon"><title>Hover 3D Button - Mouse icon</title><desc>Free Hover 3D Button vector icon from the Mouse open-source icon library; 3d style, MIT licence, viewBox 0 0 48 48, 3735 bytes.</desc>
  <defs>
    <linearGradient id="nx3619_hb-f" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#9AF0FF"/><stop offset="0.5" stop-color="#1FB8E8"/><stop offset="1" stop-color="#0A78A8"/></linearGradient>
    <linearGradient id="nx3619_hb-gl" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.85"/><stop offset="1" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient>
    <radialGradient id="nx3619_hb-sh"><stop offset="0" stop-color="#0B1220" stop-opacity="0.38"/><stop offset="1" stop-color="#0B1220" stop-opacity="0"/></radialGradient>
    <linearGradient id="nx3619_hb-ab" x1="0" y1="0" x2="0.6" y2="1"><stop offset="0" stop-color="#FF7F1F"/><stop offset="1" stop-color="#C94A00"/></linearGradient>
    <linearGradient id="nx3619_hb-aa" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#FFC088"/><stop offset="0.5" stop-color="#FF7F1F"/><stop offset="1" stop-color="#FF7F1F"/></linearGradient>
    <clipPath id="nx3619_hb-ac"><path d="M30.32 21.57Q30 20 31.45 20.67L41.64 25.37Q43 26 41.59 26.5L36.94 28.16Q36 28.5 35.72 29.46L33.95 35.47Q33.5 37 33.18 35.43Z"/></clipPath>
  </defs>
  <g transform="translate(2 0)">
  <ellipse cx="22" cy="42.6" rx="18" ry="2.2" fill="url(#nx3619_hb-sh)"/>
  <rect x="0.8" y="5.8" width="38.4" height="24.4" rx="12.2" fill="none" stroke="#1FB8E8" stroke-opacity="0.45" stroke-width="1.6"/>
  <rect x="3" y="8" width="34" height="20" rx="10" fill="#07587D" transform="translate(0 4)"/>
  <rect x="3" y="8" width="34" height="20" rx="10" fill="#07587D" transform="translate(0 3)"/>
  <rect x="3" y="8" width="34" height="20" rx="10" fill="#07587D" transform="translate(0 2)"/>
  <rect x="3" y="8" width="34" height="20" rx="10" fill="#07587D" transform="translate(0 1)"/>
  <rect x="3" y="8" width="34" height="20" rx="10" fill="url(#nx3619_hb-f)"/>
  <rect x="5.5" y="9.4" width="29" height="8.4" rx="4.2" fill="url(#nx3619_hb-gl)" fill-opacity="0.4"/>
  <rect x="9" y="17" width="16" height="4" rx="2" fill="#07587D" fill-opacity="0.4"/>
  <rect x="9" y="16" width="16" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.95"/>
  <path d="M5 17 Q5 10.6 11 10.2 H29" fill="none" stroke="#FFFFFF" stroke-opacity="0.55" stroke-width="1.2" stroke-linecap="round"/>
  <path d="M30.32 21.57Q30 20 31.45 20.67L41.64 25.37Q43 26 41.59 26.5L36.94 28.16Q36 28.5 35.72 29.46L33.95 35.47Q33.5 37 33.18 35.43Z" fill="#963600" transform="translate(1.25 2.25)"/>
  <path d="M30.32 21.57Q30 20 31.45 20.67L41.64 25.37Q43 26 41.59 26.5L36.94 28.16Q36 28.5 35.72 29.46L33.95 35.47Q33.5 37 33.18 35.43Z" fill="#963600" transform="translate(1.0 1.8)"/>
  <path d="M30.32 21.57Q30 20 31.45 20.67L41.64 25.37Q43 26 41.59 26.5L36.94 28.16Q36 28.5 35.72 29.46L33.95 35.47Q33.5 37 33.18 35.43Z" fill="#963600" transform="translate(0.75 1.35)"/>
  <path d="M30.32 21.57Q30 20 31.45 20.67L41.64 25.37Q43 26 41.59 26.5L36.94 28.16Q36 28.5 35.72 29.46L33.95 35.47Q33.5 37 33.18 35.43Z" fill="#963600" transform="translate(0.5 0.9)"/>
  <path d="M30.32 21.57Q30 20 31.45 20.67L41.64 25.37Q43 26 41.59 26.5L36.94 28.16Q36 28.5 35.72 29.46L33.95 35.47Q33.5 37 33.18 35.43Z" fill="#963600" transform="translate(0.25 0.45)"/>
  <path d="M30.32 21.57Q30 20 31.45 20.67L41.64 25.37Q43 26 41.59 26.5L36.94 28.16Q36 28.5 35.72 29.46L33.95 35.47Q33.5 37 33.18 35.43Z" fill="url(#nx3619_hb-ab)"/>
  <path d="M27.6 16.6 L38.4 31.9 H98.4 V-43.4 H27.6 Z" fill="url(#nx3619_hb-aa)" clip-path="url(#nx3619_hb-ac)"/>
  <path d="M33.1 22.9 L37.9 25.1" fill="none" stroke="#FFFFFF" stroke-opacity="0.8" stroke-width="1.3" stroke-linecap="round"/>
  <path d="M32.3 24.6 L34.0 32.8" fill="none" stroke="#FFFFFF" stroke-opacity="0.35" stroke-width="1.3" stroke-linecap="round"/>
  </g>
</svg>

Prompt AI e miglioramento vettoriale

Vuoi migliorare o ridisegnare questa icona? Hover 3D Button

Genera un prompt ingegneristico preciso oppure migliora subito l icona sulla tela. Hover 3D Button

Stile di miglioramento IA o generatore di destinazione

Apri nel generatore di icone AI

Generatore di prompt 100% nel browser

Verifica di fonte e licenza LICENSE.txt

Library: Mouse | Author: Mouse Contributors | License: MIT | Senza Registrazione | 100% nel Tuo Browser

Parole chiave

#hover #3d #button #mouse

Hover 3D Button - Specifiche tecniche del vettore

Fonte, autore e licenza sono visibili nell anteprima e nel dettaglio dell icona. Hover 3D Button

Identificatore canonico del file	mouse/hover-3d-button
Pacchetto libreria di origine	Mouse
Griglia di coordinate e viewBox	viewBox="0 0 48 48"
Peso non compresso	4.046 bytes (~2.225 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: Hover 3D Button

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)

outlineMIT

Blockchain Cube

Domain Icons|3d-icons

MIT

Blockchain Cube

Domain Icons|3d-icons

Fluent UI Emoji|3d-icons

MIT

Japanese Free Of Charge Button

Fluent UI Emoji|3d-icons

MIT

Japanese Here Button

Fluent UI Emoji|3d-icons

Esplora di più

Domande frequenti

Hover 3D Button - Domande frequenti

Quale licenza copre Hover 3D Button? +

Hover 3D Button proviene da Mouse ed è coperto da MIT. Attribuzione: Credito obbligatorio.

In quali formati posso scaricare Hover 3D Button? +

Hover 3D Button è un vettore in stile 3d (viewBox 0 0 48 48). 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 Hover 3D Button? +

Hover 3D Button fa parte della libreria Mouse di Mouse Contributors, 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.

Apri nell editor Esplora tutte le icone (77.087)

Licenza	Uso commerciale	Attribuzione	Modifica o ricolora
MIT	Consentito	Avviso nel pacchetto	Consentito
ISC	Consentito	Avviso nel pacchetto	Consentito
Apache-2.0	Consentito	Obbligatorio con file di avviso	Consentito
CC BY 4.0	Consentito	Credito obbligatorio	Consentito
CC-BY-SA-4.0	Consentito	Condividi allo stesso modo	Condividi allo stesso modo
Trademark / Brand	Solo uso referenziale	Linee guida del titolare	Limitato