From the course: Creating Web Icons with SVG

Unlock the full course today

Join today to access over 22,700 courses taught by industry experts or purchase this course individually.

Display Grunticon SVG icons in HTML documents

Display Grunticon SVG icons in HTML documents

From the course: Creating Web Icons with SVG

Start my 1-month free trial

Display Grunticon SVG icons in HTML documents

“

- [Voiceover] Now that I've generated my Grunticon sets, all I need to do is include it into my project to get it to display the icons. So, how do we do that? Well, the trick is to look at the preview.html file inside the grunticon folder you downloaded. Here you'll see that, off the top, we have these script tags that call in the necessary scripts to get Grunticon to work. You see, there's this file here, grunticon.loader.js, that needs to be included. And in preview.html, the contents of grunticon.loader.js has actually just been included into the document itself. That's entirely up to you. You can either reference the file and then just write in the necessary script yourself. Or you can put in the script manually. So I'm just going to copy out the entire script here as it is and put it into index.html. This script needs to be placed in the head section, so I'll just dump into the head section here. And then we need to make a couple of configuration changes. So, the way this script…

Contents