Editor Settings
Customize background, coordinates, and custom overlays.
Upload your SVG
Drag & drop or click to browse
Fill Color#007AFF
Gradient Colors
Angle135°
Upload BG Image
JPEG/PNG formats
Corner Radius40%
Icon Scale (Size)65%
Recolor Vector
Vector Color#FFFFFF
Select Tool
Brush Color
Brush Width6px
Canvas Area
✍️ Drawing Overlay Active
Real-time Suite Preview (Standard sizes)
128px
64px
32px
16px
Export Bundle
Download single resolution assets or package a full favicon suite.
Single Assets
Advanced Deployment Packs
ZIP Bundle ContentsClean build
📁favicon-pack.zip
📄favicon.ico (16/32/48px)
📄favicon-16.png (16px)
📄favicon-32.png (32px)
📄apple-touch-icon.png (180px)
📄site.webmanifest (JSON manifest)
<link rel="icon" href="/favicon.ico" sizes="any" /> <link rel="icon" href="/favicon-16.png" type="image/png" sizes="16x16" /> <link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <link rel="manifest" href="/site.webmanifest" />