Thank you, Stan.
So please bear with me.
You’re saying that I can add the code manually when I open the SVG in a code editor, correct?
I just opened the file in an online code editor. It looks like this:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 290 290" style="enable-background:new 0 0 290 290;" xml:space="preserve">
<path class="st0" d="M145,1C65.6,1,1,65.6,1,145s64.6,144,144,144s144-64.6,144-144S224.4,1,145,1z M280.8,145
So where do I add
vector-effect="non-scaling-stroke"? Anywhere within the style tags?
I’m assuming that, after adding that line, I save the file and replace the logo in Webflow with that file (just like uploading an image). And that should do the trick? Or do I need to add code in Webflow as well?
I have an additional question (I’m learning…):
Looking at the svg code, what does the text/css property within the style tags do? Are they just defining that document is a CSS text file, or are the vectors and lines in an svg handled like text?
I guess .st0 is the path class, which has the color E2 applied to it, and the numbers following within the path tags are coordinates that define the shape/placement of the paths which make up the shape…?