To use the Twicon font Icon. Do make sure to link the icon in your html file using the CDN or download locally to your system and link the icons using this code below:
<link rel="stylesheet" href="css/all.css">Or link by CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MoralistFestus/twicon-icon@1.3.2/css/all.css">You can decide to use the twicon.css file:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MoralistFestus/twicon-icon@1.3.2/css/twicon.css">link the desired css file to html file (all.css or twicon.css or twicon.min.css) using the above codes.
The twicon icons Component is an easy and performant way to use twicon in your app. The component will dynamically load an SVG for each icon, so your app is only requesting the icons that you need. For example:
<!-- home icon -->
<i class="twicon-home"></i>