Flownib icon
thesvg-color:flownib
The Flownib icon (thesvg-color:flownib) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 806 × 582 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 806 × 582
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="806" height="582" viewBox="0 0 806 582"><defs><linearGradient id="SVGaNCgFuVd" x1="120" x2="730" y1="520" y2="60" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7b2cff"/><stop offset=".48" stop-color="#4d49ff"/><stop offset="1" stop-color="#087bff"/></linearGradient></defs><g fill="url(#SVGaNCgFuVd)" fill-rule="evenodd"><path d="M739 61h-2l-1-1v-1h-1l-1-1v-1l-1-1h-1l-3-3v-1h-3l-1-1h-2l-1-1h-2l-1-1h-2l-1-1h-11l-1 1h-6l-2 2h-2l-1 1h-2l-3 2h-3l-1 1h-2l-2 2h-2l-1 1h-3l-2 2h-4l-5 3h-2l-2 2h-3l-1 1h-3l-5 3h-3l-3 2h-2l-1 1h-2l-1 1h-5l-1 1h-1v1l-1 1h-3l-1 1h-4l-1 1h-1l-5 3h-2l-3 2h-3l-1 1h-2l-5 3h-4l-2 2h-4v1l-1 1h-3l-2 2h-8v1l-1 1h-1l-2 2h-2l-1 1h-3l-2 2h-5l-1 1h-2v1l-1 1h-2l-1 1h-3l-2 2h-5l-2 2h-1l-1 1h-4l-6 4h-3l-2 2h-3l-1 1h-5v1l-3 2h-4l-2 2h-3l-3 2h-3l-2 2h-2l-1 1h-1l-1 1h-2l-3 2h-4l-2 2h-2l-1 1h-4l-5 3h-2l-1 1h-2l-1 1h-2l-1 1h-2l-3 2h-3l-1 1h-1l-5 3h-3l-1 1h-3l-1 1h-4l-1 1h-1v1l-1 1h-3l-1 1h-3l-1 1h-3v1l-1 1h-1l-3 2h-2l-1 1h-4l-1 1h-2l-1 1h-3v1l-1 1h-2l-1 1h-3v1l-1 1h-4l-3 2h-3l-2 2h-4l-1 1h-2l-1 1h-2l-2 2h-3l-2 2h-4l-1 1h-3v1l-3 2h-4l-2 2h-2l-1 1h-4l-1 1h-2l-1 1h-1l-2 2h-4l-3 2h-4l-1 1h-1l-2 2h-2l-1 1h-4v1l-2 2h-4l-3 2h-5l-2 2h-4v1l-1 1h-3l-2 2h-2l-3 2h-3l-1 1h-2l-1 1h-2l-1 1h-3l-3 2h-2l-1 1h-2l-1 1h-1l-2 2h-2l-1 1h-2l-4 4h-1l-2 2h-1l-1 3l-3 3v1l-2 2h-1v3l-2 3v3l-1 1v17l1 1v1l1 1v1l3 5v2h1l4 4l1 3h1l1 1v2h3l5 3h2l1 1h1l2 2h3l1 1h2l1 1v1h2l3 2h3l1 1h3l1 1h2l1 1v1h2l1 1h3l2 2h5l2 2h4l2 2h2l1 1h2l3 2h3l1 1h2l2 2h3l2 2v1h1l1-1h2l1 1h1l1 1h2l2 2h2l1 1h4l1 1h4l1 1h13l1 1h3l1-1h7l1-1h6l3-2h2l1-1h2l1-1h2l4-4h2l6-6h1l2-2h2v-1l2-2h1l1-1h3v-2l2-2h1l2-2l3-1l3-3h2l2-2l3-1v-1l3-3h2v-1l1-1h1l2-3h2l1-1h1v-1l2-2h2l1-1h1v-1l5-4h4v-2l1-1h1l2-2h1v-1l2-2h1l1-1h4v-1l1-1h1v-1l1-1h1v-1l1-1h1l1-1h2l1-1l3-1l1-3l2-2h2v-1l1-1h1l3-3l3-1v-1l2-2h2l2-2h1l4-4h1l2-2h1l1-1h1l2-2h1v-1l1-1h1l3-2h2l5-5h1v-1l1-1h2v-1l2-2h4v-1l5-5h1l2-2h1l3-3h2l1-1h2v-1l1-1h2v-1l2-3h1l5-4h1l1-1h2v-2l1-1l3-1l3-3l3-1v-1l1-1h2l1-1h3v-1l3-3l3-1v-1l1-1h1v-1l2-2h1l2-2h1l3-3l3-1l3-3h1l1-1h7l2 2v4l-1 1h-1v3l-2 2h-1l-2 2h-1v1l-2 2h-2l-1 1l-1 3l-1 1h-1l-2 2h-1v1l-4 4h-1l-7 7h-1l-3 3h-3v2l-6 6h-1v1l-1 1h-1v1l-2 2h-1l-1 1h-1l-2 2h-1l-1 1v2l-2 2h-1l-1 1h-2l-1 3l-2 2h-1l-2 2v1l-1 1h-1l-1 1h-2l-1 1v2l-1 1h-1l-1 1l-3 1v2l-1 1h-4v3l-3 2h-2v3l-1 1h-2v1l-2 2v2l-1 1h-1l-4 4l-3 1v1l-11 11h-1v1l-1 1h-1v1l-3 3h-2l-1 1v1l-2 3h-1l-1 1l-3 1l-2 2v1l-2 2h-1v1l-2 2h-1v1l-3 3h-2v2l-1 1h-1l-3 3h-1v1l-1 1h-1v2l-1 1h-1l-2 2h-1l-4 4h-1l-1 1v1l-3 3h-1l-2 2h-2v2l-1 1h-2v1l-3 3h-1l-2 2v1l-3 2v1l-1 1l-6 2v2l-1 1l-1 3l-2 2h-2v5l-1 1v2l-1 1h-1v4l-1 1v13l1 1v2l1 1v4l1 1v2h1l1 1v1l3 5v2l3 3v5l1 1v1h1l1 1v1l2 3v2h1l1 1v2l2 3v2h1l2 2v2l1 1v2l1 1v1l2 2v2l2 3v2l3 3v1l2 3v4h1l3 3v1l1 1v2l4 6v2l1 1v2l1 1v2h1l1 1v1l2 3v3l1 1v2h1l1 1l1 3l1 1h1l2 2v1l4 4h1l3 2h2l4 4h2l1 1h3l1 1h2l1 1h6l1 1h13l1-1h5l1-1h4l1-1h5l1-1h2v-1l3-3h2l2-2h2l1-1h1v-1l2-2v-1l1-1h1v-1l1-1l3-1v-2l1-1h1v-3l1-1v-2l4-5v-2l2-3v-3l1-1h2v-5l1-1l1-3l1-1h2v-5l1-1l1-3l2-2v-2l1-1v-1l2-2v-3l2-2h1v-4l1-1l1-3l1-1h1v-1l1-1v-3l2-3v-2l2-2v-1l1-1h1v-3l1-1v-2l1-1v-1l2-2v-2l3-3v-1l1-1v-4l1-1v-1l1-1l1-3l2-2v-2l1-1v-1l3-3v-3l1-1h1v-4l1-1v-2l3-3v-2l2-2v-1l1-1v-2l2-3v-2l1-1l1-3l1-1h1v-2l1-1v-2l2-3v-2l1-1v-1l2-2v-2l1-1v-1l1-1h1v-1l1-1v-4l2-2v-1l1-1v-2l3-3v-3l2-2v-2l1-1v-2l2-2h1v-1l2-2v-2l1-1v-2l1-1v-3l4-6v-3l2-2v-1l3-5v-2l1-1h1v-3l3-3v-4l2-2v-2l2-2h1v-4l1-1v-1l1-1h1v-1l1-1v-3l2-2v-3l4-4v-3l1-1v-2l2-2v-2l2-2v-1l1-1v-2l1-1l1-3l2-2v-1l3-5v-3l2-3v-2l1-1l1-3l2-2v-1l1-1v-3l2-3h2v-5l2-2v-1l1-1v-2l1-1v-2l1-1h1v-3l1-1l1-3l2-2v-2l1-1v-2l2-3v-2l2-2v-2l2-2v-2l1-1v-1l1-1h1v-4l2-2v-2l1-1v-1l2-2v-2l2-2v-2l1-1v-2l1-1h1v-3l2-2v-1l2-3V69l-1-1Z"/><path d="M323 374h-2l-2-2h-1l-3-3h-12l-1 1h-1l-2 2h-4v1l-2 2h-3v1l-3 3h-2l-1 1h-1v1l-2 2h-1l-3 3h-1l-2 2h-2v1l-1 1h-2l-1 1h-1v1l-1 1h-1l-1 1l-3 1l-2 2h-2v2l-2 2h-1l-1 1h-1l-2 2h-1l-1 1l-3 1l-4 4h-2l-2 2l-3 1v1l-1 1h-1l-3 3h-1l-1 1h-2v1l-2 2h-3l-3 3h-2l-2 2h-1v1l-2 2h-1v1l-1 1l-3 1l-3 3h-2l-3 3l-3 1l-3 3h-2l-1 1h-2v1l-1 1h-1l-1 1h-2v2l-1 1h-3v1l-4 4h-2l-3 3l-3 1v1l-1 1h-3l-1 1v1l-1 1l-3 1v1l-2 2h-2l-1 1h-2v1l-2 2h-1l-2 2h-1l-1 1h-3v1l-3 3h-1v1l-1 1l-3 1l-3 3h-3v4l-1 1v13h1l4 4h1l2 2h2l1 1h12l1-1h1l3-3h1l2-2h1v-1l1-1h1l1-1h5l1-1v-3l1-1l3-1l5-4l3-1l2-2h1v-1l1-1h3v-1l1-1h2l1-1h1v-1l2-2h1l1-1h2v-1l1-1h1v-1l1-1h1l3-2h3v-2l2-2h1l1-1h1l1-1l3-1l2-3l3-1l5-4h2v-1l1-1h2v-1l1-1h1l2-2h2l4-4h1l1-1h2v-1l1-1h1l2-2h1l1-1h4v-2l3-3h1l3-2h2v-1l2-2l3-1v-1l1-1h3l2-2h2v-1l2-2h1l5-4h3v-2l1-1h1l2-2h1l2-2h1v-1l1-1h3l4-4h1l2-2h5v-3l1-1h1l3-2h2v-1l2-2h1l1-1h2v-4l2-2v-5l-1-1v-6l-1-1Z"/><path d="m240 333l-1-1h-1l-2-2h-1l-2-2h-12l-3 2h-3l-1 1h-1v1l-2 2h-1l-3 3h-3v1l-2 2h-1l-3 2h-2l-3 3h-1l-1 1h-2l-1 1h-1l-2 2h-2v1l-3 3h-3v1l-1 1h-4v1l-2 2h-1l-5 4h-1l-1 1h-4v1l-2 2h-2v1l-5 4h-2l-1 1h-3l-1 1h-1v1l-1 1h-1l-3 3h-2l-3 3h-1l-1 1l-3 1l-2 2h-3v1l-2 2h-3l-4 4h-1l-1 1h-3v2l-1 1h-2l-1 1h-2v1l-1 1h-1l-2 2h-1l-1 1h-2l-2 2h-2l-1 1h-2v1l-2 2h-1l-2 2h-1l-1 1h-2l-2 2v1l-2 2v1l-2 3v7l1 1l1 3l2 2v2h1l1 1h3l3 2h7l1-1h2l1-1h4l1-1h2v-1l2-2h1l1-1h2v-1l2-2h1l1-1h2l1-1h3v-1l1-1h1l1-1h1l2-2l3-1l3-3h1l3-2h3v-1l1-1h1l2-2h3l2-3h3l2-3h3l1-1h2v-1l3-3h1l2-2h2v-1l1-1h1l1-1h2l2-2h2v-1l2-2h2l2-2h2l2-2h2l5-4h3v-1l1-1h3v-1l1-1h1l5-4h2l2-2h4l2-2h1v-1l4-4h3l1-1h1l3-3h2l1-1h1l5-4h3v-1l3-5v-2l2-3v-2l-1-1v-3l-1-1v-1l-1-1Z"/><path d="m372 446l-4-4v-1l-1-1h-1l-2-2v-1h-3l-1-1h-10l-1 1h-1l-1 1l-3 1l-2 2h-1v1l-1 1h-2v1l-3 3h-1l-1 1h-2l-1 1v1l-2 2h-1l-7 6h-1l-1 1l-3 1l-7 7l-3 1v1l-2 2l-3 1l-3 3l-3 1l-4 4h-1l-2 2h-2v1l-1 1h-1v1l-2 2h-2l-2 2h-1v1l-2 2h-2v1l-1 1h-2v1l-1 1h-1l-2 2h-2v1l-3 3l-3 1l-1 3l-1 1h-1v2l-1 1v5l1 1v7l1 1h2l1 1h1l2 2h1l1 1h3l1 1h5l1-1h5l3-3h1l7-6h1l1-1l3-1v-1l2-2h1l2-2h1v-1l2-2h1l2-2h3v-1l2-2h1v-1l1-1h2l2-2v-1l1-1l3-1v-1l1-1h1l4-4h1l3-2h2l2-3h3v-3l2-2h2l3-3h3v-2l1-1h1l2-2h1l5-4h2v-1l1-1h3v-1l1-1h1v-2l1-1h1l2-2v-1l2-3v-3l1-1Z"/></g></svg>How to use the Flownib icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:flownib" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:flownib" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:flownib" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--flownib]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:flownib"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:flownib"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/flownib.svg" alt="Flownib icon" width="24" height="24">Flownib icon FAQ
Is the Flownib icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Flownib icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:flownib" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flownib icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/flownib.svg" alt="Flownib icon">, or paste the SVG code inline to style it with CSS.