修改SVG路径厚度

Question

我想修改bootstrap 4复选框勾选SVG路径号，但我不知道如何修改数字来实现这一点。

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z" fill="red"/></svg>

我希望刻度线更细。关于CSS边框的粗细：2px;

任何SVG专家？

由于

Answer 1

作为肮脏的解决方案，您可以使用stroke和stroke-width属性：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
    <path stroke="white" stroke-width="1.7px" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z" fill="red"/>
</svg>

但是这只会创建特定颜色的边框。因此，您只能在合适的背景上使用图片。