Vib icon
thesvg-color:vib
The Vib icon (thesvg-color:vib) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1397 × 632 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
- 1397 × 632
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1397" height="632" viewBox="0 0 1397 632"><path fill="#0066b3" fill-rule="evenodd" d="M391 266c-14 76-32 192-90 291c-27 49-52 75-99 75c-46-2-73-28-100-75C44 458 19 342 1 266c-2-13 2-26 18-26h47c16 0 20 6 25 27c17 75 46 191 87 252c0 0 11 17 24 17c12 0 21-17 21-17c42-61 62-177 80-252c5-21 11-27 25-27h47c16 0 20 15 16 26m145-8v348q-1 15-16 17h-53q-15-2-16-17V257q1-15 16-17h53c9 0 16 9 16 19m410 254c0 78-56 112-133 112H630q-17 2-18-21V262q0-20 20-20h162c76 0 129 25 129 92c0 35-22 64-49 78l-5 4c48 11 79 47 77 96M697 391h88c29 0 51-15 51-44q-1-41-54-41h-85zm163 116c0-37-28-53-67-53h-96v103h96c32 0 67-11 67-50"/><path fill="#fcb813" d="M1280 0c-38 0-53 10-75 30l-47 51l-45-51c-21-20-36-30-74-30h-55l96 119c19 20 30 30 56 30h46c25 0 37-10 56-30c11-11 97-119 97-119z"/><path fill="#f37920" d="M1249 139c-26 6-41 11-55 35l-11 19l-12 18c-14 22-10 37-1 65l55 142l26-47c19-32 19-51 11-80l-21-65l68-15c28-7 44-16 61-50l27-46c3 0-132 20-148 24"/><path fill="#f6921e" d="m1145 211l-11-19l-11-20c-14-22-29-29-55-34c-16-4-152-25-152-25l26 47c20 32 35 41 62 50l71 15l-21 67c-7 28-7 47 11 79l26 47l55-142c10-28 13-43-1-65"/></svg>
How to use the Vib icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:vib" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:vib" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:vib" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--vib]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:vib"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:vib"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/vib.svg" alt="Vib icon" width="24" height="24">
Related icons in theSVG Color
Vib icon in other icon sets
Vib icon FAQ
Is the Vib 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 Vib icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:vib" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vib icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/vib.svg" alt="Vib icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
