Bulk recolor SVG illustrations to match your brand

Drop Freepik or unDraw SVGs, remap every color to your palette — shading preserved. Free, browser-only, no signup.

Drop SVG files here, or click Upload SVGs

All processing happens in your browser — files never leave your device

Density

How it works

1

Upload your SVGs

Drop or click to add up to 50 SVG files. Processing happens 100% in your browser — nothing uploads.

2

Pick your brand colors

Color Swap auto-groups every color into Primary, Accent, and Neutral palettes. Click any swatch to pick a new color — related shades shift together to preserve shading.

3

Download the result

Export a single SVG or a ZIP of recolored files. Drop them straight into your project, design system, or repo.

Works with your favorite SVG sources

Freepik

Multi-color illustrations

Freepik vectors typically use 4–8 colors across paths, gradients, and shadows. Color Swap auto-groups them all and lets you remap to your brand palette in one pass — no native tool on Freepik's side does this.

unDraw

Beyond the primary color

unDraw's color picker only changes the primary color. Use Color Swap when you need to rebrand accents, skin tones, and shadow shades independently — the way real brand kits look.

Any SVG

Flaticon, Iconify, Figma exports

Icon packs from GitHub, exports from Figma / Sketch / Illustrator, or any other SVG file on disk — if it has colors, Color Swap can remap them. No app or plugin required.

Frequently asked questions

Everything you might wonder before dropping your SVGs.

Doesn't unDraw already let me change colors?
unDraw's picker only changes the primary color. If an illustration has accents, shadows, or skin tones you want to rebrand, you're stuck. Color Swap groups every color in the SVG into a palette you can remap individually — and it works on SVGs you've already downloaded, or from any other source.
Are my files uploaded anywhere?
No. Color Swap runs 100% in your browser — your SVGs are parsed, recolored, and downloaded locally. Nothing is sent to a server. No signup, no account, no tracking of file content.
Does it preserve shading and soft shadows?
Yes. When you pick a new brand color for a group, every shade in that group (darker, lighter, semi-transparent variants) shifts proportionally. Soft shadows stay soft. Alpha transparency is preserved so half-opacity highlights don't turn into solid color blocks.
Which SVG sources work best?
Freepik and Flaticon illustrations are the sweet spot — they have no native recolor tool and typically use 4-8 colors, so the palette approach saves real time. unDraw works well when you need to change colors beyond the primary. Icon sets that use currentColor (Lucide, Heroicons) usually don't need Color Swap — a single CSS rule handles them.
How is this different from a Figma plugin?
Figma plugins require the Figma app and a workspace. Color Swap takes an SVG file directly in any browser and outputs a standalone recolored SVG — useful if your assets live in a code repo, design system, or marketing site rather than Figma. No app lock-in, no signup.
Can I use recolored SVGs commercially?
Color Swap is just a tool — it doesn't change the license of your source files. If Freepik, unDraw, or Heroicons allow commercial use of the original, the recolored version has the same rights. Check each source's license for details.
How many files can I upload at once?
Up to 50 files per batch, with a 20 MB total size cap. Individual files can be up to 5 MB. For larger icon packs, process in multiple rounds.
Which color formats are supported?
Hex (#rrggbb, #rgb, #rrggbbaa), rgb() / rgba(), hsl() / hsla(), and all CSS named colors. Alpha channel is kept intact when recoloring.

Get notified when we ship new tools

Color Swap is part of ohiyo.app — a growing suite of design tools for indie makers. We'll email once every few months when a new tool is live. No marketing, no spam.

Powered by Buttondown · Unsubscribe anytime

Packaging...