Iconic
Design beautiful, consistent icons — one at a time, or a thousand.
A lightweight, layer-based icon editor with real-time effects, animated GIF export, batch processing, and a CLI for headless workflows. Design once, export individually or process entire folders in one click.
Features
Everything you need to design, customize, and batch-export professional icons.
Border & Background
3-zone color system — Outer fill, Border stroke, Inner background. HSV color pickers with hex input. Border thickness, corner radius (0–72px), and adjustable padding.
CLI / Headless Mode
Full command-line interface for headless batch rendering. Render single icons or process entire folders without the GUI. Ideal for CI/CD pipelines and build scripts.
Smart Recoloring
Batch recolor replaces white/near-white pixels in rasters with any color. SVG files get fill attribute overrides in one pass.
11 Visual Effects
Plugin-style effects pipeline — apply per-layer or post-composite. Toggle Off / On / GIF to compare.
Bevel
3D beveled edge with highlight and shadow bands — creates a physical button appearance.
Depth, Light Angle, Highlight Opacity, Shadow Opacity
Border Noise
Jagged lightning-bolt border distortion — replaces the clean stroke with an animated noisy edge.
Amplitude, Frequency, Seed
Chromatic Aberration
RGB channel offset for a broken-lens cyberpunk look. Optional animation pulse.
Shift Amount, Direction, Animated
Dot Matrix
LED dot-grid display — glowing dots on a dark background with configurable size and glow.
Dot Size, Spacing, Glow Radius, Glow Color
Drop Shadow
Colored blurred shadow behind layer content. Adjustable offset, blur, and color.
Offset X/Y, Blur Sigma, Color, Opacity
Glitch
CRT-style digital corruption — row shifts, channel separation, scanlines, pixel dropout, and smear.
Intensity, Row Shift %, Channel Split, Dropout %
Hue Shift
Rotate all colors through the spectrum. Static for color grading, animated for rainbow cycling.
Shift Degrees, Animated, Speed
Outline
Solid colored outline via alpha mask dilation. Configurable thickness and color.
Thickness, Color, Blend Mode
Pixelate
Retro mosaic pixel-art downscale effect. Averages pixels into configurable block sizes.
Block Size, Shape, Interpolation
Scanlines
CRT-style horizontal scanlines. Adjustable spacing, thickness, and animated scrolling.
Line Width, Spacing, Opacity, Scroll Speed
Underglow
Soft colored glow behind the icon content. Customizable hue, radius, and intensity.
Radius, Color, Intensity, Falloff
Icon Pack Library
16,120+ icons across 12 packs — all MIT-licensed, downloadable directly from the app.
| Pack | Icons | Source |
|---|---|---|
| Iconic – GameShips with the app | ~320 | Bundled |
| Tabler Icons | ~4,500 | Tabler |
| Fluent UI Icons | ~4,000 | Microsoft |
| Bootstrap Icons | ~2,000 | Bootstrap |
| Phosphor Icons | ~1,500 | Phosphor |
| Ionicons | ~1,300 | Ionic |
| Ant Design Icons | ~630 | Ant Design |
| Octicons | ~500 | GitHub |
| Heroicons | ~300 | Tailwind Labs |
| Feather | ~290 | Feather Icons |
| Radix Icons | ~300 | Radix UI |
| Eva Icons | ~480 | Akveo |
How It Works
Three workflows — design single icons, batch-process entire folders, or expand your icon library.
Design an Icon
- 1.Set canvas size (72×72 or 144×144), pick border/background colors, corner radius, and padding
- 2.Add layers — image, icon glyph, SVG, text, or shape. Adjust Scale, Opacity, and Offset for each
- 3.Apply effects — 11 built-in: attach per-layer with +FX or apply post-composite
- 4.Export as lossless PNG or animated GIF. Save your project as a reusable .ipj template
Batch Process a Folder
- 1.Design your template — mark one layer as 📌 Placeholder (swapped per source image)
- 2.Open Batch Process — choose a source folder, icon pack, or built-in Iconic-Game set
- 3.Optional: enable Smart Recolor to replace white pixels in rasters or override SVG fills
- 4.Click Batch Export — one icon per source file, all layers and effects applied
Manage Icon Packs
- 1.Open the Icon Browser and click Manage Packs
- 2.Browse 11 available packs (Tabler, Fluent UI, Bootstrap, Heroicons, Feather, Phosphor, and more)
- 3.Click Install to download — each pack shows its license before installing
- 4.Or import your own SVG collection from any local folder — instantly available in the browser
CLI & Headless Mode
Run Iconic from the command line — no GUI required. Ideal for CI/CD pipelines, build scripts, and automated workflows.
Batch Mode
Stamp a template design onto every icon in a source set.
Single Render
Render a template as-is to PNG — no source substitution.
Flexible Source Targeting
Iconic-Game— All 320 bundled game iconsIconic-Game-34— The 34th bundled icon (1-based)Iconic-Game-Sword— Icon named "Sword" from bundled packheroicons— All icons from an installed packfeather-heart— Named icon from any installed packC:\path\to\folder— All images in a local directoryWorks identically on Windows, macOS, and Linux. Published binaries include all native dependencies.
Output Sizes
Both sizes exported as lossless PNG with transparent-aware RGBA compositor. Animated effects export as GIF89a with configurable frame count and delay.
Support the Project
Love Iconic? You can support continued development with a one-time donation.
Support Iconic
Help us improve the icon editor. Every contribution makes a difference.
Powered by PayPal · Secure checkout
Ready to design?
Iconic is coming soon. Works on Windows, macOS, and Linux.
Coming Soon