Ikon Man Mage

fluent-emoji-flat:man-mage

Ikon Man Mage (fluent-emoji-flat:man-mage) 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: manmage

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="#0074ba" d="m10.2 10.11l-.18.35h11.9l-.17-.33c-.194-.38-.423-.875-.68-1.435c-.516-1.118-1.15-2.492-1.861-3.703l2.24.01c.642 0 .928-.83.415-1.22C20 2.5 18.172 2 15.97 2c-1.99 0-3.839 3.99-5.058 6.62c-.27.583-.51 1.099-.712 1.49"/><path fill="#533566" d="m9.79 10.15l-.19.38h12.74l-.18-.36a7.1 7.1 0 0 0-1.19-1.67h-10c-.46.49-.86 1.04-1.18 1.65"/><path fill="#00a6ed" d="m20.444 18.498l3.108.002C26 18.5 27.99 16.484 28 14.005c0-2.48-1.99-4.495-4.438-4.495L8.438 9.5C5.99 9.5 4 11.516 4 13.995s1.99 4.495 4.428 4.495l3.132.002L12 20.5l-2.171 1.45c-.381.27-.742.56-1.082.88a10.6 10.6 0 0 0-2.876 4.55l-.03.08c-.26.82-.46 1.69-.591 2.54H13l2.99-1l3.51 1h7.25c-.13-.86-.32-1.74-.581-2.58a10.63 10.63 0 0 0-2.925-4.62c-.331-.31-.692-.59-1.052-.86L20 20.5z"/><path fill="#0074ba" d="M22.935 18H9.065C6.815 18 5 16.436 5 14.5S6.824 11 9.065 11l13.87.01c2.25 0 4.065 1.564 4.065 3.5c0 1.926-1.824 3.49-4.065 3.49"/><path fill="#fdbb11" d="M12.5 14.95a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m10 0a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/><path fill="#ffc83d" d="M20.989 13.49q0-.015 0 0l.01-.11c.039-1.08-.798-2.03-1.858-2.03h-6.275c-1.1 0-1.956.97-1.858 2.09l.291 4.61c.253 1.95 1.868 3.4 3.785 3.4h1.839c1.916 0 3.53-1.46 3.784-3.4z"/><path fill="#e6e6e6" d="M11.012 13.12c-.002-.014-.024-.02-.026-.005c-.161 1.35-1.613 14.195 1.14 16.885h7.717c2.767-2.677 1.323-15.591 1.17-16.894c-.002-.015-.024-.009-.026.006c-.102.796-.886 5.568-5.032 5.568c-4.13 0-4.85-4.737-4.943-5.56"/><path fill="#990839" d="M16 18.12c-.554 0-1.067-.13-1.508-.35c-.143-.08-.308.09-.215.23c.37.55.995.91 1.723.91a2.07 2.07 0 0 0 1.723-.91c.093-.14-.072-.3-.215-.23c-.441.22-.954.35-1.508.35"/><path fill="#d3d3d3" d="M15.664 16.829a.75.75 0 0 1 .672 0l3 1.5a.75.75 0 0 1-.672 1.342L16 18.34l-2.664 1.332a.75.75 0 0 1-.672-1.343z"/><path fill="#9b9b9b" d="M12.123 13.222a.5.5 0 0 0 .7.094l-.002.001l.011-.008l.064-.04a2 2 0 0 1 1.244-.255a.5.5 0 0 0 .12-.992a3 3 0 0 0-1.99.46l-.035.025l-.011.008l-.005.003l-.001.002h-.002a.5.5 0 0 0-.093.702m6.791-1.101a3 3 0 0 0-1.204-.1a.5.5 0 0 0 .12.993c.296-.035.556 0 .768.057l.64.3a.5.5 0 0 0 .516-.85l-.243-.153a3 3 0 0 0-.597-.247"/><path fill="#fff" d="M12.19 14.8c.15-.61.71-1.07 1.37-1.07c.69 0 1.26.49 1.39 1.14c.03.14-.08.27-.23.27h-2.26c-.18 0-.31-.17-.27-.34m7.59 0c-.15-.61-.71-1.07-1.37-1.07c-.69 0-1.26.49-1.39 1.14c-.03.14.08.27.23.27h2.26c.18 0 .31-.17.27-.34"/><path fill="#7d4533" d="M12.87 14.9c0-.5.4-.9.9-.9s.91.4.9.9q0 .12-.03.24H12.9a1 1 0 0 1-.03-.24m6.23 0c0-.5-.4-.9-.9-.9s-.91.4-.9.9q0 .12.03.24h1.74q.03-.12.03-.24"/><path fill="#000" d="M13.77 14.38c.29 0 .52.23.52.52c0 .09-.02.17-.07.24h-.91a.516.516 0 0 1 .46-.76m4.43 0c-.29 0-.52.23-.52.52c0 .09.02.17.07.24h.91q.06-.105.06-.24c0-.29-.23-.52-.52-.52"/><path fill="#fff" d="M13.62 14.54a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0m4.46 0a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0"/><path fill="#ed9200" d="m15.67 14.82l-.52 1.69c-.11.35.15.7.52.7h.78c.36 0 .62-.35.52-.7l-.52-1.69c-.13-.37-.66-.37-.78 0"/><path fill="#f59f00" d="M27 23c.555 0 1 .405 1 .91V26h-2v-2.09c0-.505.445-.91 1-.91"/><path fill="#f3ad61" d="M27.25 5.3c-.2-.11-.45.04-.45.27v1.62c0 .44-.36.81-.8.8a.786.786 0 0 1-.77-.78V5.57c0-.23-.25-.38-.45-.27c-.81.44-1.36 1.29-1.37 2.27c-.01 1.01.58 1.9 1.43 2.34c.1.05.16.15.16.26v15.91c0 .57.47 1.04 1.04 1.04s.96-.47.96-1.04V10.17c0-.11.14-.23.24-.28a2.605 2.605 0 0 0 .01-4.59"/><path fill="#ffc83d" d="M23.5 25.275c.01-.423.333-.775.702-.775h3.006c.441 0 .792.403.792.91v3.68c0 .507-.351.91-.792.91h-3.006c-.369 0-.693-.33-.702-.755a.82.82 0 0 1 .306-.682a.82.82 0 0 1-.306-.651a.84.84 0 0 1 .306-.652a.82.82 0 0 1-.306-.651a.84.84 0 0 1 .306-.651a.83.83 0 0 1-.306-.683"/><path fill="#00d1ed" d="M26 8.97a2.75 2.75 0 1 0 0-5.5a2.75 2.75 0 0 0 0 5.5"/><path fill="#b4f6fc" d="M27.69 4.64c.34.46.31 1.06-.07 1.34s-.96.13-1.3-.33c-.35-.46-.32-1.06.06-1.34s.97-.13 1.31.33"/><path fill="#d67d00" d="M17.94 15.619a.291.291 0 1 0-.42.402l.389.291c.24.139.593.279 1.031.279a.291.291 0 0 0 0-.582c-.312 0-.564-.1-.741-.202c-.086-.054-.259-.169-.259-.189m-3.359-.008a.29.29 0 0 0-.411.008l-.01.01l-.048.042a1.5 1.5 0 0 1-.942.339a.291.291 0 1 0 0 .582a2.07 2.07 0 0 0 1.311-.471l.107-.097h.001l.001-.002a.29.29 0 0 0-.009-.411" opacity=".5"/></g></svg>

Cara memakai ikon Man Mage

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Gambar HTML

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

Ikon terkait di Fluent Emoji Flat

Ikon Man Mage di set ikon lain

FAQ Ikon Man Mage

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

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

Bagaimana cara menambahkan ikon Man Mage ke halaman web?

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

Lihat semua Ikon Fluent Emoji Flat →