Icons
Flag Icons Preview link
You have to add the following scss and add flag-icon folder in your fonts folder
<!-- flag icon scss -->
@import '../scss/vendors/flag-icon.scss';<!-- some icon display for demo -->
<i class="flag-icon flag-icon-in"></i>
<i class="flag-icon flag-icon-ad"></i>
<i class="flag-icon flag-icon-ae"></i>
<i class="flag-icon flag-icon-af"></i>Font awesome Preview link
You have to add the following scss and add font-awesome folder in your fonts folder
<!-- font awesome css -->
@import './font-awesome.scss';<!-- some icon display for demo -->
<i class="fa fa-bluetooth"></i>
<i class="fa fa-bitcoin"></i>
<i class="fa fa-anchor"></i>
<i class="fa fa-text-height"></i>Ico icon Preview link
You have to add the following scss and add ico folder in your fonts folder
<!-- ico icon css -->
@import '../scss/vendors/icofont.scss';<!-- some icon display for demo -->
<i class="icofont icofont-bow"></i>
<i class="icofont icofont-animal-dolphin"></i>
<i class="icofont icofont-brand-apple"></i>
<i class="icofont icofont-bank-alt"></i>Themify Preview link
You have to add the following scss and add themify folder in your fonts folder
<!-- themify icon css -->
@import '../scss/vendors/themify.scss';<!-- some icon display for demo -->
<i class="icon-fullscreen"></i>
<i class="icon-save-alt"></i>
<i class="icon-volume"></i>
<i class="icon-instagram"></i>Feather icon Preview link
npm i feather-icons<i [attr.data-feather]="icon"></i>import { Component, Input } from '@angular/core';
import * as feather from 'feather-icons';
import { FeatherIcons } from '../../../shared/components/feather-icons/feather-icons';
@Component({
selector: 'app-feather-icons',
imports: [FeatherIcons],
templateUrl: './feather-icons.html',
styleUrl: './feather-icons.scss'
})
export class FeatherIcons {
@Input('icon') public icon: string | undefined;
constructor( ) {}
ngAfterViewInit() {
feather.replace();
}
}