How many icons are included?

The library ships with 200+ icons across 10 categories, all hard-coded in the JavaScript.

Can I change the icon colour?

Yes. Use the colour picker to set any fill colour before copying or downloading.

Are these icons free to use?

All icons are simple path-based SVGs with no licence restrictions.

How do I use an icon in my project?

Click the icon to copy the SVG code, then paste it directly into your HTML or save via the download button.

Design Gratuito Sem cadastro

SVG Icon Library

Browse 200+ categorised SVG icons, customise colour and size, and copy or download.

Carregando ferramenta…

Sobre esta ferramenta

A fully client-side browsable library of over 200 clean, path-based SVG icons grouped into ten categories: Arrows, UI/Controls, Files, Media, Social, Business, Weather, Food, Travel, and Technology. Search by name to find the icon you need instantly. Click any icon to copy its SVG source code to the clipboard. Customise fill colour, stroke width, and preview the icon at multiple sizes (16 px, 24 px, 48 px) side by side before downloading it as a standalone SVG file. All icons use simple paths and are licensed for unrestricted use.

Como usar

1 Browse by category using the category tabs or type in the search box.
2 Click an icon to select it and copy its SVG code to the clipboard.
3 Use the colour picker to change the fill colour.
4 Adjust stroke width with the slider.
5 Preview the icon at 16 px, 24 px, and 48 px in the preview panel.
6 Click 'Download SVG' to save the customised icon as a file.

Perguntas frequentes

Ferramentas relacionadas

Signature Maker

Generate stylised text signatures or draw freehand and download as PNG.

Morse Code Visual Trainer

Learn Morse code interactively with flash cards, animations, and progress tracking.