Иконка Ck
circle-flags:ck
Иконка Ck (circle-flags:ck) — бесплатная 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="#0052b4" d="M256 0h256v512H0V256Z"/><path fill="#eee" d="M0 0v32l32 32L0 96v160h32l32-32l32 32h32v-83l83 83h45l-8-16l8-15v-14l-83-83h83V96l-32-32l32-32V0H96L64 32L32 0Z"/><path fill="#d80027" d="M32 0v32H0v64h32v160h64V96h160V32H96V0Zm96 128l128 128v-31l-97-97z"/><path fill="#eee" d="m345 256l4.8 14.6H365l-12.4 9l4.7 14.6l-12.4-9l-12.4 9l4.8-14.6l-12.4-9h15.3zm-63 26l13.7 7l10.9-10.8l-2.4 15.1l13.6 7l-15.1 2.4l-2.4 15.1l-7-13.6l-15.1 2.4l10.8-10.9zm-26 63l14.6-4.7V325l9 12.4l14.6-4.8l-9 12.4l9 12.4l-14.6-4.7l-9 12.4v-15.3zm26 63l7-13.6l-10.8-10.9l15.1 2.4l7-13.6l2.4 15l15.1 2.5l-13.6 7l2.4 15l-10.9-10.8zm63 26l-4.7-14.5H325l12.4-9l-4.8-14.6l12.4 9l12.4-9l-4.7 14.6l12.4 9h-15.3zm63-26l-13.6-7l-10.9 10.9l2.4-15.2l-13.6-7l15-2.3l2.5-15.1l7 13.6l15-2.4l-10.8 10.9zm26-63l-14.5 4.8V365l-9-12.4l-14.6 4.7l9-12.4l-9-12.4l14.6 4.8l9-12.4v15.3zm-26-63l-7 13.7l10.9 10.9l-15.2-2.4l-7 13.6l-2.3-15.1l-15.1-2.4l13.6-7l-2.4-15.1l10.9 10.8z"/></g></svg>Как использовать иконку Ck
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:ck" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:ck" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:ck" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--ck]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:ck"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:ck"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/ck.svg" alt="Иконка Ck" width="24" height="24">Иконка Ck в других наборах
Вопросы и ответы: Иконка Ck
Можно ли бесплатно использовать иконку Ck в коммерческих проектах?
Да. Circle Flags icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ck в React?
Установите @iconify/react и выведите <Icon icon="circle-flags:ck" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ck на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/circle-flags/ck.svg" alt="Иконка Ck">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.