I am in the process of designing a set of icons for my client to offer a full-colour alternative, whereby the gradient has an outline colour, with a fill gradient colour. For example here - https://dribbble.com/shots/2136612-Wedding-Icons

They already have an icon set for their site set up as a font, but offers only 1 fill colour or 1 outline colour. Not a full-coloured icon set.

Due to the performance of the website being so important, they really want to keep the icons as a font and not change this to be SVGs.

I was looking into the emoji keyboard and understand they are treated as glyphs/font, with all emojis having a unique gradient fill. Is this the way to go?

Any recommendations or best practices highly appreciated! Happy to give any further information if needed :)

Thank you, H

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.