Code moved to:
https://github.com/coreui/coreui-angular/tree/main/projects/coreui-icons-angular
Explore CoreUI for Angular docs »
Report a bug · Request a feature · Blog
Angular directive for CoreUI Icons SVG set.
<svg>
tag,For directive description visit https://coreui.io/angular/docs/4.0/
npm install @coreui/icons npm install @coreui/icons-angular
// app NgModule import { IconModule, IconSetService } from '@coreui/icons-angular'; @NgModule({ imports: [ IconModule, ... providers: [IconSetService], ...
// app component import { cilEnvelopeOpen, flagSet } from '@coreui/icons'; import { IconSetService } from '@coreui/icons-angular'; @Component({ ... }) export class AppComponent implements OnInit { constructor(public iconSet: IconSetService) { // iconSet singleton iconSet.icons = { cilEnvelopeOpen, ...flagSet }; } ...
<svg cIcon name="cil-envelope-open" size="lg"></svg> <svg cIcon name="cifAu"></svg>
proprerty type default descriptionUse one of
name
orcontent
prop as it defines the way of icon import
name
string undefined name of SVG icon stored in IconSetService content
string, string[] undefined SVG content size
custom
, custom-size
, sm
, lg
, xl
, xxl
, 3xl
, 4xl
, 5xl
, 6xl
, 7xl
, 8xl
, 9xl
'' Size of icon title
string undefined customClasses
string undefined Overwrites default .icon
classes viewBox
string undefined SVG viewbox
width
string undefined SVG width
height
string undefined SVG height
proprerty type default description getIcon()
(string): any[]
returns an icon icons
IIconSet
undefined IconSet object iconNames
[key: string]: string
undefined returns icon name from key
CoreUI Icons Free are free, open source, and GPL friendly. You can use it for commercial projects, open source projects, or really almost whatever you want.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4