See a piece of SVG/XML code in background in CSS and how to convert it to png? Do you know what this picture looks like?

download a piece of code from the project:

.todo-list li .toggle:checked + label {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E");
}

I tried, but deleting the extra code and saving the svg file didn"t work. What else do you need to set up? How can I know what this code looks like?

Css svg javascript

Apr.05,2021

"<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="-sharpbddad5" stroke-width="3"/><path fill="-sharp5dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>"

code is encoded and escaped

Previous: How to use the vps? of ssh bluehost as root

Next: Webstorm / * * enter method notes are often invalid

The problem of zooming in svg drawing
use svg to draw a coordinate system and draw some coordinate points, but according to the origin as the scaling point, after scaling according to a certain proportion, the drawn point will be offset from the position of the mouse click, the farther away ...

Html css svg javascript

May.28,2021
How to get the direction of type in svg path
as follows, there is a connection, and the text on the connection is implemented using path text, and when the line is rotated 360 degrees, the text is reversed. How to make the text direction positive no matter how the line is rotated? ...

D3.js css svg javascript

Jan.08,2022