Angular Icons

On this page

--- ## Examples ### Single icon Import necessary icons only, directly to your component

--- ### All icons Not recommended, can drastically increase your bundle size.

--- #### Use icons 3. Use icons by `name` prop anywhere in your Angular application.

--- ## API > Use one of `name` or `content` prop as it defines the way of icon import ### cIcon _directive_ ##### Inputs

| property | type | default | description| | --- | --- | --- | --- | | `[cIcon]` `content` | `string`, `string[viewBox, content]` | undefined | SVG content | | `name` | `string` | undefined | name of SVG icon stored in IconSetService | | `size` | `custom \| custom-size` \| `sm` \| `lg` \| `xl` \| `2xl` \| `3xl` \| `4xl` \| `5xl` \| `6xl` \|`7xl` \| `8xl` \| `9xl` | '' | Size of icon | | `title` | `string` | undefined | svg title tag | | `customClasses` | `string` | undefined | Overwrites default `.icon` classes | | `viewBox` | `string` | undefined | SVG `viewBox` |

--- ### IconSet _service_ ##### Props

| property | type | default | description| | --- | --- | --- | --- | | `getIcon()` | `(string): any[] ` | | returns an icon | | `icons` | `IIconSet` | undefined | IconSet object | | `iconNames` | `[key: string]: string` | _undefined_ | returns icon name from key |

--- ## Available icons CoreUI Icons package is delivered with more than 1500 icons in multiple formats SVG, PNG, and Webfonts. CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile app.