WebIMageViewer and SVG

Targets Web
1

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?

2

The url points to the spec that defines svg. Just like any other xml file, changing the url will make the browser interpret it incorrectly.

3

Thanks Greg. Is it possible to use the svg from the icons that are used by the webtoolbar?

4

Do you want to do something like this?:

me.Picture = WebPicture.BootstrapIcon("calendar-date")

or maybe I don’t understand the problem.

The SVG is not served by w3.org, the SVG information is sent to the browser to draw.

5

Call it worthless curiosity but I am curious.

The URL in the SVG file cannot be tampered with in anyway. But clearly the SVG files not being served in anyway nor is that URL being called.

Is it a sort of digital signature?