Vu icon
circle-flags:vu
The Vu icon (circle-flags:vu) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags 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
- Circle Flags
- Author
- HatScripts
- License
- MIT
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#d80027" d="M512 223V0H0l193 256z"/><path fill="#6da544" d="M512 289v223H0l193-256Z"/><path fill="#333" d="m0 0l223 223h289v22l-8 11l8 11v22H223L0 512v-31l8-24l-8-8V63l8-7l-8-24Z"/><path fill="#ffda44" d="M0 32v31l193 193L0 449v32l213-214h299v-22H213zm73 169c-22 0-40 18-40 41c0 18 15 33 34 33a28 28 0 0 0 28-28H74q-1 6-7 7a12 12 0 0 1-12-12a19 19 0 0 1 19-19a28 28 0 0 1 27 27a39 39 0 0 1-39 39v22c33 0 60-28 60-61a49 49 0 0 0-49-49"/></g></svg>How to use the Vu icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:vu" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:vu" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:vu" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--vu]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:vu"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:vu"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/vu.svg" alt="Vu icon" width="24" height="24">Vu icon in other icon sets
Vu icon FAQ
Is the Vu icon free for commercial use?
Yes. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Vu icon in React?
Install @iconify/react and render <Icon icon="circle-flags:vu" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vu icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/vu.svg" alt="Vu icon">, or paste the SVG code inline to style it with CSS.