Icon Colouriser

version

Stan1ey UX Tools

Why not just use PhotoShop?

Dynamic infographics such as digital dashboards often require labourious work to create colour-coded icons for many different states.

Not any more. Icon Colouriser uses SVG filters to add various colourising effects on the fly.

iconColouriser.do( imageObject, colour, effect );

ORIGINAL IMAGE

00

"COLOUR_ICON"

00 10 20 30 40 50 xx

"COLOUR_BOX"

00 10 20 30 40 50 xx

"COLOUR_ICON_BOX"

00 10 20 30 40 50 xx

"OUTLINE_ICON"

00 10 20 30 40 50 xx

"OUTLINE_BOX"

00 10 20 30 40 50 xx

"GLOW_ICON"

00 10 20 30 40 50 xx

"GLOW_BOX"

00 10 20 30 40 50 xx

"GLOW_ICON_BOX"

00 10 20 30 40 50 xx

CUSTOM

00 10 20 30 40 50 xx

D.I.Y.