I want to provide a solution that was shared by my coworker Josh.
Go to this link here: https://yoksel.github.io/url-encoder/
Paste your SVG Code in the Insert SVG Box.
In the Ready For CSS box, copy the URL within the background-image: url();
Example:
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' /%3E Sorry, your browser does not support inline SVG. %3C/svg%3E "
Use that URL in place of the SVG URL that you were having issues with.
Hopefully this helps!
... View more
Customize up to 8 badges at the top of your trophy case for all other Community members to see!
Validate 1
Earned on 2.10.21
Earned by 625 people
Select to learn more
Boost 1
Earned on 2.08.21
Earned by 3241 people
Select to learn more
Give Back 1
Earned on 2.08.21
Earned by 3211 people
Select to learn more
Ignite 1
Earned on 2.08.21
Earned by 3230 people
Select to learn more
Applaud 5
Earned on 2.08.21
Earned by 1523 people
Select to learn more
.png)