Pick an icon (or paste your own SVG), adjust size, colour, background shape, and extras like a notification dot — then copy the exact HTML to paste into VS Code.
No icons match that search.
324 icons from Heroicons (MIT licensed). Rendered locally, no network call.
Loads live from Google Fonts (Material Symbols, Apache 2.0 licensed). This is the one pack here that makes a network call — both now, and wherever you paste the snippet.
No matches in the quick-pick list. If you know the exact name from Google Fonts, type it above and use it anyway.
You're responsible for complying with the Material Symbols license (Apache 2.0) — free for commercial use. Peniche Communications doesn't verify usage on your end.
Paste the direct link to the icon image. Color and stroke controls below won't apply to a linked image, only size, the background box, and extras.
By pasting a URL, you're responsible for making sure you have the rights to use that icon and for complying with its provider's license or user agreement. Peniche Communications doesn't verify or guarantee licensing for externally linked icons.
Works best with icons that use stroke="currentColor" or
fill="currentColor" so the colour controls below still apply.
Anything else pastes through as-is.
By pasting icon markup here, you're responsible for making sure you have the rights to use it and for complying with that icon's license or user agreement. Peniche Communications doesn't verify licensing for icons you supply yourself.
Colour controls don't apply to linked images.
Added to the outermost element's class list — Tailwind classes, your own CSS classes, whatever you need.
Raw CSS declarations, added as a style="..." attribute — no Tailwind required.
Generates Tailwind CSS utility classes — this tool assumes your project already has Tailwind set up. If it doesn't, you'll need to translate these classes to plain CSS (or lean on the Custom CSS section above).
Configuring several icons in one sitting? Add each one (here or with the button above the live preview), then grab them all as a single .zip.
No icons added yet.
Know a team, client, or fellow marketer who'd get some use out of this? Pass it along.
Like this tool? Let others know — a quick Google review goes a long way.
Leave us a review