Иконка Flag For South Africa

emojione:flag-for-south-africa

Иконка Flag For South Africa (emojione:flag-for-south-africa) — бесплатная 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, forsouth, southafrica, flagforsouthafrica, flag for flag south africa

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#699635" d="M60.9 40c.7-2.5 1.1-5.2 1.1-8s-.4-5.5-1.1-8H31.7L14.8 7.4c-4 2.8-7.3 6.6-9.6 11L19 32L5.3 45.6c2.2 4.4 5.5 8.2 9.6 11L31.7 40z"/><path fill="#3e4347" d="M3.5 22.5c-1 3-1.5 6.2-1.5 9.5s.5 6.5 1.5 9.5l9.6-9.5z"/><path fill="#428bc1" d="M18.3 58.7C22.4 60.8 27.1 62 32 62c12.3 0 22.9-7.4 27.5-18.1H33.4z"/><path fill="#ed4c5c" d="M59.5 20.1C54.9 9.4 44.3 2 32 2c-4.9 0-9.6 1.2-13.7 3.3l15.1 14.8z"/><path fill="#fff" d="M60.5 22.7c-.3-.9-.6-1.8-1-2.6H33.4L18.3 5.3c-.7.3-1.3.7-2 1.1c-.5.3-1 .7-1.5 1L31.7 24h29.2c-.1-.4-.2-.9-.4-1.3"/><path fill="#ffce31" d="M5.3 18.4c-.1.2-.2.4-.3.7c-.5 1.1-1 2.2-1.4 3.4l9.6 9.5l-9.6 9.5c.4 1.2.8 2.3 1.4 3.4c.1.2.2.4.3.7L19 32z"/><path fill="#fff" d="M31.7 40L14.8 56.6c.3.2.7.5 1 .7c.8.5 1.6 1 2.5 1.4l15.1-14.8h26.1c.4-1 .8-2 1.2-3.1c.1-.3.1-.5.2-.8z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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