Иконка Sa
circle-flags:sa
Иконка Sa (circle-flags:sa) — бесплатная SVG-иконка из набора Circle Flags от HatScripts. Она нарисована на сетке 512 × 512. Circle Flags icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Circle Flags
- Автор
- HatScripts
- Лицензия
- MIT
- Размер
- 512 × 512
Код 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="#496e2d" d="M0 0h512v512H0Z"/><path fill="#eee" d="M336 356v16H128l24 24h184v16h16v-16h32v-24h-32v-16zM131.4 174v41.4h-15.8v-26.7H97.8q-6.3 0-10.8 2.3a15 15 0 0 0-6.7 6.4a22 22 0 0 0-2.3 10.5q0 6 2.3 10.3q2.3 4 6.7 6q4.5 2.1 10.8 2.1H173V174h-13v41.4h-15.8V174zm52.9 0v52.3h12.8V174zm55.3 0v41.4h-11v-31h-12.8v31h-9.3v10.9h45.9V174zm24.3 0v52.3h12.8V174zm77.8 0v41.4H326v-26.7h-17.8q-6.3 0-10.8 2.3a15 15 0 0 0-6.7 6.4a22 22 0 0 0-2.3 10.5q0 6 2.3 10.3q2.3 4 6.7 6q4.5 2.1 10.8 2.1h46.5V174zm24.2 0v52.3h12.8V174zm55.3 0v41.4h-11v-31h-12.8v31h-9.3v10.9h46V174ZM97.8 199.6h5v15.8h-5q-2.4 0-4-.4q-1.5-.5-2.2-2a13 13 0 0 1-.8-5.1q0-3.7.8-5.4q1-1.8 2.5-2.3q1.5-.6 3.7-.6m210.3 0h5v15.8h-5q-2.4 0-4-.4q-1.5-.5-2.2-2a13 13 0 0 1-.8-5.1q0-3.7.8-5.4q1-1.8 2.5-2.3q1.6-.6 3.7-.6M114.8 247v28.5h-10.9V257H91.6q-4.4 0-7.4 1.6q-3 1.4-4.6 4.4t-1.6 7.2q0 4.3 1.6 7q1.5 2.9 4.6 4.3t7.4 1.4h51.7v-36h-8.8v28.5h-10.9V247Zm36.3 0v36h8.8v-36Zm39.7 0v35.8q0 1.5-.6 2.7t-2 2q-1.5.6-4 .7t-4.2-.7t-2.4-2q-.9-1.3-.9-3.1l.2-2.8l1.5-10.8l-8.7-1.1l-1.2 8.4l-.6 6.4q0 3.7 2 6.7a14 14 0 0 0 5.9 4.8q3.6 1.7 8.3 1.7q4.5 0 8-1.6q3.6-1.6 5.5-4.6q2-2.8 2-6.7V247Zm159.5 10a36 36 0 0 0-10 1.4a40 40 0 0 0-1.3 7.4a57 57 0 0 0 0 9.6h-11v-2a20 20 0 0 0-1.9-9.2q-1.8-3.6-5.4-5.3a20 20 0 0 0-8.7-1.8h-4.2v7.5h4.2q2.7 0 4.3.8q1.5.7 2.2 2.6q.6 1.8.7 5.4v2h-12.7v7.6H434v-12.8q0-5-1.6-7.8q-1.5-3-4.7-4.1q-3.2-1.4-8-1.3a36 36 0 0 0-10 1.4a40 40 0 0 0-1.4 7.4a57 57 0 0 0 0 9.6h-10.9v-4.8q0-4.2-2-7.2t-5.5-4.6a18 18 0 0 0-7.9-1.7q-2.1 0-4.2.4l-4.3.8l.7 7a48 48 0 0 1 6.7-.6q4 0 6 1.5q1.7 1.5 1.7 4.4v4.9h-23.9v-5.3q0-5-1.6-7.8q-1.6-3-4.8-4.1q-3-1.4-8-1.3m-131.7.1q-4.3 0-7.4 1.6q-3 1.4-4.6 4.4t-1.6 7.2q0 4.3 1.6 7q1.6 2.9 4.6 4.3t7.4 1.4h3.5v1.6q0 2.3-1.5 3.4q-1.4 1.2-4.7 1.2l-3-.2q-1.8 0-4.3-.4l-1.2 7a59 59 0 0 0 8.5 1q4.5 0 7.8-1.4q3.4-1.5 5.3-4.2a11 11 0 0 0 1.9-6.4V283h22.9a15 15 0 0 0 7.9-2q1 .6 2.2 1q2.3 1 4.7 1h13.9v-14l-.3-3.3l-1.3-8.6l-8.7 1.3a118 118 0 0 1 1.4 10.5v6.6h-5l-1.9-.4l-.9-.5q.7-2.7.7-6.2v-8.6h-8.8v8.6q0 3-.4 4.6q-.3 1.5-1 2a5 5 0 0 1-2.5.5h-3v-13h-9v13H231V257zm73.8 0v26.6q0 2.7-1 4q-1 1.5-2.8 1.5h-2.8l-.2 7.3l3.1.2q3.8 0 6.6-1.7t4.3-4.6t1.6-6.7V257zm58 7.4q2.1 0 3.3.5t1.7 1.7q.4 1.3.4 3.4v5.4h-8a71 71 0 0 1 0-8.6l.2-2.3zm69.3 0q2.2 0 3.4.5t1.6 1.7q.5 1.3.5 3.4v5.4h-8a71 71 0 0 1-.1-8.6l.2-2.3zm-328.1.1H95v10.9h-3.4q-1.7 0-2.7-.3q-1-.4-1.6-1.4a9 9 0 0 1-.5-3.5q0-2.6.6-3.7A3 3 0 0 1 89 265a8 8 0 0 1 2.5-.4m127 0h3.5v10.9h-3.5q-1.6 0-2.7-.3q-1-.4-1.6-1.4a9 9 0 0 1-.5-3.5q0-2.6.6-3.7a3 3 0 0 1 1.7-1.6a8 8 0 0 1 2.5-.4"/></g></svg>Как использовать иконку Sa
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:sa" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:sa" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:sa" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--sa]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:sa"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:sa"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/sa.svg" alt="Иконка Sa" width="24" height="24">Похожие иконки в наборе Circle Flags
Иконка Sa в других наборах
Вопросы и ответы: Иконка Sa
Можно ли бесплатно использовать иконку Sa в коммерческих проектах?
Да. Circle Flags icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sa в React?
Установите @iconify/react и выведите <Icon icon="circle-flags:sa" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sa на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/circle-flags/sa.svg" alt="Иконка Sa">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.