@coreui/icons-vue

Official Vue component for CoreUI Icons

Usage no npm install needed!

<script type="module">
  import coreuiIconsVue from 'https://cdn.skypack.dev/@coreui/icons-vue';
</script>

README

CoreUI Icons logo

Official Vue.js component for CoreUI Icons and CoreUI Icons PRO.
Explore CoreUI Icons for Vue docs »

Report bug · Request feature · Blog

Status

NPM Downloads License

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.