Can I add an SVG code within the Navbar element on my Webflow site? I tried using the Embed widget within the Brand element, but nothing shows up. Is there something I am missing? Also, does the Free account support SVGs in Webflow?

Yes, you can definitely add SVG code within the Navbar element on your Webflow site. The Embed widget is the right tool to use for this purpose. However, you mentioned that nothing shows up when you tried using the Embed widget within the Brand element. There are a few things you can check to troubleshoot this issue:

1. Make sure your SVG code is correct: Ensure that the code you are using for your SVG is valid and error-free. You can verify this by pasting your SVG code into an online SVG validator like the one provided by W3C. This will help identify any issues with the SVG code itself.

2. Confirm the placement of the Embed widget: Double-check that you have placed the Embed widget in the correct location within the Brand element. The Embed widget should be added directly within the Brand element, not as a child of any other elements within it.

3. Use the correct syntax: When adding the SVG code within the Embed widget, make sure you are using the correct syntax. For example, if your SVG code looks like ``, you should paste it as-is into the Embed widget.

Now, regarding your question about SVG support in the Free account, the good news is that Webflow does support SVGs in all account plans, including the Free plan. So you should have no issues using SVGs within your Webflow site, regardless of your account type.

If you have followed these steps and are still experiencing issues with your SVG not showing up, it might be helpful to provide more details or even share your read-only link so that further investigation can be done to pinpoint the problem.

Webflow Resources

Webflow templates

Webflow inspiration

Rate this answer

Other Webflow Questions

How can I implement a back button with a condition in Webflow using JavaScript, where the button takes the user back to the previous page if they came from the same domain, and if they came from a different domain, it takes them to a default page?

How can I autoplay and loop short videos on a Webflow page without compromising on quality or file size?

Why am I getting 403 errors on my Webflow site, but only when I try using my Ionos domain?

Can images (including gifs) be added to a Webflow website from a URL instead of uploading them, to avoid the problem of uploading images larger than 4MB?

Can websites created in Webflow be transferred to other hosting platforms like cPanel or Plesk, or are there alternative solutions?

Can Webflow be used as a CMS for two different websites and can it automatically update both websites if changes are made using a CSV file?

How do I disable Horizontal Scroll on all pages in Webflow, for both desktop and mobile, in order to fix alignment issues on mobile? Additionally, how can I center the form in the footer for mobile in Webflow?

How to integrate Chart.js into Webflow and display the chart on a subpage?

How can I put the background video in Webflow behind everything? Why don't I get 4 cells when I create 4 columns in my quick stack in Webflow?

How can I make the first option in a drop-down field not selectable in Webflow?

What could be causing the big white border when setting the overflow setting of divs to scroll in Webflow?

Why does my website on Webflow only show in Google search when searching for the specific domain name, but not when searching for other related keywords or phrases?

Will the load time of my Webflow website be slow in China, even if I purchase a Chinese domain?

How can I fix an element to scroll within a section in Webflow, similar to the animation used for the share function on the Webflow blog?

How can I handle long text strings for responsive sizing in Webflow? Would custom code be necessary?

Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?

Can the Webflow YouTube component recognize channel IDs instead of video IDs for embedding a Live Stream?

How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?

How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?

How can I fix the issue with the scroll not being smooth on my mobile device (iPhone + Safari) in Webflow?

How can I prevent scroll when my nav is open in Webflow using code? The scroll is disabled correctly when I change the class name of the second 'menu', but it does not get activated when the menu is closed. It doesn't work at all if both class names are the same. Can anyone provide assistance with this issue?

How can I add date filtering to my current list of filters in Webflow using Finsweet CMS Filtering?

How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?

How can I whitelist the IP or user agent of a third-party vendor to crawl my Webflow site for legal compliance archiving purposes?

How can I configure Webflow forms to exclude empty or unchecked checkboxes when sending emails? Additionally, is it possible to customize the email text for checked checkboxes, such as using "réservé" instead of "true"?

How can I dynamically redirect to a CMS created after form submission in Webflow?

How can I make the menu close when a link is clicked in Webflow?

How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?

How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?

How can I add user input to the end of the redirect URL in Webflow?