IconFont

version

4.5.0

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.Twitter />
<Icons.Right />
<Icons.Facebook />


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

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" />

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