Icône User Avatar

stash:user-avatar

L'icône User Avatar (stash:user-avatar) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash 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: Stash Icons
Auteur: Pingback LLC
Licence: MIT
Taille: 24 × 24
Mots-clés: useravatar

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M2.75 12a9.25 9.25 0 1 1 16.282 6.01a4.84 4.84 0 0 0-1.17-2.034c-.782-.813-1.76-1.286-2.608-1.55c-.626-.195-1.216.03-1.604.293c-.36.242-.94.531-1.65.531s-1.29-.29-1.65-.531c-.388-.262-.978-.488-1.604-.293c-.849.264-1.826.737-2.608 1.55a4.84 4.84 0 0 0-1.17 2.033A9.2 9.2 0 0 1 2.75 12m3.513 7.256c.076-1.011.46-1.724.957-2.241c.553-.576 1.28-.941 1.972-1.157a.2.2 0 0 1 .103.003a.7.7 0 0 1 .216.101c.501.338 1.374.788 2.489.788s1.988-.45 2.489-.788a.7.7 0 0 1 .216-.1a.2.2 0 0 1 .103-.004c.692.216 1.419.581 1.972 1.157c.497.517.88 1.23.957 2.241A9.2 9.2 0 0 1 12 21.25a9.2 9.2 0 0 1-5.737-1.994M9.75 10c0-1.25.97-2.25 2.25-2.25s2.25 1 2.25 2.25s-.97 2.25-2.25 2.25s-2.25-1-2.25-2.25M12 6.25A3.72 3.72 0 0 0 8.25 10A3.72 3.72 0 0 0 12 13.75A3.72 3.72 0 0 0 15.75 10A3.72 3.72 0 0 0 12 6.25"/></svg>

Comment utiliser l'icône User Avatar

React

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

<Icon icon="stash:user-avatar" width="24" />

Vue

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

<template>
  <Icon icon="stash:user-avatar" width="24" />
</template>

Svelte

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

<Icon icon="stash:user-avatar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--user-avatar]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:user-avatar"></div>

Web component

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

<iconify-icon icon="stash:user-avatar"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/stash/user-avatar.svg" alt="Icône User Avatar" width="24" height="24">

Icônes similaires dans Stash Icons

L'icône User Avatar dans d'autres collections

FAQ : Icône User Avatar

L'icône User Avatar est-elle gratuite pour un usage commercial ?

Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône User Avatar dans React ?

Installez @iconify/react et affichez <Icon icon="stash:user-avatar" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône User Avatar à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/user-avatar.svg" alt="Icône User Avatar">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Stash Icons →