A basic icon family designed for common website needs.
To help match your website's look and feel, these SVG icons come in 30 sizes and seven weights.
Choose a download and start using icons in minutes. Jump right in with just the CSS & Icons, or get the Source Code for full control.
The simplest way to start with icons is by including the following CSS or minified CSS link.
To do that, copy and paste the following code snippet into your project, right before the closing </head> tag.
CSS
Minified CSS
To use icons, add the two classes as shown below.
Icon sizes range from the smallest, evo-icon-1, to the largest, evo-icon-30.
Icon weights are Thin, Light, Book, Bold, Black, Ultra, and Solid.
The first class, evo-icon-30, represents the size of the icon.
The second class, evo-icon-arrow-right-book, represents the icon and its weight.
evo-icon- is a universal class prefix for the evolution framework.
The number -30 represents the size of the icon, -arrow-right is the name of the icon, and -book represents the weight of the icon.
Below are code snippets and their corresponding output.
evo-icon-arrow-right-thin
evo-icon-arrow-right-light
evo-icon-arrow-right-book
evo-icon-arrow-right-bold
evo-icon-arrow-right-black
evo-icon-arrow-right-ultra
evo-icon-circle-chevron-solid
Start with this basic HTML template after you download the CSS & Icons or the Source Code.
It is located in both downloads as 'icons-template.html'.