Icon List

Class Icon Download

Insert the markup as shown below to your HTML file. Place it where you want the icon to be displayed.
To choose a specific icon as listed in the content tab, you have to change the class name and the last part of the href to the name of the preferred icon.

<svg class="icon-PREFERRED ICON NAME">
    <use xlink:href="images/gfx/iconsimages/icons.svg#icon-PREFERRED ICON NAME"></use>

Insert the styling listed below in the css file to put the same styling on all you icons. You can use height and width properties to control icon size. To define icon color use fill property.

/* The default icon styling */
[class^="icon-"], [class*=" icon-"] {
    height: 32px;
    width: 32px;
    display: inline-block; 
    fill: currentColor;