Vi icon

circle-flags:vi

The Vi icon (circle-flags:vi) 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

Download SVG

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="#eee" d="M0 0h512v512H0z"/><path fill="#338af3" d="m62 258l30 84l30-84h23l-44 111H83L39 258zm350 111V258h22v111z"/><path fill="#ffda44" d="M253 138c-23 1-41 20-41 43h-95c0 24 20 43 44 43h-1c0 24 19 43 42 43l35 38l-27 60a122 122 0 0 0 92 0l-27-60l35-38c23 0 42-19 42-43h-1c24 0 44-19 44-43h-96c0-25-21-45-46-43"/><path fill="#eee" d="m256 222l-56 16v39a49 49 0 0 0 23 40l11-2l11 14l11 4l11-4l9-14l13 2a49 49 0 0 0 23-40v-39z"/><path fill="#d80027" d="M223 222v95l22 12V222zm66 0v95l-22 12V222z"/><path fill="#0052b4" d="M200 202h112v36H200z"/></g></svg>

How to use the Vi icon

React

import { Icon } from "@iconify/react";

<Icon icon="circle-flags:vi" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="circle-flags:vi" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="circle-flags:vi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--vi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:vi"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="circle-flags:vi"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/circle-flags/vi.svg" alt="Vi icon" width="24" height="24">

Vi icon in other icon sets

Vi icon FAQ

Is the Vi 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 Vi icon in React?

Install @iconify/react and render <Icon icon="circle-flags:vi" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Vi icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/vi.svg" alt="Vi icon">, or paste the SVG code inline to style it with CSS.

Browse all Circle Flags icons →