Iconography
Generate · Resize · Export · Every Platform

01 · Generator

Icon builder

Configure the icon parameters and preview across all context backgrounds. Each size has refined padding ratios — not just a scale of one master file.

Content
Dimensions
8px512px1024px
Typography
Geometry
0%0%30%
512×512px · Light · JJ
512×512 Light 1:1 preview
Pixel-accurate previews

Each preview below is rendered at its actual pixel size. What you see is exactly what exports. Note how the relative text scale and padding shift at smaller sizes — this is intentional per-size tuning.


02 · Size Map

Platform size reference

Every relevant icon size across every platform, from 8px CGA tiles to 1024px App Store artwork. Click any size to load it in the generator.


03 · Export

Export formats

Download the current canvas in any format. Code outputs are copied to clipboard. Every format except SVG is pixel-rendered from the canvas.


04 · Batch Export

Batch download

Select the sizes and variants you need, then download all as a ZIP. Generates both light and dark variants if selected. Naming follows the convention jeffjenx-icon-{variant}-{w}x{h}.{ext}.


05 · Code Outputs

Implementation references

Ready-to-paste code snippets for embedding the icon across different contexts. Updates live as you change settings in the generator.

HTML img tag
CSS background (base64)
SVG source
HTML <link> tags (favicon)
Web App Manifest JSON
Open Graph meta tags