أيقونة Vi

circle-flags:vi

أيقونة Vi (circle-flags:vi) أيقونة SVG مجانية من مجموعة Circle Flags من تصميم HatScripts. مرسومة على شبكة 512 × 512. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Circle Flags
المؤلف: HatScripts
الترخيص: MIT
الحجم: 512 × 512

تنزيل SVG

شيفرة SVG

<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>

كيفية استخدام أيقونة Vi

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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/circle-flags/vi.svg" alt="أيقونة Vi" width="24" height="24">

أيقونة Vi في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Vi

هل أيقونة Vi مجانية للاستخدام التجاري؟

نعم. تُنشر Circle Flags icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Vi في React؟

ثبّت @iconify/react واعرض <Icon icon="circle-flags:vi" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Vi إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/circle-flags/vi.svg" alt="أيقونة Vi">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Circle Flags →