Icono User Circle Bold
glyphs:user-circle-bold
El icono User Circle Bold (glyphs:user-circle-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- usercircle, circlebold, usercirclebold
Código 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>
Cómo usar el icono 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>
Web component
<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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/user-circle-bold.svg" alt="Icono User Circle Bold" width="24" height="24">
Iconos relacionados en Glyphs
El icono User Circle Bold en otras colecciones
Preguntas frecuentes sobre Icono User Circle Bold
¿El icono User Circle Bold es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono User Circle Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:user-circle-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono User Circle Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/user-circle-bold.svg" alt="Icono User Circle Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs →
ICONYZ
