Ícone Person White Hair
fluent-emoji-high-contrast:person-white-hair
O ícone Person White Hair (fluent-emoji-high-contrast:person-white-hair) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Pessoas e corpo
- Tags
- personwhite, whitehair, personwhitehair
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21.678 12.383c.575.181.955.483 1.282.767a.517.517 0 0 1-.68.78c-.293-.256-.543-.444-.913-.56c-.378-.12-.927-.177-1.824-.067a.517.517 0 1 1-.126-1.026c.983-.12 1.694-.072 2.26.106M11.542 15.4c-1.214 0-2.24.84-2.527 1.967a.512.512 0 0 0 .503.633h.8a1.664 1.664 0 1 1 3.209 0h.148a.428.428 0 0 0 .424-.504a2.61 2.61 0 0 0-2.557-2.096m2.754 5.296l.991-3.17c.223-.702 1.213-.702 1.426 0l.99 3.17a1.01 1.01 0 0 1-.97 1.304h-1.466a1.005 1.005 0 0 1-.97-1.304M16 23.895a5.6 5.6 0 0 1-2.583-.612c-.255-.13-.53.158-.369.39A3.53 3.53 0 0 0 16 25.25a3.53 3.53 0 0 0 2.952-1.577c.16-.241-.114-.52-.369-.39a5.6 5.6 0 0 1-2.583.612m6.985-6.528a2.62 2.62 0 0 0-2.527-1.967a2.6 2.6 0 0 0-2.557 2.096a.428.428 0 0 0 .424.504h.148a1.6 1.6 0 0 1-.059-.443a1.65 1.65 0 0 1 1.659-1.665A1.664 1.664 0 0 1 21.682 18h.8a.512.512 0 0 0 .503-.633"/><path d="M11.927 16.611a.947.947 0 0 1 .84 1.389h-1.679a1 1 0 0 1-.108-.443c0-.172.046-.334.127-.473a.295.295 0 0 0 .544-.164a.3.3 0 0 0-.105-.229a.95.95 0 0 1 .381-.08m7.188.946a.94.94 0 0 1 .16-.525c.043.11.15.188.274.188a.3.3 0 0 0 .17-.545A.947.947 0 0 1 20.903 18h-1.678a1 1 0 0 1-.11-.443m-9.752-4.425l.002-.002l.006-.004l.016-.013l.056-.039q.07-.05.197-.126a5.17 5.17 0 0 1 3.242-.67a.517.517 0 0 1-.126 1.026a4.14 4.14 0 0 0-2.585.531q-.095.058-.14.09l-.031.022l-.005.003a.517.517 0 0 1-.633-.817"/><path d="M25.052 6.11c.959.33 1.819 1 2.363 1.96c.87 1.53 1.741 3.36.802 4.71a2.9 2.9 0 0 0-.504 1.63v.661A4 4 0 0 1 29 18.01a4 4 0 0 1-1.252 2.907l.002 1.069c0 .71-.362 1.386-.894 1.977a6.5 6.5 0 0 1-1.079.943a8.3 8.3 0 0 1-8.01 6.104h-3.518a8.3 8.3 0 0 1-8.008-6.09a6.5 6.5 0 0 1-1.097-.957c-.532-.59-.894-1.267-.894-1.977q.022-.52.034-1.039A4 4 0 0 1 3 18.01c0-1.157.491-2.2 1.276-2.93l-.001-.67c0-.58-.178-1.15-.505-1.63C2.88 11.47 3 9.64 4 8.07c.836-1.312 1.62-1.549 2.439-1.795c.16-.049.323-.098.487-.155a5 5 0 0 0 2.58-2.07A4.34 4.34 0 0 1 13.187 2c.603 0 1.176.13 1.71.35c.712.31 1.513.31 2.225 0a4.4 4.4 0 0 1 1.7-.35c1.573 0 2.947.85 3.709 2.11c.573.95 1.473 1.64 2.521 2m1.511 5.546l.006-.01l.006-.008l.002-.002c.015-.021.107-.15-.02-.648c-.138-.537-.453-1.177-.88-1.93l-.002-.002A2.33 2.33 0 0 0 24.4 8c-1.456-.5-2.749-1.475-3.583-2.857A2.34 2.34 0 0 0 18.822 4q-.466.002-.918.19a4.78 4.78 0 0 1-3.784.004A2.5 2.5 0 0 0 13.185 4c-.824 0-1.555.431-1.982 1.11A7 7 0 0 1 10 6.56A7.2 7.2 0 0 1 12.79 6h2.373a2.24 2.24 0 0 1 2.067 1.387a3.52 3.52 0 0 0 3.204 2.083h2.652a3.69 3.69 0 0 1 3.31 2.448q.08-.133.167-.262M7.596 8.004l-.009.003a17 17 0 0 1-.798.252c-.2.063-.318.11-.411.157c-.128.066-.357.203-.691.728c-.68 1.067-.592 1.993-.283 2.481a8 8 0 0 1 .643-1.095a7.35 7.35 0 0 1 1.871-2.649a7 7 0 0 1-.322.123M25.12 20.007a2 2 0 0 0 .216-3.97l-.887-.148l.166-2.768q0-.033-.003-.065a1.7 1.7 0 0 0-1.59-1.586h-2.588a5.51 5.51 0 0 1-5.036-3.283l-.008-.018l-.007-.018a.24.24 0 0 0-.22-.151H12.79c-2.263 0-4.225 1.455-4.97 3.49a5.3 5.3 0 0 0-.32 1.81v2.606l-.62.09l-.253.049l-.06.012a2.001 2.001 0 0 0 .32 3.95l.884.05L8 23.56a6.3 6.3 0 0 0 6.249 5.449h3.517a6.3 6.3 0 0 0 6.249-5.448l.22-3.504z"/></g></svg>
Como usar o ícone Person White Hair
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:person-white-hair" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:person-white-hair" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:person-white-hair" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--person-white-hair]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:person-white-hair"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:person-white-hair"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-white-hair.svg" alt="Ícone Person White Hair" width="24" height="24">
Ícones relacionados em Fluent Emoji High Contrast
O ícone Person White Hair em outras coleções
Perguntas frequentes sobre Ícone Person White Hair
O ícone Person White Hair é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Person White Hair no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:person-white-hair" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Person White Hair a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-white-hair.svg" alt="Ícone Person White Hair">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
