I have never dug into SVG syntax before now, But I have been playing around with SVG and a WebImageViewer. It look pretty interesting. I am loading the code from Check circle fill · Bootstrap Icons into a web image and it is pretty easy to manipulate.
I have written a little app to help me understand and pay with the syntax. It is here: Dropbox - SVG icon Test Bed.xojo_binary_project.zip - Simplify your life
Here are my questions. The raw SVG is
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/> </svg>
I can manipulate a few thing inside the svg xmlns=, mainly the height, width and color.
But changing the class=“bi bi-check-circle-fill” seems to do nothing at all.
I am I correct in assuming the the “path” is actually the vectors to draw the graphic?
Changing the URL breaks things.
If it is sourcing files from w3.org, and given that this icon is used elsewhere in the web2 framework, Is there a way to source the icon form my own web app rather than w3.org?