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 無料サインアップ不要

SVG Icon Library

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

ツールを読み込み中…

このツールについて

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.

使い方

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.

このツールについて

使い方

よくある質問