Repository files navigation

Code moved to:
https://github.com/coreui/coreui-angular/tree/main/projects/coreui-icons-angular

Explore CoreUI for Angular docs »

CoreUI Icons »

Report a bug ·Request a feature ·Blog

Angular directive forCoreUI Icons SVG set.

• Load icons:
  • stored in Angular root service,
  • directly passed SVG content,
• Reduce icons bundle size when imported as single icons,
• Full functionality of<svg> tag,
• Clean API

For directive description visithttps://coreui.io/angular/docs/4.0/

npm install @coreui/iconsnpm install @coreui/icons-angular

// app NgModuleimport{IconModule,IconSetService}from'@coreui/icons-angular';@NgModule({imports:[IconModule,...providers:[IconSetService],...

// app componentimport{cilEnvelopeOpen,flagSet}from'@coreui/icons';import{IconSetService}from'@coreui/icons-angular';@Component({  ...})exportclassAppComponentimplementsOnInit{constructor(publiciconSet:IconSetService){// iconSet singletoniconSet.icons={ cilEnvelopeOpen, ...flagSet};}...

<svgcIconname="cil-envelope-open"size="lg"></svg><svgcIconname="cifAu"></svg>

Use one ofname orcontent prop as it defines the way of icon import

CoreUI Icons Free are free, open source, and GPL friendly. You can use it forcommercial projects, open source projects, or really almost whatever you want.

• Icons — CC BY 4.0 License
  • In the CoreUI Icons Free download, the CC BY 4.0 license applies to all icons packaged as .svg and .js files types.
• Fonts — SIL OFL 1.1 License
  • In the CoreUI Icons Free download, the SIL OLF license applies to all icons packaged as web and desktop font files.
• Code — MIT License
  • In the CoreUI Icons Free download, the MIT license applies to all non-font and non-icon files.