Ikon Person With Crown

fluent-emoji-flat:person-with-crown

Ikon Person With Crown (fluent-emoji-flat:person-with-crown) 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: personwith, withcrown, personwithcrown

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="#f95725" d="m24 30l-.096-7.068C21.814 21.035 18.907 20 15.913 20c-3.015 0-5.814 1.064-7.913 2.853V30z"/><path fill="#ff8101" d="M26.874 27.296c.282.88.485 1.79.626 2.71h-3.76v-7.61a11.2 11.2 0 0 1 3.134 4.9m-18.635-4.87v7.58H4.5c.141-.9.354-1.8.637-2.67l.03-.09a11.1 11.1 0 0 1 3.072-4.82"/><path fill="#f9c23c" d="M7.5 22v2.477a.5.5 0 0 0 1 .023a.5.5 0 0 0 .495.5a.513.513 0 0 0 .505-.502a.514.514 0 0 0 .5.502a.51.51 0 0 0 .5-.509a.5.5 0 0 0 1 .009a.5.5 0 0 0 .495.5a.513.513 0 0 0 .505-.523V22zm12 0v2.477a.5.5 0 0 0 1 .023a.5.5 0 0 0 .495.5a.513.513 0 0 0 .505-.502a.514.514 0 0 0 .5.502a.51.51 0 0 0 .5-.509a.5.5 0 0 0 1 .009a.5.5 0 0 0 .495.5a.513.513 0 0 0 .505-.523V22zm-4 .826h1v7.16h-1z"/><path fill="#ffb02e" d="M7 20.75a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 .75.75v1a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.48-.174A3.99 3.99 0 0 1 15.995 24a3.99 3.99 0 0 1-3.27-1.67a.75.75 0 0 1-.475.17h-4.5a.75.75 0 0 1-.75-.75zm11 4.75a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m0 3a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#fcb100" d="M16 22.5c-1.107 0-2-.809-2-1.811V19.5h4v1.189c0 1.002-.893 1.811-2 1.811"/><path fill="#f1a11e" d="M21.161 8.745c-.294-.542.226-.918-.284-1.106a2.54 2.54 0 0 1-1.354-1.126c-.413-.72-1.158-.157-2.002-.157c-.324 0-.638-.97-.913-.845a1.41 1.41 0 0 1-1.197 0c-.284-.125-.588.845-.912.845c-.834 0-1.57-.584-1.982.115c-.324.542-.805.96-1.384 1.168c-.54.198-.051 2.055-.051 2.055s-.43.891.051 1.632c.167.27 0 .85 0 1.174l-.883 1.988v2.175c0 .97.579 1.825 1.442 2.148l1.855.679v-7.74c.147-.147.265-.324.373-.522a2.5 2.5 0 0 0 .294-.96A2.2 2.2 0 0 0 16 9.694c.412.365.932.595 1.511.595c.098 0 .187-.01.275-.021c.04.334.127.657.294.96c.108.198.236.365.373.521V19.5l1.855-.678c.863-.313 1.442-1.179 1.442-2.149v-2.175L20.762 13c0-.323.127-1.324.303-1.595c.51-.772.557-1.805.096-2.66"/><path fill="#fdbb11" d="M13 14.75a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0m9.5 0a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0"/><path fill="#ffc83d" d="M17.16 6h-2.338c-2.624 0-4.596 2.264-4.29 5.078l.394 6.23C11.202 19.43 12.948 21 15.01 21h1.993c2.061 0 3.807-1.58 4.084-3.691l.375-6.23C21.807 8.395 19.785 6 17.16 6"/><path fill="#fff" d="M12.01 14.39a1.483 1.483 0 0 1 2.904.08c.03.15-.1.29-.247.29h-2.371a.297.297 0 0 1-.286-.37m7.98 0a1.49 1.49 0 0 0-1.442-1.14c-.72 0-1.323.52-1.461 1.22c-.03.15.098.29.246.29h2.371c.188 0 .336-.18.286-.37"/><path fill="#7d4533" d="M12.73 14.5c0-.53.425-.96.949-.96c.523 0 .948.43.948.97c0 .08-.01.17-.02.25H12.77a.8.8 0 0 1-.04-.26m6.55 0c0-.53-.425-.96-.949-.96a.97.97 0 0 0-.968.96c0 .09.02.18.04.26h1.837c.03-.09.04-.17.04-.26"/><path fill="#000" d="M13.679 13.95c.296 0 .543.25.543.55c0 .09-.03.17-.069.26h-.958a.6.6 0 0 1-.06-.26c0-.3.248-.55.544-.55m4.652 0a.55.55 0 0 0-.543.55c0 .09.02.17.069.26h.958a.6.6 0 0 0 .06-.26c0-.3-.248-.55-.544-.55"/><path fill="#fff" d="M13.52 14.12c0 .094-.074.17-.167.17a.17.17 0 0 1-.168-.17c0-.094.075-.17.168-.17s.168.076.168.17m4.682 0a.17.17 0 0 1-.168.17a.17.17 0 0 1-.168-.17c0-.094.075-.17.168-.17a.17.17 0 0 1 .168.17"/><path fill="#ed9200" d="m15.59 14.244l-.565 1.748c-.111.359.162.718.556.718h.838c.394 0 .667-.36.556-.719l-.566-1.747c-.131-.379-.697-.379-.818 0"/><path fill="#990839" d="M16.002 17.907a3.1 3.1 0 0 1-1.51-.386c-.145-.082-.31.091-.213.244c.368.589 1.007.985 1.723.985c.726 0 1.365-.396 1.723-.985c.087-.153-.068-.326-.213-.244a3.1 3.1 0 0 1-1.51.386"/><path fill="#37c9cd" d="M10.75 9.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m12 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="#fcd53f" d="M12.11 5.346L11 7.906l3.43-.4l-1.65-2.24c.19-.13.31-.34.31-.59c0-.4-.32-.72-.72-.72s-.72.32-.72.72c0 .31.19.56.46.67m7.71 0l1.11 2.56l-3.43-.4l1.65-2.24a.7.7 0 0 1-.31-.59c0-.4.32-.72.72-.72s.72.32.72.72c0 .31-.19.56-.46.67"/><path fill="#ffb02e" d="M23.498 5.164c.031-.44-.37-.802-.832-.743a.724.724 0 0 0-.637.606a.66.66 0 0 0 .124.48a.7.7 0 0 0-.35.097l-2.116 1.291a.65.65 0 0 1-.842-.146l-2.342-3.032c-.02-.02-.04-.049-.061-.068c.308-.167.513-.49.472-.851c-.04-.411-.38-.744-.811-.792c-.555-.06-1.027.352-1.027.87c0 .332.195.626.482.773c-.02.02-.04.039-.061.068l-2.342 3.032a.64.64 0 0 1-.842.146l-2.117-1.29a.7.7 0 0 0-.349-.098a.7.7 0 0 0 .124-.48a.724.724 0 0 0-.637-.606c-.473-.059-.863.303-.832.743c.02.245.185.46.41.577a.8.8 0 0 0 .401.079a.53.53 0 0 0-.061.4l1.18 5.68c.013.058.064.1.123.1h10.89c.06 0 .11-.042.122-.1l1.181-5.68a.58.58 0 0 0-.061-.4c.123.01.257 0 .4-.069a.74.74 0 0 0 .411-.587"/><path fill="#00d1ed" d="M16 10.627c.69 0 1.25-.547 1.25-1.22c0-.675-.56-1.221-1.25-1.221s-1.25.546-1.25 1.22s.56 1.221 1.25 1.221"/><path fill="#f92f60" d="M13.5 9.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m6.5 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></g></svg>

Cara memakai ikon Person With Crown

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:person-with-crown"></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-with-crown"></iconify-icon>

Gambar HTML

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

Ikon terkait di Fluent Emoji Flat

Ikon Person With Crown di set ikon lain

FAQ Ikon Person With Crown

Apakah ikon Person With Crown 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 With Crown di React?

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

Bagaimana cara menambahkan ikon Person With Crown ke halaman web?

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

Lihat semua Ikon Fluent Emoji Flat →