naive-ui/demo/documentation/components/icon/zhCN/customIcon.md
2020-02-04 18:57:45 +08:00

478 B

自定义图标

将自定义 SVG 放入图标。(确保设定了 SVG 的 viewBox 属性)

<n-icon size="40">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M368.5 240H272v-96.5c0-8.8-7.2-16-16-16s-16 7.2-16 16V240h-96.5c-8.8 0-16 7.2-16 16 0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7H240v96.5c0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7 8.8 0 16-7.2 16-16V272h96.5c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/>
  </svg>
</n-icon>