怎么将antd的icon转为base64编码
时间: 2024-06-09 08:11:47 浏览: 17
你可以使用在线工具将Antd的Icon转换为Base64编码。以下是一个示例:
1. 打开 https://www.base64encode.org/ 或者其他的 Base64 编码工具网站。
2. 在 Antd 的官网上选择一个 Icon,例如 StarOutlined。
3. 在 Base64 编码工具网站上,将以下代码复制到“文本”框中:
```html
<i class="anticon anticon-star-outlined"></i>
```
4. 点击“编码”按钮,等待工具将该代码转换为 Base64 编码。
5. 将生成的 Base64 编码复制到你的项目中,例如:
```css
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCI+PGcgZmlsbD0iI0ZGRiIgY2xhc3M9ImFudGljbGVjb2xvciI+PHBhdGggZD0iTTMwLjM4NzYgMTMuNzY4NmMxLjcyMjggMCAzLjA0OTkgMS42MzUyIDMuMDQ5OSAzLjA0OTloLTMuNTM1MWMxLjcyMjggMCAzLjA0OTktMS42MzUyIDMuMDQ5OS0zLjA0OTlDMzkuNzA4NiAxNy4zNzYgMzkuNzA4NiAxNy4zNzYgMzAuMzg3NiAxMy43Njg2eiIvPjwvZz48L3N2Zz4=");
```
6. 现在,StarOutlined 图标已经以 Base64 编码的形式嵌入到你的项目中了。