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
IconsNext
useCopyText