Status

Installation

npm install @coreui/icons
npm install @coreui/icons-vue

or

yarn add @coreui/icons
yarn add @coreui/icons-vue

Use

Single icon

import { CIcon } from '@coreui/icons-vue';
import { cifAu } from '@coreui/icons';

...
<CIcon :icon="cilAu" size="xxl"/>
...

All icons

import { CIcon } from '@coreui/icons-vue';
import * as icon from '@coreui/icons';

...
<CIcon :icon="icon.cilList" size="xxl"/>
...

API

| property | type | description | | --- | --- | --- | | customClassName | string | object | string[] | Use for replacing default CIcon component classes. Prop is overriding the 'size' prop. | | icon | string | string[] | Name of the icon placed in React object or SVG content. | | height | number | The height attribute defines the vertical length of an icon. | | size | sm | md |lg | xl | xxl | 3xl | 4xl | 5xl | 6xl | 7xl | 8xl | 9xl | Size of the icon. | | use | string | If defined component will be rendered using use tag. | | title | string | Title tag content. | | width | number | The width attribute defines the horizontal length of an icon. |