Your brand. Every category.
Start with your primary color. We’ll suggest supporting shades
and bring them to life on real FinGoal icons.
Only marked colors change. White backgrounds and fixed details in the source artwork stay exactly as they are.
READY WHEN YOU ARE
Take your palette with you.
Use these five slot names with your client-side SVG helper.
How does recoloring work?
FinGoal’s palette-ready SVGs mark their editable fills and strokes with slots such as
data-ft-fill-slot="primary". This tool changes only those marked colors—never
the paths, white fills, or unmarked merchant artwork.
The samples are bundled with this page, so previews do not depend on a shortlink or
cross-origin request. In your app, fetch SVG source from a CORS-enabled URL or your own
backend, recolor the marked attributes, then render it as an image. CSS on a page cannot
reach inside a normal external <img>.