Webflow icon
logos:webflow
The Webflow icon (logos:webflow) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 129 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 129
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="129" viewBox="0 0 512 129"><path fill="#4353ff" d="M165.325 50.358c0-9.185-8.932-18.94-24.387-18.94c-17.356 0-36.422 12.732-39.336 38.132c-2.977 25.654 12.985 37.056 29.074 37.056s24.514-6.271 33.129-14.632c-7.412-9.312-16.976-5.004-18.813-4.054c-2.027 1.013-4.624 2.407-9.945 2.407c-6.208 0-12.542-2.787-12.542-14.379c39.78-3.927 42.82-16.406 42.82-25.59m-19.7 1.52c-.253 2.85-1.393 7.728-21.536 10.451c4.244-15.075 12.351-16.215 16.089-16.215c3.484 0 5.7 2.723 5.447 5.764m-67.397 2.47s-8.55 26.857-9.248 29.074c-.253-2.28-6.524-50.484-6.524-50.484c-14.569 0-22.36 10.388-26.477 21.347c0 0-10.389 26.92-11.275 29.2c-.064-2.09-1.584-28.883-1.584-28.883c-.887-13.43-13.175-21.6-23.12-21.6l12.035 73.034c15.266-.063 23.5-10.388 27.808-21.347c0 0 9.184-23.753 9.564-24.83c.064 1.013 6.588 46.177 6.588 46.177c15.329 0 23.564-9.692 27.998-20.27l21.473-52.764c-15.14 0-23.12 10.324-27.238 21.346m143.345-23.057c-9.438 0-16.659 5.131-22.74 12.669v-.063L204.281 0c-12.542 0-22.74 10.895-24.704 27.11l-9.502 78.356c7.222 0 14.886-2.09 19.003-7.411c3.674 4.75 9.185 8.551 17.356 8.551c21.157 0 35.662-24.577 35.662-47.634c-.126-21.03-10.325-27.68-20.523-27.68m-1.963 37.69c-2.217 12.858-9.375 21.6-16.28 21.6c-6.967 0-9.944-3.105-9.944-3.105c1.33-11.275 2.153-18.179 4.687-24.133s8.551-15.456 14.822-15.456c6.144 0 8.932 8.171 6.715 21.093M294.924 33h-14.759l.064-.76c1.013-9.628 3.293-14.695 10.831-15.518c5.131-.507 7.411-3.168 7.981-6.081c.444-2.28 1.837-10.199 1.837-10.199c-29.644-.19-38.955 12.606-41.362 32.115l-.064.444h-.317c-4.814 0-10.134 5.447-11.021 12.351l-.317 2.534h9.882l-8.298 68.537l-2.534 12.289c.317 0 .697.063 1.013.063c13.873-.507 22.74-11.465 24.704-27.364l6.461-53.525h4.624c4.56 0 9.882-4.56 10.832-12.162zm76.772-1.266c-17.04 0-33.129 12.542-38.07 32.241c-4.94 19.7 2.534 43.01 27.618 43.01c25.02 0 39.463-24.26 39.463-44.467c0-20.08-13.619-30.784-29.011-30.784m6.904 36.612c-.887 8.931-4.814 22.487-15.582 22.487c-10.832 0-9.312-15.836-8.235-23.374c1.14-8.044 5.638-19.51 15.33-19.51c8.677 0 9.5 10.325 8.487 20.397m106.29-13.999s-8.552 26.857-9.249 29.074c-.253-2.28-6.524-50.484-6.524-50.484c-14.569 0-22.36 10.388-26.477 21.347c0 0-10.389 26.92-11.275 29.2c-.064-2.09-1.584-28.883-1.584-28.883c-.887-13.43-13.175-21.6-23.12-21.6l11.972 73.034c15.265-.063 23.5-10.388 27.807-21.347c0 0 9.185-23.753 9.502-24.83c.063 1.013 6.587 46.177 6.587 46.177c15.33 0 23.564-9.692 27.998-20.27L512 33.002c-15.076 0-23.057 10.324-27.11 21.346M308.86.443l-12.416 100.145l-2.533 12.352c.316 0 .696.064 1.013.064c13.365-.19 22.867-11.909 24.64-26.668l7.158-57.452c2.154-17.546-8.298-28.44-17.862-28.44"/></svg>How to use the Webflow icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:webflow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:webflow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:webflow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--webflow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:webflow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:webflow"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/webflow.svg" alt="Webflow icon" width="24" height="24">Webflow icon in other icon sets
Webflow icon FAQ
Is the Webflow icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Webflow icon in React?
Install @iconify/react and render <Icon icon="logos:webflow" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Webflow icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/webflow.svg" alt="Webflow icon">, or paste the SVG code inline to style it with CSS.