WUI logo

IconFont

version

4.1.2

install

yarn add @welcome-ui/icons.font

usage

import { IconFont } from '@welcome-ui/icons.font'

or usage

import { Icons } from '@welcome-ui/icons.font'

Icons import #

<Icons.Twitter />
<Icons.Right />
<Icons.Facebook />

IconFont import #

<IconFont name="facebook" />
<IconFont name="left" />
<IconFont name="twitter" />

Css import #

To import IconFont css stylesheet, you should use this import path:

require('@welcome-ui/icons.font/fonts/welcome-icon-font.css')

Here is an example on how to use css class to display icons:

<i className="wui-icon-facebook" />
<i className="wui-icon-left" />
<i className="wui-icon-twitter" />

Available icons #

Note: You can click on an icon to copy its name.

Arrows #
Actions #
Miscellaneous #
WTF #
Files #
Player #
Avatar #
Markdown #
Table #
Brands #

Dependencies #

Peer dependencies #

Previous

Icons