--- 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 React from 'react'; import { Alert } from 'antd'; import { SmileOutlined } from '@ant-design/icons'; const icon = ; const App: React.FC = () => ( <> ); export default App; ```