Ikon Man Singer Dark

fluent-emoji-flat:man-singer-dark

Ikon Man Singer Dark (fluent-emoji-flat:man-singer-dark) 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: mansinger, singerdark, mansingerdark

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="#433b6b" d="M7.137 20.952A12.25 12.25 0 0 0 3 29h8v-4.945zM19 29h8a12.26 12.26 0 0 0-4.14-8.043L19 24.055z"/><path fill="#452829" d="M14.527 17c-1.554 0-3.08.225-4.527.648l1.473 7.77c.964.37 2.01.582 3.107.582a8.9 8.9 0 0 0 2.933-.503L19 17.662A15.1 15.1 0 0 0 14.527 17"/><path fill="#e6e6e6" d="m12.5 24l.987 5h3.037l.976-4.947a7.4 7.4 0 0 1-2.428.4A7.2 7.2 0 0 1 12.5 24"/><path fill="#00a6ed" d="M5.172 16.858L11 29h3l-2.5-12.5H5.397a.25.25 0 0 0-.225.358m19.656 0L19 29h-3l2.5-12.5h6.103a.25.25 0 0 1 .225.358"/><path fill="#4e3233" d="M11.931 12.218c0 .957-.768 1.732-1.715 1.732A1.724 1.724 0 0 1 8.5 12.218c0-.957.768-1.732 1.716-1.732c.947 0 1.715.775 1.715 1.732m10.069 0c0 .957-.768 1.732-1.716 1.732a1.724 1.724 0 0 1-1.715-1.732c0-.957.768-1.732 1.715-1.732S22 11.26 22 12.218"/><path fill="#573739" d="M14.537 4.5c-2.921 0-5.229 2.494-5.024 5.429l.409 5.9C10.097 17.684 11.548 19 13.31 19h3.38c1.762 0 3.203-1.325 3.388-3.171l.41-5.9c.204-2.935-2.104-5.429-5.025-5.429z"/><path fill="#f92f60" d="m12.925 5.889l-2.485 7.156h1.949l-.536 2.884l3.89-5.473h-2.019l1.492-4.567z"/><path fill="#fff" d="M11.317 11.893a1.46 1.46 0 0 1 1.423-1.122c.711 0 1.306.512 1.442 1.2c.03.149-.097.286-.243.286h-2.34a.288.288 0 0 1-.282-.364m7.866 0a1.46 1.46 0 0 0-1.423-1.122c-.712 0-1.306.512-1.443 1.2c-.029.149.098.286.244.286h2.34a.293.293 0 0 0 .282-.364"/><path fill="#7d4533" d="M12.019 12.002a.94.94 0 0 1 .935-.945c.517 0 .936.423.956.945c0 .088-.02.177-.04.255h-1.812a.8.8 0 0 1-.04-.255m6.463 0a.94.94 0 0 0-.936-.945c-.516 0-.935.423-.955.945c0 .088.02.177.04.255h1.812a.8.8 0 0 0 .04-.255"/><path fill="#000" d="M12.954 11.46c.293 0 .537.246.537.541a.6.6 0 0 1-.059.256h-.955a.6.6 0 0 1-.059-.256c0-.295.244-.541.536-.541m4.592 0a.543.543 0 0 0-.537.541c0 .089.02.178.069.256h.945a.6.6 0 0 0 .059-.256a.543.543 0 0 0-.537-.541"/><path fill="#fff" d="M12.798 11.627a.166.166 0 0 1-.165.168a.167.167 0 0 1-.166-.168c0-.092.074-.167.166-.167c.091 0 .165.075.165.167m4.621 0a.167.167 0 0 1-.166.168a.167.167 0 0 1-.166-.168c0-.092.075-.167.166-.167s.166.075.166.167"/><path fill="#000" d="M18.5 10.25a.6.6 0 0 0 .352.117a.55.55 0 0 0 .448-.226a.585.585 0 0 0-.107-.817c-.03-.03-.907-.699-2.164-.541a.584.584 0 0 0-.507.65a.575.575 0 0 0 .643.511a1.96 1.96 0 0 1 1.332.302zm-7.31-.109a.566.566 0 0 0 .8.108l.01-.006c.08-.053.596-.39 1.325-.299a.585.585 0 0 0 .136-1.162a3.14 3.14 0 0 0-2.163.542a.585.585 0 0 0-.108.817"/><path fill="#3d2123" d="m14.761 11.85l-.49 1.747c-.096.36.14.719.481.719h.726c.34 0 .577-.36.48-.719l-.489-1.747a.363.363 0 0 0-.708 0"/><path fill="#290118" d="M15.248 15.397c-.55 0-1.07-.14-1.506-.377c-.151-.08-.303.099-.217.248c.369.585.994.982 1.723.982s1.354-.387 1.724-.982c.094-.15-.067-.328-.218-.248a3.2 3.2 0 0 1-1.506.377"/><path fill="#000" d="m20.374 5.505l-.437-.227a3.2 3.2 0 0 1-.836-.62l-.846-.876a2.28 2.28 0 0 0-2.423-.57a2.52 2.52 0 0 1-1.701 0a1.89 1.89 0 0 0-2.234.373l-1.026 1.073a3 3 0 0 1-.827.62l-.437.227c-.798.413-1.235 1.329-1.074 2.234l.58 3.278a.69.69 0 0 0 .646.571s-.057-.935-.095-1.526a.99.99 0 0 1 .323-.807l.19-.177c.257-.236.409-.58.409-.945v-.915c0-.256.171-.493.418-.552c.656-.167 2.053-.462 4-.462c1.949 0 3.346.285 4.002.462c.247.06.418.296.418.552v.915c0 .364.152.699.408.945l.2.187c.218.207.342.502.323.817c-.038.59-.095 1.516-.095 1.516a.7.7 0 0 0 .637-.571l.58-3.278c.132-.915-.305-1.83-1.103-2.244"/><path fill="#422426" d="M27 21c.551 0 1 .41 1 .912V24h-2v-2.088c0-.503.449-.912 1-.912"/><path fill="#321b41" d="M25.68 19.67a2.46 2.46 0 1 0 0-4.92a2.46 2.46 0 0 0 0 4.92"/><path fill="#d3d3d3" d="m23.32 16.54l4.77.02c.31 0 .57.26.57.57c0 .32-.25.57-.57.57l-4.77-.02c-.32 0-.57-.25-.57-.57s.25-.57.57-.57m1.55 8.97c.04.4.37.7.77.7c.39 0 .73-.29.78-.69l.72-6.33l-2.93-.01z"/><path fill="#f4f4f4" d="M25.65 21.57a.48.48 0 1 0 0-.96a.48.48 0 0 0 0 .96"/><path fill="#573739" d="M23.785 23.021c-.416 0-.766.363-.785.822a.88.88 0 0 0 .34.737a.88.88 0 0 0-.34.715c0 .3.133.555.34.716a.88.88 0 0 0-.34.715c0 .299.133.555.34.715a.9.9 0 0 0-.34.737c.01.47.369.822.785.822h3.336c.482 0 .879-.438.879-.993v-4.014c0-.545-.387-.993-.879-.993h-3.336z"/></g></svg>

Cara memakai ikon Man Singer Dark

React

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

<Icon icon="fluent-emoji-flat:man-singer-dark" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:man-singer-dark" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:man-singer-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--man-singer-dark]"></span>

UnoCSS

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-singer-dark.svg" alt="Ikon Man Singer Dark" width="24" height="24">

Ikon terkait di Fluent Emoji Flat

Ikon Man Singer Dark di set ikon lain

FAQ Ikon Man Singer Dark

Apakah ikon Man Singer Dark 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 Man Singer Dark di React?

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

Bagaimana cara menambahkan ikon Man Singer Dark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-singer-dark.svg" alt="Ikon Man Singer Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent Emoji Flat →