Иконка Circle
cib:circle
Иконка Circle (cib:circle) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.719 5.109c-.135-.141-.266-.286-.401-.422a10 10 0 0 0-.427-.401A15.87 15.87 0 0 0 16 0A15.9 15.9 0 0 0 4.687 4.688c-6.104 6.099-6.234 15.938-.401 22.203q.194.217.396.427l.422.401A15.9 15.9 0 0 0 16 32c4.276 0 8.292-1.661 11.318-4.682c6.099-6.104 6.229-15.943.401-22.208zM5.51 5.51A14.73 14.73 0 0 1 16 1.166c3.766 0 7.318 1.396 10.068 3.943l-1.333 1.339a12.86 12.86 0 0 0-8.734-3.391A12.84 12.84 0 0 0 6.85 6.849A12.85 12.85 0 0 0 3.058 16c0 3.266 1.198 6.339 3.391 8.734L5.11 26.067C-.265 20.254-.135 11.156 5.511 5.51zm18.396 1.756v.005l-1.354 1.354A9.76 9.76 0 0 0 16 6.12a9.8 9.8 0 0 0-6.984 2.896A9.82 9.82 0 0 0 6.12 16a9.8 9.8 0 0 0 2.5 6.552l-1.349 1.354A11.68 11.68 0 0 1 4.224 16a11.7 11.7 0 0 1 3.448-8.328A11.7 11.7 0 0 1 16 4.224c2.953 0 5.734 1.078 7.906 3.042M24.714 16c0 2.328-.906 4.516-2.552 6.161s-3.833 2.557-6.161 2.557a8.7 8.7 0 0 1-5.729-2.161v-.005c-.146-.125-.292-.25-.432-.391a11 11 0 0 1-.391-.432A8.63 8.63 0 0 1 7.288 16c0-2.328.906-4.516 2.552-6.161a8.65 8.65 0 0 1 6.161-2.552c2.13 0 4.141.766 5.729 2.161c.146.125.297.25.432.391c.141.141.266.286.391.432A8.63 8.63 0 0 1 24.714 16M9.448 23.38A9.8 9.8 0 0 0 16 25.885a9.8 9.8 0 0 0 6.984-2.901A9.8 9.8 0 0 0 25.88 16a9.8 9.8 0 0 0-2.5-6.552l1.354-1.354A11.73 11.73 0 0 1 27.781 16a11.7 11.7 0 0 1-3.453 8.328A11.7 11.7 0 0 1 16 27.781a11.73 11.73 0 0 1-7.906-3.047zm17.042 3.11A14.73 14.73 0 0 1 16 30.834a14.73 14.73 0 0 1-10.068-3.943l1.339-1.333a12.87 12.87 0 0 0 8.734 3.391a12.87 12.87 0 0 0 9.151-3.797a12.87 12.87 0 0 0 3.792-9.151a12.86 12.86 0 0 0-3.391-8.729l1.333-1.339c5.375 5.813 5.245 14.911-.401 20.557z"/></svg>
Как использовать иконку Circle
React
import { Icon } from "@iconify/react";
<Icon icon="cib:circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:circle"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:circle"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/circle.svg" alt="Иконка Circle" width="24" height="24">
Похожие иконки в наборе CoreUI Brands
Иконка Circle в других наборах
Вопросы и ответы: Иконка Circle
Можно ли бесплатно использовать иконку Circle в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Circle в React?
Установите @iconify/react и выведите <Icon icon="cib:circle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Circle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/circle.svg" alt="Иконка Circle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки CoreUI Brands →
ICONYZ
