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

Is "Lsep" appearing in a type block due to a database cache issue on Webflow?

How can I implement smooth scrolling using Locomotive.js in Webflow while ensuring position sticky functionality is working correctly?

Can Webflow be used to develop a website that provides clinic bookings, integrates with Zapier and Google Calendar, includes customer and admin dashboards, and allows users to update the CMS? Any tips?

How can I incorporate live shipping rates from UPS, FedEx, USPS, and LTL shipping into a client's website using Webflow?

What is the recommended approach for integrating a store pickup solution with Webflow for a restaurant business, if I previously used Zapiet on Shopify?

How can I limit the character count for the blog title in Webflow to avoid breaking the UI? The default "Name" field does not provide options for minimum and maximum character counts.

Can I build a Webflow site that pulls content from my own CMS through an API (JSON or XML)?

How can I add ad-hoc HTML tables in my CMS Richtext content in Webflow without the need for clients to edit HTML markup directly?

How can I make the Webflow navbar component transparent by setting the opacity to 0? I've tried various methods, but it still appears as a light gray color. The same issue occurs with form fields element, where opacity changes don't seem to have any effect. Is this a bug or am I missing something? I've seen similar posts about this, but haven't found a proper solution.

How can I fix the issue with interactive map embeds not scaling on tablet and mobile devices on my Webflow website?

Can Webflow integrate with Square for e-commerce, since Webflow e-commerce only supports Stripe?

What could be causing payment conflicts when trying to upgrade from a free trial on Webflow, and how can this issue be resolved?

When will Webflow remove the 100 static page limit and provide a timeline for implementation?

In Webflow, how can I restrict the form field type number to only accept values greater than or equal to zero?

Is it possible to effectively manage subscriptions on a Webflow website using a hosted checkout from Stripe or PayPal, as an alternative to the Webflow eCommerce plan? Any limitations or drawbacks to be aware of?

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?