Creating and adding your own icons to UIkit3?

Archetypon
1

The icons included with UIkit3 are really nice, but limited. I’ve been slowly making my own, that fit the same design as the native ones, but using them can be a pain.

At present, it’s a case of first using something like Designer to change the colour or custom made icons, then adding them to the project’s resource, then adding to the project using the native UIkit3 SVG stack.

All in all, a bit of a pain in the arse.

So I’m wondering if there is a way to add them to the native icons? I’ve rad the UIkit docs, but they don’t make much sense to me *too techy).

Failing the ability to add icons, how about adding a recolour option to the SVG stack @Lucas

2

You may use jpg or png as icon backgrounds: choose Library: background image > on the droplet add your own image. That’s the approach I used on the flag icons of the Idea project (check the icons on the Europe menu): https://uikitstacks.com/projects/idea/

Part from this you could extend the icon files with our own, it requires some programming and you can follow the instructions on the official uikit docs here: https://getuikit.com/docs/custom-icons

1 Like