Иконка User Circle Bold

glyphs:user-circle-bold

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="M33.217 31.083a8.598 8.598 0 0 1 13.567 0l.11.141a8.97 8.97 0 0 1 1.677 7.459l-.07.313a8.71 8.71 0 0 1-17.002 0l-.07-.313a8.97 8.97 0 0 1 1.677-7.459z"/><path fill-rule="evenodd" d="M40 27.768a8.6 8.6 0 0 0-6.783 3.315l-.11.141a8.97 8.97 0 0 0-1.678 7.459l.07.313a8.71 8.71 0 0 0 17.002 0l.07-.313a8.97 8.97 0 0 0-1.677-7.459l-.11-.141A8.6 8.6 0 0 0 40 27.768" clip-rule="evenodd"/><path fill-rule="evenodd" d="M9 41c0-17.12 13.88-31 31-31s31 13.88 31 31s-13.88 31-31 31S9 58.12 9 41m20.272-12.99a13.598 13.598 0 0 1 21.457 0l.11.142A13.96 13.96 0 0 1 53.45 39.77l-.07.314a13.71 13.71 0 0 1-26.762 0l-.07-.314a13.97 13.97 0 0 1 2.613-11.618zm3.945 3.073a8.598 8.598 0 0 1 13.567 0l.11.141a8.97 8.97 0 0 1 1.677 7.459l-.07.313a8.71 8.71 0 0 1-17.002 0l-.07-.313a8.97 8.97 0 0 1 1.677-7.459zm-5.783 23.585l1.603-.576a32.38 32.38 0 0 1 21.927 0l1.602.576a15 15 0 0 1 5.566 3.543a25 25 0 0 1-3.801 3.276a10 10 0 0 0-3.458-2.114l-1.602-.577a27.38 27.38 0 0 0-18.541 0l-1.603.577a10 10 0 0 0-3.457 2.115a25 25 0 0 1-3.802-3.277a15 15 0 0 1 5.566-3.543" clip-rule="evenodd"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="glyphs:user-circle-bold"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Glyphs →