Иконка Circle Half Outline

glyphs:circle-half-outline

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

Набор: Glyphs
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: circlehalf, halfoutline, circlehalfoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.374 10.547A2 2 0 0 1 42 12v56a2 2 0 0 1-2 2h-.013q-.056 0-.112-.004l-3.122-.175a2 2 0 0 1-.223-.025l-3.096-.526a2 2 0 0 1-.218-.05l-3.018-.87a2 2 0 0 1-.211-.073l-2.901-1.202a2 2 0 0 1-.202-.097l-2.748-1.52a2 2 0 0 1-.19-.119l-2.561-1.817a2 2 0 0 1-.175-.14l-2.342-2.092a2 2 0 0 1-.158-.158l-2.093-2.342a2 2 0 0 1-.14-.175l-1.816-2.56a2 2 0 0 1-.12-.19l-1.519-2.749a2 2 0 0 1-.097-.202l-1.202-2.9a2 2 0 0 1-.074-.213l-.869-3.017a2 2 0 0 1-.05-.218l-.526-3.096a2 2 0 0 1-.025-.223l-.176-3.135a2 2 0 0 1 0-.224l.176-3.135q.006-.113.025-.223l.526-3.096q.02-.11.05-.218l.87-3.018q.03-.107.073-.211l1.202-2.901q.043-.105.097-.202l1.52-2.748q.053-.1.119-.19l1.817-2.561q.065-.092.14-.175l2.092-2.342q.075-.083.158-.158l2.342-2.093q.083-.075.175-.14l2.56-1.816q.093-.065.19-.12l2.749-1.519q.098-.054.202-.097l2.9-1.202q.104-.042.212-.074l3.018-.869q.108-.03.218-.05l3.096-.526q.11-.018.223-.025l3.135-.176a2 2 0 0 1 1.486.544m-4.285 3.62l-2.874.488l-2.801.807l-2.694 1.116l-2.551 1.41l-2.378 1.687l-2.174 1.942l-1.942 2.174l-1.687 2.378l-1.41 2.551l-1.116 2.694l-.807 2.801l-.488 2.874L14.003 40l.164 2.91l.488 2.875l.807 2.801l1.116 2.694l1.41 2.551l1.687 2.378l1.942 2.174l2.174 1.942l2.378 1.687l2.551 1.41l2.694 1.116l2.801.807l2.874.488l.911.052v-51.77z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="glyphs:circle-half-outline"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Glyphs →