Icon Font

Icon Font Setup

Download the pro icon font from the Hugeicons website (opens in a new tab). Extract the zip file and copy the folder contents to the assets folder in the project root.


To use the icon font, add the following link tag to the head of your HTML file.


<!DOCTYPE html>
<html lang="en">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="assets/hugeicons/hugeicons-font.css">
        <title>Your website title</title>
        <i class="hgi-stroke hgi-home-01"></i>
        <i class="hgi-stroke hgi-youtube"></i>

Browse the icons

To browse the icons, and get the class names, open the Hugeicons website (opens in a new tab). Click on the icon you want to use, and copy the class name from the FONT CLASS option to your i tag.