@coreui/icons-react

Official React component for CoreUI Icons

Usage no npm install needed!

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

README

CoreUI Icons logo

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

Report bug · Request feature · Blog

Status

npm package NPM downloads react

Installation

npm install @coreui/icons
npm install @coreui/icons-react

or

yarn add @coreui/icons
yarn add @coreui/icons-react

Use

Single icon

import { CIcon } from '@coreui/icons-react';
import { cifAU } from '@coreui/icons';

...
render() {
  return (
    <CIcon icon={cilList} size="xxl"/>
  )
}
...

All icons

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

...
render() {
  return (
    <CIcon icon={icon.cilList} size="xxl"/>
  )
}
...

API

property type description
className string A string of all className you want applied to the component.
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.