SVG

填充

使用fill 属性设置 SVG 元素的填充颜色。

<chakra.svg fill="blue.500">
  <path d="..." />
</chakra.svg>

属性	CSS 属性	Token 类别
fill	fill	颜色

描边

使用 stroke 属性设置 SVG 元素的描边颜色。

<chakra.svg stroke="blue.500">
  <path d="..." />
</chakra.svg>

属性	CSS 属性	Token 类别
stroke	stroke	颜色

描边宽度

使用 strokeWidth 属性设置 SVG 元素的描边宽度。

<chakra.svg strokeWidth="1px">
  <path d="..." />
</chakra.svg>

属性	CSS 属性	Token 类别
strokeWidth	stroke-width	borderWidths