Checkbox

by IceCreamYou

HTML

<svg width="20" height="20"
     xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
     role="img" aria-label="Check mark"
     preserveAspectRatio="none">
    <title>Check mark</title>
    <g>
        <path d="M 3.5 10.5 L 8.5 16 L 16.5 3.5 L 8 13.5 Z" stroke="#A00893" fill="#A00893"/>
    </g>
</svg>

CSS

.svg-stroke-action {
  stroke: #A00893;
}

svg {
  border: 10px solid #DDD;
  zoom: 1;
}