digtools
🎨
svg icon search,

SVG Icon Search

Search Lucide & Heroicons—click to copy SVG, React, or Vue code. Customize size, color, and stroke width.

🔍
Multi-Set Search
Search across Lucide and Heroicons
📋
One-Click Copy
Copy SVG/React code instantly
🎨
Customizable
Adjust size, color, and stroke width
| License: Lucide (ISC) / Heroicons (MIT)

🔒All operations run entirely in your browser.

Potrebbe piacerti anche

🖼️

Generatore di sfondo SVG

🔤

Sottosetter del carattere

📱

Generatore di immagini reattive

about,

About

SVG Icon Search lets you search through the Lucide icon set and copy SVG code with one click. Customize size, color, and stroke width, and generate ready-to-use React or Vue component code. Everything runs in your browser with no network requests.

how to use,

How to Use

STEP 1

Search by Name

Type a keyword (arrow, home, etc.) to filter icons.

STEP 2

Select & Customize

Click an icon, then adjust size, color, and stroke width.

STEP 3

Copy Code

Copy SVG, React, or Vue code directly into your project.

glossary,

Glossary

SVG (Scalable Vector Graphics)
An XML-based vector image format that scales without quality loss, ideal for web.
Lucide
An open-source SVG icon set with 1500+ icons. Licensed under ISC.
Heroicons
SVG icons by the Tailwind CSS team. Licensed under MIT.
viewBox
SVG attribute defining the coordinate system, ensuring proper scaling.
stroke-width
Controls the thickness of icon stroke lines.
currentColor
An SVG keyword that inherits the CSS color value for stroke/fill.
faq,

FAQ

Q.What license are the icons under?
Lucide is ISC licensed, Heroicons is MIT licensed. Both are free for commercial use.
Q.Is data sent to a server?
No. All operations run in your browser.
use cases,

Use Cases

🎨

Web Design

Find perfect icons for UI projects.

💻

React Projects

Copy component imports instantly.

📐

Design Mockups

Preview icons before adding to Figma.

📚

Library Comparison

Compare Lucide vs Heroicons side by side.

Strumenti Correlati

Generatori CSSVedi tutti
🖼️

Generatore di sfondo SVG

Crea motivi di sfondo SVG leggeri

🔤

Sottosetter del carattere

Riduci la dimensione del carattere estraendo caratteri specifici

📱

Generatore di immagini reattive

Genera automaticamente immagini multi-dimensione e codice srcset

📐

Generatore di layout Flexbox/griglia

Genera codice di layout con GUI visiva

✨

Generatore di transizioni della vista CSS

Simula animazioni API View Transition e genera codice per SPA e MPA.

🎨

Convertitore di colori

Converti codici HEX/RGB/HSL/CMYK. Include la generazione della tavolozza e il controllo del contrasto.

🎨

Selettore colore immagine

Estrai i colori dalle immagini e ottieni i codici colore (HEX/RGB)

↔️

Generatore di morsetti CSS

Calcola automaticamente i valori della funzione Fluid Clamp() per un design reattivo.

✂️

Generatore di percorsi clip CSS

Crea facilmente forme di tracciati di ritaglio CSS con operazioni di trascinamento e genera codice.

Tutte le categorie

Strumenti Web e per sviluppatori Generatori CSS Strumenti per immagini e foto Strumenti video e audio SEO e marketing Rete e infrastruttura Analisi ed elaborazione del testo Strumenti finanziari e salariali Strumenti per data e calendario Documenti e strumenti aziendali Giochi ed eventi Vita e salute Pagina Iniziale

Invia feedback

Facci sapere la tua opinione per aiutarci a migliorare lo strumento.

Disclaimer

Gli strumenti forniti su questo sito sono completamente gratuiti, ma si prega di utilizzarli a proprio rischio. Non offriamo alcuna garanzia in merito all'accuratezza, completezza o sicurezza dei risultati di calcolo, risultati di conversione o dati generati. Si prega di notare che l'operatore non si assume alcuna responsabilità per eventuali danni o problemi causati dall'uso di questi strumenti. La maggior parte degli strumenti elabora file e calcoli localmente nel browser, il che significa che i dati inseriti non vengono inviati o archiviati sui nostri server.