Canvas Support

My own icons

1 reply · opened Dec 29, 2016

SSemicolon WebSTAFFJan 2, 2017

Hello,

Here are the instructions you can follow to create your own Font Icons.

  1. Make sure you have a Vector PNG Icon. Convert this Icon to SVG using any Online Service available through Google. Try this one: http://image.online-convert.com/convert-to-svg . Save the new SVG File.

  2. Open the Icomoon Icon Font Generator App: icomoon.io/app/#/select .

  3. Now Import the New SVG Icon Files and check if they are looking fine.

  4. Now click on the Generate Font Link and search for the New Icons you imported so that you can rename them properly according to your needs.

  5. Now Download the new Set of Generated Icons and save the CSS File in the css/ Folder and the Font Files in the css/fonts Folder.

Now you simply link the New CSS Font File in the Document <head> just below the css/font-icons.css File.

These instructions should definitely work fine. Do let us know if you face any issues with this. We will definitely make this a lot easier in the Future Updates and add more detailed Instructions in the Documentation. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any other issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard