JSFiddle - React, Tailwind, and code Playground

by IceCreamYou

HTML

<svg viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
    <g>
        <path fill="#222222" stroke="#EEEEEE" d="
            M  1.5 15.5
            L  5.5 19.5
            L 18.5  6.5
            L 14.5  2.5
            Z
            M  6.5 10.5
            L 10.5 14.5"
            stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="0.5" />
    </g>
</svg>

CSS

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

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

svg {
  background-color: #777;
  border: 1px solid #AAA;
  display: block;
  margin: 5px;
  width: 100px;
}