Ikon Man Genie

twemoji:man-genie

Ikon Man Genie (twemoji:man-genie) adalah ikon SVG gratis dari set Twitter Emoji karya Twitter. Ikon ini digambar pada grid 36 × 36. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Twitter Emoji
Pembuat: Twitter
Lisensi: CC-BY-4.0
Ukuran: 36 × 36
Kategori: Orang dan tubuh
Tag: mangenie

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#88c9f9" d="M32 36v-2a6 6 0 0 0-6-6H10a6 6 0 0 0-6 6v2z"/><path fill="#88c9f9" d="M13.64 28.101c1.744 1.267 2.849 3.728 4.36 3.728s2.616-2.462 4.36-3.728V24.29h-8.72zm-2.196-12.166c0 1.448-.734 2.622-1.639 2.622C8.9 18.558 8 17.448 8 16c0-1.935.501-2.687 1.806-2.687c.905 0 1.638 1.174 1.638 2.622M28 16c0 1.448-.9 2.558-1.806 2.558c-.905 0-1.639-1.174-1.639-2.622s.734-2.623 1.639-2.623c1.352 0 1.806.752 1.806 2.687"/><path fill="#88c9f9" d="M9.478 16.96C9.478 11.371 11 5 18 5s8.522 6.371 8.522 11.96C26.522 22 24 27.08 18 27.08S9.478 22 9.478 16.96"/><path fill="#662113" d="M21.703 16.908h-.145a.84.84 0 0 1-.835-.835V15.02c0-.459.376-.835.835-.835h.145c.459 0 .835.376.835.835v1.053a.837.837 0 0 1-.835.835m-7.406 0h.145a.84.84 0 0 0 .835-.835V15.02a.84.84 0 0 0-.835-.835h-.145a.84.84 0 0 0-.835.835v1.053c0 .459.375.835.835.835"/><path fill="#269" d="M18.007 23.802c2.754 0 3.6-.706 3.741-.848a.655.655 0 0 0-.902-.951c-.052.038-.721.487-2.839.487c-2.2 0-2.836-.485-2.842-.49a.64.64 0 0 0-.913.013a.67.67 0 0 0 .014.94c.141.143.987.849 3.741.849"/><path fill="#55acee" d="M18.75 19.75h-1.5c-.413 0-.75-.337-.75-.75s.337-.75.75-.75h1.5c.413 0 .75.337.75.75s-.337.75-.75.75"/><path fill="#744eaa" d="M12.016 27.95s-.157 6.817 3.987 6.817V36H8.984S8.77 30.076 10 28zm11.955 0s.157 6.817-3.987 6.817V36h7.019s.214-5.924-1.016-8zM18 8.934s7.149 1.858 8.245 5.204c.478-1.021.755-3.257.755-4.518C27 5.781 24 3 19.125 3h-2.25C12.75 3 9 5.781 9 9.62c0 1.262.277 3.664.754 4.684C10.851 10.957 18 8.934 18 8.934"/><g fill="#cbb7ea"><path d="M26.985 10.177c-1.396-1.115-3.044-2.037-4.612-2.559a.692.692 0 1 0-.438 1.313c1.666.555 3.495 1.666 4.882 2.935c.09-.623.151-1.328.168-1.689M9.117 11.311c2.007-1.436 8.723-5.759 16.398-5.819c-.473-.545-.984-.937-1.579-1.308c-6.706.498-12.428 3.839-14.931 5.522c.01.455.046 1.013.112 1.605"/><path d="M26.421 6.89c-.028-.004-.084 0-.113 0c-2.835 0-5.703.71-8.528 2.108c.139-.042.22-.064.22-.064s.815.212 1.937.621c2.126-.845 4.263-1.28 6.371-1.28a2.7 2.7 0 0 1 .573.052a6 6 0 0 0-.46-1.437M9.188 8.036c2.477-1.586 7.101-3.872 12.342-4.784C20.734 3.016 19.983 3 19.125 3H17.36c-2.725 1.059-5.152 1.857-7.022 2.887c-.536.678-.934 1.314-1.15 2.149"/></g><path fill="#ffd983" d="M18.112 5.887c.887 0 1.612.726 1.612 1.612V9.15c0 .887-.726 1.612-1.612 1.612A1.617 1.617 0 0 1 16.5 9.15V7.499c0-.887.726-1.612 1.612-1.612"/><path fill="#ffac33" d="M18.112 6.89c.484 0 .881.396.881.881v1.108a.884.884 0 0 1-.881.881a.884.884 0 0 1-.881-.881V7.771a.884.884 0 0 1 .881-.881"/><path d="M26.546 20.159a.374.374 0 0 0-.312-.428a.367.367 0 0 0-.428.312c-.01.064-1.072 6.251-7.231 6.625a6 6 0 0 0-.088-1.846a.5.5 0 1 0-.974.229c.002.009.178.784.052 1.627c-6.269-.28-7.328-6.37-7.37-6.636a.376.376 0 0 0-.741.116c.008.049.567 3.305 3.133 5.45c.007.017.026.04.07.078c.749.646 3.923 3.988 5.34 4.061v.001l.004-.001l.004.001v-.001c1.416-.073 4.591-3.415 5.34-4.061a.3.3 0 0 0 .07-.077c2.564-2.144 3.124-5.401 3.131-5.45"/></svg>

Cara memakai ikon Man Genie

React

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

<Icon icon="twemoji:man-genie" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:man-genie" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:man-genie" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-genie]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-genie"></div>

Web component

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

<iconify-icon icon="twemoji:man-genie"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/twemoji/man-genie.svg" alt="Ikon Man Genie" width="24" height="24">

Ikon terkait di Twitter Emoji

Ikon Man Genie di set ikon lain

FAQ Ikon Man Genie

Apakah ikon Man Genie gratis untuk penggunaan komersial?

Ya. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Man Genie di React?

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

Bagaimana cara menambahkan ikon Man Genie ke halaman web?

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

Lihat semua Ikon Twitter Emoji →