Ícone User Avatar

stash:user-avatar

O ícone User Avatar (stash:user-avatar) é um ícone SVG gratuito da coleção Stash Icons de Pingback LLC. Ele é desenhado em uma grade de 24 × 24. Stash Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Stash Icons
Autor: Pingback LLC
Licença: MIT
Tamanho: 24 × 24
Tags: useravatar

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Stash Icons

O ícone User Avatar em outras coleções

Perguntas frequentes sobre Ícone User Avatar

O ícone User Avatar é grátis para uso comercial?

Sim. Stash Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone User Avatar no React?

Instale @iconify/react e renderize <Icon icon="stash:user-avatar" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone User Avatar a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/stash/user-avatar.svg" alt="Ícone User Avatar">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Stash Icons →