From the course: Creating Web Icons with SVG
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Generate cross-browser icons in the command line using Grunticon
From the course: Creating Web Icons with SVG
Generate cross-browser icons in the command line using Grunticon
- [Voiceover] Now that you know how to use a browser-based Grumpicon, I want to show you how to use the command-line tool Grunticon instead. That's because using Grunt and Grunticon, we can add additional processes to our SVG generation, to optimize our SVGs and do other things, and we can also extend the functionality of our SVGs with some additional features. In the exercise files for this movie, I've reset our project back to where it was in the beginning of this chapter. So we are once again looking at the PNG versions of these icons. That's so I can walk you through the entire process of generating Grunticons, using the command-line tool, and also how to add them into your project. Now, in this movie, I'll be using the task runner called Grunt.js, and if you're not familiar with Grunt, you need to watch this course before you continue. This is Ray Villalobos's Web Workflows with Grunt.js, and he walks you through the entire process of setting up Grunt on your computer and getting…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
(Locked)
Overview of this method1m 28s
-
(Locked)
Generate cross-browser icons with Grunticon4m 46s
-
(Locked)
Display Grunticon SVG icons in HTML documents3m 27s
-
(Locked)
Generate cross-browser icons in the command line using Grunticon5m 6s
-
(Locked)
Display Grunticon SVG icons in HTML documents3m 59s
-
(Locked)
-
-