Veonib icon
thesvg-color:veonib
The Veonib icon (thesvg-color:veonib) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1254 × 1254 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
- 1254 × 1254
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1254" height="1254" viewBox="0 0 1254 1254"><defs><linearGradient id="SVGZ5kCNevc" x1="0%" x2="100%" y1="0%" y2="100%"><stop offset="0%" stop-color="#1768ff"/><stop offset="48%" stop-color="#087bff"/><stop offset="100%" stop-color="#12d3e8"/></linearGradient></defs><g fill="url(#SVGZ5kCNevc)"><path d="m250 332l-8 8l-3 6l-2 9l1 8l45 86l13 22l52 101l7 11l13 27l7 11l37 73l25 45l3 8l14 24l23 46l14 24l26 29l27 20l23 11l31 8l34 1l28-5l28-12l25-17l15-14l14-17l12-19l10-20l73-180v-3l14-31l2-8l4-7l24-63l9-19l8-22l2-2l3-11l4-7l23-60l24-57v-7h-79l-12 1l-22 5l-32 15l-23 18l-10 11l-16 23l-15 30l-106 258h-3l-7-10l-148-300l-14-22l-12-12l-17-11l-22-7l-132-1l-25 1Z"/><path d="m1011 321l-10 3l-8 5l-10 11l-5 12v18l7 15l11 10l7 4l11 2l15-1l12-6l10-10l6-14v-17l-5-13l-11-12l-16-7Z"/></g></svg>How to use the Veonib icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:veonib" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:veonib" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:veonib" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--veonib]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:veonib"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:veonib"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/veonib.svg" alt="Veonib icon" width="24" height="24">Veonib icon FAQ
Is the Veonib 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 Veonib icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:veonib" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Veonib icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/veonib.svg" alt="Veonib icon">, or paste the SVG code inline to style it with CSS.