Иконка Flag For Vanuatu

emojione:flag-for-vanuatu

Иконка Flag For Vanuatu (emojione:flag-for-vanuatu) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (Colored)
Автор: Emoji One
Лицензия: CC-BY-4.0
Размер: 64 × 64
Категория: Флаги
Теги: flagfor, forvanuatu, flagforvanuatu, flag for flag vanuatu

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M32 2C22.8 2 14.6 6.1 9.1 12.7V32h52.1v-7C58 11.8 46.2 2 32 2"/><path fill="#83bf4f" d="M9.1 32v19.3C14.6 57.9 22.8 62 32 62c14.2 0 26-9.8 29.2-23v-7z"/><g fill="#3e4347"><path d="M9.1 12.7c-.9 1.1-1.8 2.3-2.6 3.5v3.7h-2C2.9 23.6 2 27.7 2 32s.9 8.4 2.6 12.1h2v3.7c.8 1.2 1.6 2.4 2.6 3.5L28.4 32z"/><path d="M61.9 34v-4c-.1-1.7-.4-3.4-.8-5h-52v14h52.1c.4-1.6.6-3.3.7-5"/></g><path fill="#ffce31" d="M6.5 16.2c-.7 1.2-1.4 2.4-2 3.7L16.7 32L4.6 44.1c.6 1.3 1.2 2.5 2 3.7L20.3 34h41.6c0-.7.1-1.3.1-2s0-1.3-.1-2H20.3z"/><g fill="#fdce12"><path d="M7.3 26.7c-1.1 0-4.6.8-4.6 4.4s3.4 4 4.1 4s3.2-.6 2.9-3.3c0 .8-.9 2.4-2.7 2.4s-3-1.4-3-2.7s1.1-3.1 3-3.1s3.3 1.7 3.3 3.4s-1.4 3.9-3.5 3.9v2.1c1.8 0 5.3-1.4 5.3-5.8c.1-4.5-3.7-5.3-4.8-5.3"/><path d="M7.4 30.9q0-.15 0 0v-.1c.1-.1.4-.1.5-.2c.3-.2.5-.4.7-.9v-.1c-.5-.1-.9.1-1.1.4c-.1.2-.2.4-.3.5c0 .1-.1.1-.1.1c-.1 0-.1-.1-.1-.1c-.1-.1-.2-.4-.3-.5c-.2-.3-.6-.5-1.1-.4v.1c.2.4.4.7.7.9c.2.1.4.1.5.2l.1.1h-.1c-.4.1-.7.4-.9.7s-.4.7-.3 1.1h.1c.4-.1.7-.4 1-.6c.2-.3.4-.5.5-.9c.1.3.3.6.5.9c.3.2.5.5 1 .6h.1c0-.5-.1-.8-.3-1.1c-.4-.3-.7-.6-1.1-.7"/></g></svg>

Как использовать иконку Flag For Vanuatu

React

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

<Icon icon="emojione:flag-for-vanuatu" width="24" />

Vue

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

<template>
  <Icon icon="emojione:flag-for-vanuatu" width="24" />
</template>

Svelte

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

<Icon icon="emojione:flag-for-vanuatu" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--flag-for-vanuatu]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:flag-for-vanuatu"></div>

Веб-компонент

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

<iconify-icon icon="emojione:flag-for-vanuatu"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/emojione/flag-for-vanuatu.svg" alt="Иконка Flag For Vanuatu" width="24" height="24">

Иконка Flag For Vanuatu в других наборах

Вопросы и ответы: Иконка Flag For Vanuatu

Можно ли бесплатно использовать иконку Flag For Vanuatu в коммерческих проектах?

Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Flag For Vanuatu в React?

Установите @iconify/react и выведите <Icon icon="emojione:flag-for-vanuatu" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Flag For Vanuatu на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/flag-for-vanuatu.svg" alt="Иконка Flag For Vanuatu">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Emoji One (Colored) →