Иконка Circle

glyphs-poly:circle

Иконка Circle (glyphs-poly:circle) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs Poly
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" d="m40.074 12l3.135.176l3.096.526l3.017.87l2.901 1.2l2.748 1.52l2.56 1.817l2.342 2.092l2.093 2.341l1.816 2.561l1.52 2.748l1.201 2.901l.87 3.017l.525 3.096l.176 3.135l-.176 3.135l-.526 3.096l-.869 3.017l-1.202 2.9l-1.519 2.749l-1.816 2.56l-2.093 2.342l-2.341 2.092l-2.56 1.817l-2.749 1.52l-2.901 1.2l-3.017.87l-3.096.526l-3.135.176l-3.135-.176l-3.095-.526l-3.018-.87l-2.9-1.2l-2.749-1.52l-2.56-1.817l-2.342-2.092l-2.092-2.341l-1.817-2.561l-1.519-2.748l-1.201-2.901l-.87-3.017l-.526-3.096L12.074 40l.176-3.135l.526-3.096l.87-3.017l1.201-2.9l1.519-2.749l1.817-2.56l2.092-2.342l2.342-2.092l2.56-1.817l2.749-1.52l2.9-1.2l3.018-.87l3.095-.526z"/><path fill="#f2f2f2" d="m40.074 24l1.792.1l1.769.301l1.724.497l1.657.686l1.57.868l1.464 1.039l1.338 1.195l1.196 1.338l1.038 1.463l.868 1.57l.686 1.658l.497 1.725l.3 1.769l.101 1.791l-.1 1.791l-.3 1.77l-.498 1.724l-.686 1.657l-.868 1.57l-1.038 1.464l-1.196 1.338l-1.338 1.195l-1.463 1.039l-1.57.867l-1.658.687l-1.724.497l-1.77.3l-1.79.101l-1.792-.1l-1.77-.301l-1.723-.497l-1.658-.686l-1.57-.868l-1.464-1.039l-1.337-1.195l-1.196-1.338l-1.038-1.463l-.868-1.57l-.687-1.658l-.497-1.725l-.3-1.769l-.1-1.791l.1-1.791l.3-1.77l.497-1.724l.687-1.657l.868-1.57l1.038-1.464l1.195-1.338l1.338-1.195l1.464-1.039l1.57-.868l1.658-.686l1.724-.497l1.769-.3z"/></g></svg>

Как использовать иконку Circle

React

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

<Icon icon="glyphs-poly:circle" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:circle" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:circle"></div>

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

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

<iconify-icon icon="glyphs-poly:circle"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs-poly/circle.svg" alt="Иконка Circle" width="24" height="24">

Иконка Circle в других наборах

Вопросы и ответы: Иконка Circle

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

Да. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Circle в React?

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

Как добавить иконку Circle на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs-poly/circle.svg" alt="Иконка Circle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Glyphs Poly →