How to Create and Upload Custom Icons using IcoMoon

Araminta Padding

Created Jul 10, 2023

How to Create and Upload Custom Icons using IcoMoon

160
    i

Icon Font & SVG Icon Sets ❍ IcoMoon

14 Steps
Go to https://icomoon.io/
1

Click on IcoMoon App

Click on IcoMoon App
2

Select Import Icons

Select Import Icons
3

Highlight all your imported icons

Highlight all your imported icons
4

Click on Generate SVG & More

Click on Generate SVG & More
5

Select the cog icon

Select the cog icon
6

Type in your desired name

Type in your desired name
7

Check "Add <title>..."

Check "Add <title>..."
8

Click on Close

Click on Close
9

Click on Download

Click on Download
10

Head to your installation > Cwicly Settings

Head to your installation > Cwicly Settings
11

Click on Icon Collections

Click on Icon Collections
12

Type in your desired name and select Choose file

Type in your desired name and select Choose file

Find the symbol-defs.svg file in the zip folder you downloaded from IcoMoon and upload it

13

Click on Upload

Click on Upload
14

See your added icon collection 🎉

See your added icon collection 🎉
Well done!
Create how-to guides like this in a snap. Get Tango now.