--- order: 12 debug: true title: zh-CN: 自定义图标 en-US: Custom Icon --- ## zh-CN 可口的图标让信息类型更加醒目。 ## en-US A relevant icon makes information clearer and more friendly. ```tsx import { Alert } from 'antd'; import { SmileOutlined } from '@ant-design/icons'; const icon = ; ReactDOM.render( <> , mountNode, ); ```