Icons need updating for new YouTube logo

1 reply · opened Aug 30, 2017

SSemicolon WebSTAFFSep 2, 2017

Hello,

Currently, we are not updating the Youtube Icon to the Newest Version due to less-flexibility in updating the Icons in the current files. You can create your Own Font Icons by using the following Instructions:

  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: http://icomoon.io/app/#/select and import the following json File: https://www.dropbox.com/s/ufbrh3zg2dgvue2/selection.json?dl=1 .

  3. Now Import the New SVG Icon Files and check if they are looking fine. Now Move them Down below the Default Imported Font Icons (This is an Important Step). Make sure you have Selected the New Icons.

  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. Do not change the Default Font Icon’s names.

  5. Now Download the new Set of Generated Icons and replace it with the Default Icons CSS in the css/font-icons.css File and the Font Files in the css/fonts Folder. Make sure that you have replaced only the New Icon Classes which starts just after .icon-inverse Block in the css/font-icons.css File from the Newly Generated Icon CSS File. Do not replace the .icon-line- and .icon-line2- Classes in 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