Icône User Circle Bold
glyphs:user-circle-bold
L'icône User Circle Bold (glyphs:user-circle-bold) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- usercircle, circlebold, usercirclebold
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/user-circle-bold.svg" alt="Icône User Circle Bold" width="24" height="24">
Icônes similaires dans Glyphs
L'icône User Circle Bold dans d'autres collections
FAQ : Icône User Circle Bold
L'icône User Circle Bold est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône User Circle Bold dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:user-circle-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône User Circle Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/user-circle-bold.svg" alt="Icône User Circle Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Glyphs →
ICONYZ
