A SMALL MARK. A FRESH START.
Your next favicon,
one click away.
A favicon is the small icon that represents a website in browser tabs, bookmarks, and history. It helps visitors recognise your site at a glance. Generate your own geometric favicon here, preview it at tab size, then copy its SVG code or download it as SVG or PNG. Everything is created locally in your browser.
Your next project Large preview above · Actual 16 × 16 tab icon below
DESIGN 001 / 108
Spark
Six symbols, six colour pairs, and three corner styles. Every click produces a different combination.
#20243a#c4b5fd
Ready for your project.
Save the SVG in your public directory and add this to your document head. In Next.js App Router, you can also save it as app/icon.svg.
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />