Ikon Person Beard

fluent-emoji-flat:person-beard

Ikon Person Beard (fluent-emoji-flat:person-beard) adalah ikon SVG gratis dari set Fluent Emoji Flat karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Fluent Emoji Flat
Pembuat: Microsoft Corporation
Lisensi: MIT
Ukuran: 32 × 32
Kategori: Orang dan tubuh
Tag: personbeard

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#f1a11e" d="M27.415 8.07a4.33 4.33 0 0 0-2.363-1.96c-1.049-.36-1.949-1.05-2.522-2A4.34 4.34 0 0 0 18.822 2c-.604 0-1.177.13-1.701.35c-.712.31-1.513.31-2.225 0a4.5 4.5 0 0 0-1.71-.35c-1.553 0-2.908.82-3.68 2.05a5 5 0 0 1-2.58 2.07a4.37 4.37 0 0 0-2.423 2.1a4.46 4.46 0 0 0 .267 4.56c.327.48.505 1.05.505 1.63v1.136c.534-.377.05.745-.025 1.072v5.368c0 1.665.992 3.148 2.5 3.764h16.5c1.508-.616 2.5-2.1 2.5-3.764v-4.868c-.131-.507-.912-2.19-.037-1.581V14.41c0-.58.178-1.15.504-1.63a4.42 4.42 0 0 0 .198-4.71"/><path fill="#fdbb11" d="M10 18a3 3 0 1 1-6 0a3 3 0 0 1 6 0m18 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path fill="#ffc83d" d="m6.441 15.041l1.563 7.609c.48 3.64 2.578 6.35 6.245 6.35h3.517c3.668 0 5.765-2.71 6.245-6.35l1.538-7.595l-.049-.009l.115-1.916c-.02-1.43-1.147-2.61-2.57-2.67h-2.611a4.52 4.52 0 0 1-4.124-2.69a1.24 1.24 0 0 0-1.147-.78H12.79c-3.441 0-6.29 2.82-6.29 6.3v1.742z"/><path fill="#ea9129" d="M25.5 15.042v-.474s-2.186 6.645-3.2 8.296l-.064.1c-.203.403-.711.403-1.015.101l-.914-1.006a2 2 0 0 0-1.421-.603h-5.584c-.508 0-1.117.2-1.421.603l-.914.906c-.305.301-.812.301-1.015-.101c-1.078-1.755-3.392-8.499-3.392-8.499l-.016 2.246l.46 7.039A7.3 7.3 0 0 0 14.25 30h3.517a7.3 7.3 0 0 0 7.245-6.35l.49-7.821v-.787M12.504 25.799v-2.432c0-.503.492-.905 1-.905H18.5c.508 0 1 .402 1 .905v2.432c0 1.006-.614 1.81-2 1.81c-.203 0-.5-.2-.5-.402v-.201c0-.503-.348-1.006-.957-1.006c-.508 0-1.043.402-1.043 1.006v.201c0 .201-.297.402-.5.402c-1.5 0-1.996-.804-1.996-1.81"/><path fill="#ed9200" d="m15.287 17.527l-.99 3.17a1.005 1.005 0 0 0 .97 1.303h1.466c.688 0 1.173-.662.97-1.304l-.99-3.17c-.213-.701-1.203-.701-1.426 0"/><path fill="#990839" d="M16 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.612"/><path fill="#fff" d="M9.015 17.367a2.607 2.607 0 0 1 5.085.128a.428.428 0 0 1-.425.505H9.518a.512.512 0 0 1-.503-.633m13.97 0a2.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.504h4.157a.512.512 0 0 0 .503-.633"/><path fill="#7d4533" d="M10.259 17.557a1.664 1.664 0 1 1 3.268.443h-3.209a1.7 1.7 0 0 1-.06-.443m11.483 0c0-.926-.75-1.665-1.668-1.665a1.65 1.65 0 0 0-1.659 1.665q0 .236.06.443h3.208c.04-.148.06-.286.06-.443"/><path fill="#000" d="M11.927 16.611a.947.947 0 0 1 .84 1.389h-1.679a.947.947 0 0 1 .84-1.389m8.135 0a.947.947 0 0 0-.84 1.389h1.679a.947.947 0 0 0-.84-1.389"/><path fill="#fff" d="M11.65 16.92c0 .166-.132.3-.295.3a.3.3 0 0 1-.296-.3c0-.166.132-.3.296-.3s.296.134.296.3m8.195 0c0 .166-.133.3-.297.3a.3.3 0 0 1-.296-.3c0-.166.133-.3.296-.3c.164 0 .297.134.297.3"/><path fill="#d37034" d="M21.678 12.173c.575.18.955.482 1.282.767a.517.517 0 0 1-.68.78c-.293-.256-.543-.445-.913-.561c-.378-.119-.927-.176-1.824-.066a.517.517 0 1 1-.126-1.027c.983-.12 1.694-.072 2.26.107m-11.321.214c-.306.12-.547.249-.715.35l-.278.184a.517.517 0 0 0 .633.818l.005-.004l.03-.022l.14-.09a4.14 4.14 0 0 1 2.585-.53a.517.517 0 1 0 .127-1.027a5.2 5.2 0 0 0-2.527.321"/></g></svg>

Cara memakai ikon Person Beard

React

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

<Icon icon="fluent-emoji-flat:person-beard" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:person-beard" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:person-beard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--person-beard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:person-beard"></div>

Web component

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

<iconify-icon icon="fluent-emoji-flat:person-beard"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/person-beard.svg" alt="Ikon Person Beard" width="24" height="24">

Ikon terkait di Fluent Emoji Flat

Ikon Person Beard di set ikon lain

FAQ Ikon Person Beard

Apakah ikon Person Beard gratis untuk penggunaan komersial?

Ya. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Person Beard di React?

Pasang @iconify/react lalu render <Icon icon="fluent-emoji-flat:person-beard" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Person Beard ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/person-beard.svg" alt="Ikon Person Beard">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent Emoji Flat →