Иконка Io
circle-flags:io
Иконка Io (circle-flags:io) — бесплатная 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="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M0 0h32l32 32L96 0h160l12 8l13-8h36l24 8l25-8h36l25 8l24-8h36l25 22v34l-8 17l8 17v35l-8 17l8 17v34l-8 17l8 17v35l-8 17l8 17v34l-8 17l8 18v34l-8 17l8 17v35l-8 17l8 17v10h-22l-21-8l-20 8h-44l-21-8l-21 8h-44l-20-8l-21 8h-44l-21-8l-20 8h-44l-21-8l-21 8H64l-21-8l-21 8H0v-10l8-17l-8-17v-35l8-17l-8-17v-34l8-18l-8-17v-34l8-17l-8-17V96l32-32L0 32Z"/><path fill="#d80027" d="M32 0v32H0v64h32v160h64V96h160V32H96V0Zm96 128l128 128v-31l-97-97z"/><path fill="#0052b4" d="M256 0v22c21 0 21 19 43 19c21 0 21-19 42-19c22 0 22 19 43 19s21-19 43-19c21 0 21 19 42 19c22 0 22-19 43-19V0h-25c-4 4-9 7-18 7c-8 0-13-3-18-7h-49c-4 4-9 7-18 7c-8 0-14-3-18-7h-49c-5 4-10 7-18 7c-9 0-14-3-18-7zm0 56v34c21 0 21 20 43 20c21 0 21-20 42-20c22 0 22 20 43 20s21-20 43-20c21 0 21 20 42 20c22 0 22-20 43-20V56c-21 0-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19m0 69v3h-83l83 83v16c21 0 21 20 43 20c21 0 21-20 42-20c22 0 22 20 43 20s21-20 43-20c21 0 21 20 42 20c22 0 22-20 43-20v-34c-21 0-21 20-43 20c-21 0-21-20-42-20c-22 0-22 20-43 20s-21-20-43-20c-21 0-21 20-42 20c-22 0-22-20-43-20v-34c21 0 21 19 43 19c21 0 21-19 42-19c22 0 22 19 43 19s21-19 43-19c21 0 21 19 42 19c22 0 22-19 43-19v-34c-21 0-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19m-128 48v83h83zM0 262v34c21 0 21 20 43 20c21 0 21-20 42-20c22 0 22 20 43 20s21-20 43-20c21 0 21 20 42 20c22 0 22-20 43-20s21 20 43 20c21 0 21-20 42-20c22 0 22 20 43 20s21-20 43-20c21 0 21 20 42 20c22 0 22-20 43-20v-34c-21 0-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19s-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19m0 68v35c21 0 21 19 43 19c21 0 21-19 42-19c22 0 22 19 43 19s21-19 43-19c21 0 21 19 42 19c22 0 22-19 43-19s21 19 43 19c21 0 21-19 42-19c22 0 22 19 43 19s21-19 43-19c21 0 21 19 42 19c22 0 22-19 43-19v-35c-21 0-21 20-43 20c-21 0-21-20-42-20c-22 0-22 20-43 20s-21-20-43-20c-21 0-21 20-42 20c-22 0-22-20-43-20s-21 20-43 20c-21 0-21-20-42-20c-22 0-22 20-43 20s-21-20-43-20c-21 0-21 20-42 20c-22 0-22-20-43-20m0 69v34c21 0 21 20 43 20c21 0 21-20 42-20c22 0 22 20 43 20s21-20 43-20c21 0 21 20 42 20c22 0 22-20 43-20s21 20 43 20c21 0 21-20 42-20c22 0 22 20 43 20s21-20 43-20c21 0 21 20 42 20c22 0 22-20 43-20v-34c-21 0-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19s-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19m0 69v34c11 0 16 5 22 10h42c5-5 10-10 21-10s17 5 22 10h42c5-5 11-10 22-10s16 5 22 10h41c6-5 11-10 22-10s16 5 22 10h42c5-5 10-10 21-10s17 5 22 10h42c5-5 11-10 22-10s16 5 22 10h41c6-5 11-10 22-10v-34c-21 0-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19s-21 19-43 19c-21 0-21-19-42-19c-22 0-22 19-43 19s-21-19-43-19c-21 0-21 19-42 19c-22 0-22-19-43-19"/><path fill="#6da544" d="M334 134h100l-50 50z"/><path fill="#a2001d" d="M373 173h22v50l-11 8l-11-8Zm0 161h22v61h-22z"/><path fill="#ffda44" d="M451 301a34 34 0 0 0-56-25v-20h11v-22h-11v-11h-22v11h-11v22h11v20a34 34 0 0 0-47 3a33 33 0 0 0 2 46v20h112v-20c7-6 11-14 11-24"/><path fill="#d80027" d="M351 289c-3 0-6 2-8 4c-4 4-4 12 0 16l8 6v8h65v-8l8-6c4-4 4-12 0-16s-10-5-15-1l-15 14h-21l-15-14a11 11 0 0 0-7-3"/></g></svg>Как использовать иконку Io
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:io" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:io" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:io" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--io]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:io"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:io"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/io.svg" alt="Иконка Io" width="24" height="24">Иконка Io в других наборах
Вопросы и ответы: Иконка Io
Можно ли бесплатно использовать иконку Io в коммерческих проектах?
Да. Circle Flags icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Io в React?
Установите @iconify/react и выведите <Icon icon="circle-flags:io" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Io на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/circle-flags/io.svg" alt="Иконка Io">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.