Icon Font Setup #

Copy CDN the pro icon font from the Houston website Extract the zip file and copy the folder contents to the public/fonts folder in the project root.

Usage #

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

HTML #

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

Browse the icons:#

To browse the icons, and get the class names, open the Houston website. Click on the icon you want to use, and copy the class name from the FONT CLASS option to your i tag. application.

Last updated on Oct, 05, 2024

React Native Page Customization