Material-UI svg-icon图标使用

太叔英卫
2023-12-01

step1. 取material-ui-icon官网找到合适的图标

step2. 拼接地址import [ALIAS_NAME] from 'material-ui/svg-icons/action/[ICON_NAME]'

ALIAS_NAME: 使用时的别名组件名
ICON_NAME: material-ui-icon官网对应图标名称(注意:小写名称,多个单词的名称加中划线连接)

如:
1.material-ui-icon home 主页图标

import ActionHome from 'material-ui/svg-icons/action/home'

2.material-ui-icon volume off 静音图标

import ActionVolumeOff from 'material-ui/svg-icons/action/volume-off'
 类似资料: