Icône User Circle Duo
glyphs:user-circle-duo
L'icône User Circle Duo (glyphs:user-circle-duo) 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, circleduo, usercircleduo
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="m40 11l3.247.182l3.206.545l3.125.9l3.005 1.245l2.846 1.573l2.652 1.882l2.425 2.167l2.167 2.425l1.882 2.652l1.573 2.846l1.245 3.005l.9 3.125l.545 3.206L69 40l-.182 3.247l-.545 3.206l-.9 3.125l-1.245 3.005l-1.573 2.846l-1.882 2.652l-2.167 2.425l-2.425 2.167l-2.652 1.882l-2.846 1.573l-3.005 1.245l-3.125.9l-3.206.545L40 69l-3.247-.182l-3.206-.545l-3.125-.9l-3.005-1.245l-2.846-1.573l-2.652-1.882l-2.425-2.167l-2.167-2.425l-1.882-2.652l-1.573-2.846l-1.245-3.005l-.9-3.125l-.545-3.206L11 40l.182-3.247l.545-3.206l.9-3.125l1.245-3.005l1.573-2.846l1.882-2.652l2.167-2.425l2.425-2.167l2.652-1.882l2.846-1.573l3.005-1.245l3.125-.9l3.206-.545z"/><path fill="currentColor" fill-opacity=".25" d="m58.657 62.158l-.576.515l-2.652 1.882l-2.846 1.573l-3.005 1.245l-3.125.9l-3.206.545L40 69l-3.247-.182l-3.206-.545l-3.125-.9l-3.005-1.245l-2.846-1.573l-2.652-1.882l-.576-.514a12.5 12.5 0 0 1 6.938-6.138l1.602-.577a29.88 29.88 0 0 1 20.234 0l1.603.577a12.5 12.5 0 0 1 6.937 6.137M44.958 46.155a11.21 11.21 0 0 0 5.983-7.615l.07-.313a11.47 11.47 0 0 0-2.145-9.539l-.11-.141a11.098 11.098 0 0 0-17.512 0l-.11.141a11.47 11.47 0 0 0-2.145 9.539l.07.313a11.21 11.21 0 0 0 15.899 7.615"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m58.081 62.673l2.425-2.167l2.167-2.425l1.882-2.652l1.573-2.846l1.245-3.005l.9-3.125l.545-3.206L69 40l-.182-3.247l-.545-3.206l-.9-3.125l-1.245-3.005l-1.573-2.846l-1.882-2.652l-2.167-2.425l-2.425-2.167l-2.652-1.882l-2.846-1.573l-3.005-1.245l-3.125-.9l-3.206-.545L40 11l-3.247.182l-3.206.545l-3.125.9l-3.005 1.245l-2.846 1.573l-2.652 1.882l-2.425 2.167l-2.167 2.425l-1.882 2.652l-1.573 2.846l-1.245 3.005l-.9 3.125l-.545 3.206L11 40l.182 3.247l.545 3.206l.9 3.125l1.245 3.005l1.573 2.846l1.882 2.652l2.167 2.425l2.425 2.167m36.162 0l-2.652 1.882l-2.846 1.573l-3.005 1.245l-3.125.9l-3.206.545L40 69l-3.247-.182l-3.206-.545l-3.125-.9l-3.005-1.245l-2.846-1.573l-2.652-1.882m36.162 0l.576-.515a12.5 12.5 0 0 0-6.937-6.137l-1.603-.577a29.88 29.88 0 0 0-20.234 0l-1.602.577a12.5 12.5 0 0 0-6.938 6.138l.576.514M50.94 38.54a11.21 11.21 0 0 1-21.882 0l-.07-.313a11.47 11.47 0 0 1 2.145-9.539l.11-.141a11.098 11.098 0 0 1 17.512 0l.11.141a11.47 11.47 0 0 1 2.145 9.539z"/></g></svg>
Comment utiliser l'icône User Circle Duo
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:user-circle-duo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:user-circle-duo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:user-circle-duo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--user-circle-duo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:user-circle-duo"></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-duo"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/user-circle-duo.svg" alt="Icône User Circle Duo" width="24" height="24">
Icônes similaires dans Glyphs
FAQ : Icône User Circle Duo
L'icône User Circle Duo 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 Duo dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:user-circle-duo" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône User Circle Duo à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/user-circle-duo.svg" alt="Icône User Circle Duo">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Glyphs →
ICONYZ
