Ikon Person Superhero

fluent-emoji-high-contrast:person-superhero

Ikon Person Superhero (fluent-emoji-high-contrast:person-superhero) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast 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 High Contrast
Pembuat: Microsoft Corporation
Lisensi: MIT
Ukuran: 32 × 32
Kategori: Orang dan tubuh
Tag: personsuperhero

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M15.448 28.626a1 1 0 0 0 1.604 0l2.99-4.017a1 1 0 0 0-.802-1.597h-5.98a1 1 0 0 0-.802 1.597zm.812-14.746c-.524 0-1.01-.122-1.43-.346c-.14-.075-.29.084-.206.224c.346.533.944.888 1.626.888s1.28-.355 1.626-.888c.084-.13-.065-.29-.206-.224a2.9 2.9 0 0 1-1.41.345"/><path d="M10.298 8.33a2.8 2.8 0 0 0-.174-.64l-.177-.437A2.3 2.3 0 0 1 11.28 4.23a2.3 2.3 0 0 0 1.024-.755l.217-.282a2.8 2.8 0 0 1 2.973-.991l.062.017c.454.126.934.125 1.387-.003l.102-.029a2.43 2.43 0 0 1 2.712 1.037l.027.042c.3.473.763.82 1.3.976a2.3 2.3 0 0 1 1.431 3.208l-.095.196a2.5 2.5 0 0 0-.223.743l-.03.222a1 1 0 0 0-.01.107a1.999 1.999 0 0 1 .048 3.539c-.078.93-.274 1.752-.742 2.248q-.156.461-.405.868h1.007c.527 0 .839.453.798.884c4.351 2.103 7.387 6.558 7.387 11.765V30h-2v-.742c0-3.906-1.498-7.518-4-10.228V30h-16V19.03c-2.501 2.71-4 6.322-4 10.228V30h-2v-1.978c0-5.193 3.02-9.639 7.353-11.748c-.05-.437.263-.901.797-.901h1.03a4.3 4.3 0 0 1-.402-.851c-.48-.497-.68-1.334-.758-2.279a1.998 1.998 0 0 1 .068-3.522c.001-.132-.02-.26-.04-.39m.136 8.752a15 15 0 0 0-1.184.961V30h14V18.043q-.555-.499-1.158-.942c-.051.032-.106.053-.157.083l-3.166 1.846a5 5 0 0 1-1.036.457a1.607 1.607 0 1 1-2.966 0a5 5 0 0 1-1.036-.457l-3.166-1.846a.6.6 0 0 1-.131-.102M22.249 10.5a1 1 0 0 0-.363-.77l-.048.836v.007l-.044.765a1 1 0 0 0 .455-.838m-2.182-3.338h-1.412a2.97 2.97 0 0 1-2.703-1.714l-.004-.01l-.004-.009a.18.18 0 0 0-.164-.103h-1.277c-1.61 0-2.923 1.283-2.923 2.833q0 .276.005.55h.006c.354 0 .677-.177.968-.378a1.96 1.96 0 0 1 2.111-.083c.39.227.8.461 1.252.461h.99c.45 0 .861-.234 1.251-.46a1.97 1.97 0 0 1 2.112.083c.207.143.43.274.669.337l.036-.604a.95.95 0 0 0-.913-.903m-7.41 4.478c-.296-.18-.616-.344-.961-.35c.048.761.104 1.526.156 2.3c.234 1.658 1.694 2.91 3.445 2.91H17.2c1.756 0 3.22-1.252 3.453-2.91c.012-.178.108-2.088.13-2.088l.009-.156c-.216.063-.42.175-.615.293a1.96 1.96 0 0 1-1.023.286c-.337 0-.655-.085-.932-.234a4 4 0 0 0-.73-.33l.212.712c.198.676-.279 1.427-1.036 1.427h-.836c-.758 0-1.234-.751-1.036-1.427v-.003l.168-.56q-.18.086-.352.181c-.278.15-.595.234-.933.234c-.374 0-.724-.104-1.022-.285M10.25 10.5c0 .347.177.653.447.832a68 68 0 0 1-.084-1.602a1 1 0 0 0-.363.77m5.032 7q-.461 0-.898-.088a2 2 0 0 0 1.29 1.195a1.6 1.6 0 0 1 1.153 0a2 2 0 0 0 1.29-1.197q-.441.09-.905.09zm.361 2.607a.607.607 0 1 0 1.214 0a.607.607 0 0 0-1.214 0m.112-7.753a.13.13 0 0 0 .018.11c.02.03.042.036.06.036h.835c.017 0 .038-.007.059-.036a.13.13 0 0 0 .018-.11l-.318-1.063h-.354zM12.474 10.4c-.048.172.096.344.268.344h.833a.5.5 0 0 1-.06-.25a.54.54 0 0 1 .076-.278a.17.17 0 1 0 .255-.22a.543.543 0 0 1 .749.498c0 .09-.02.17-.07.25h.466c.143 0 .258-.133.23-.268a1.408 1.408 0 0 0-2.747-.077m7.561 0a1.41 1.41 0 0 0-1.368-1.062c-.69 0-1.254.488-1.388 1.139c-.029.133.086.267.23.267h.47a.55.55 0 0 1-.07-.25a.54.54 0 0 1 .093-.304a.17.17 0 1 0 .259-.202a.538.538 0 0 1 .729.507c0 .09-.02.18-.06.25h.837c.173 0 .316-.173.268-.345"/></g></svg>

Cara memakai ikon Person Superhero

React

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

<Icon icon="fluent-emoji-high-contrast:person-superhero" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:person-superhero" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:person-superhero" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--person-superhero]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-emoji-high-contrast:person-superhero"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-superhero.svg" alt="Ikon Person Superhero" width="24" height="24">

Ikon terkait di Fluent Emoji High Contrast

Ikon Person Superhero di set ikon lain

FAQ Ikon Person Superhero

Apakah ikon Person Superhero gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Person Superhero di React?

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

Bagaimana cara menambahkan ikon Person Superhero ke halaman web?

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

Lihat semua Ikon Fluent Emoji High Contrast →