That’s what I’ve been doing here in this thread.
I was trying to get them both to look the same pixel wise.
That’s what I’ve been doing here in this thread.
I was trying to get them both to look the same pixel wise.
It’s somewhere between 3365 & 3374
We’re going round in circles here. If you want an SVG that looks like a particular raster image, try a site that converts the raster to SVG.
This is the SVG
<svg viewBox="0 0 1226 1481" xmlns="http://www.w3.org/2000/svg"><path d="M0 1394V87C0 46.3 13.3 19.8 40 7.5 66.7-4.8 98.7.3 136 23l1034 634c37.3 22.7 56 50.3 56 83s-18.7 60.3-56 83L136 1458c-37.3 22.7-69.3 27.8-96 15.5-26.7-12.3-40-38.8-40-79.5z" fill="red"/></svg>
Again, if you have the SVG and that’s what you want to use, use it. If it is not what you want to use, then get what you want to use and use that instead. It’s as simple as that.
Converting the svg into a png seems to have worked best.
<div style="
width: 64px;
height: 64px;
left: 7px;
top: 7px;
background-color: rgba(0,0,0,.7);
background-image: url('https://i.imgur.com/ef35w1e.png');
background-repeat: no-repeat;
background-size: 24px;
background-position: 58% 50%;
border-radius: 500px;
border: 1px solid red;
cursor: pointer;
"> </div>