Free. Unlimited. No catch (yet). This tool's living its best preview life before it joins our paid plans.

Icon Kit

Pick an icon (or paste your own SVG), adjust size, color, background shape, and extras like a notification dot — then copy the exact HTML to paste into VS Code.

1. Pick an icon

324 icons from Heroicons (MIT licensed), bundled locally.

2. Adjust the icon

3. Background box

4. Extras

Live preview

Code


                

Share this tool

Know a team, client, or fellow marketer who'd get some use out of this? Pass it along.

Share your experience

Like this tool? Let others know — a quick Google review goes a long way.

Leave us a review
Report a Bug