Webflow icon
Download the Webflow logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- webflow
- website-builder
- no-code
- web
- design
- cms
- logo
- brand
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandWebflow
- License
- MIT · Paweł Kuna
outline/brand-webflow.svgCode
Copy it the way you use it
brand-webflow.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M2 15.5v.5c0 .943 0 1.415 .403 1.714c.403 .3 .789 .185 1.561 -.047c4.536 -1.357 9.536 -5.167 9.536 -5.167l-1.377 2.542c-.715 1.32 -1.072 1.979 -.784 2.469c.29 .49 1.035 .49 2.528 .49h1.3c.582 0 .873 0 1.109 -.144c.236 -.142 .372 -.401 .646 -.918l4.225 -8c.693 -1.313 1.04 -1.969 .75 -2.454c-.288 -.485 -1.027 -.485 -2.503 -.485h-1.679c-.597 0 -.896 0 -1.136 .15c-.24 .149 -.373 .418 -.64 .956l-1.439 2.894l-.281 -2.248c-.104 -.834 -.156 -1.252 -.44 -1.502s-.704 -.25 -1.545 -.25h-1.168c-.681 0 -1.022 0 -1.275 .17s-.39 .508 -.665 1.182c-.94 2.311 -2.517 4.94 -5.16 5.833c-1.06 .358 -1.59 .537 -1.778 .798c-.188 .263 -.188 .681 -.188 1.517" />
<path d="M2 8v.5c0 .943 0 1.414 .293 1.707s.764 .293 1.707 .293h.5c.943 0 1.414 0 1.707 -.293s.293 -.764 .293 -1.707v-.5c0 -.943 0 -1.414 -.293 -1.707s-.764 -.293 -1.707 -.293h-.5c-.943 0 -1.414 0 -1.707 .293s-.293 .764 -.293 1.707" />
</svg>Use the Webflow icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandWebflow } from '@tabler/icons-react';
<IconBrandWebflow size={24} stroke={2} />Vue example
import { IconBrandWebflow } from '@tabler/icons-vue';
<IconBrandWebflow :size="24" :stroke="2" />Svelte 5 example
import { IconBrandWebflow } from '@tabler/icons-svelte-runes';
<IconBrandWebflow size={24} stroke={2} />Related