Ikon Person Vampire

fluent-emoji-high-contrast:person-vampire

Ikon Person Vampire (fluent-emoji-high-contrast:person-vampire) 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: personvampire

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.028 12.244l.565-1.84c.13-.406.695-.406.814 0l.565 1.84a.582.582 0 0 1-.554.756h-.836a.582.582 0 0 1-.554-.756m-.702 1.432l.003.002a.154.154 0 0 1 .14-.222q.04 0 .082.022c.203.11.43.196.67.256q.368.093.77.094h.019c.53 0 1.03-.13 1.44-.35a.2.2 0 0 1 .08-.021a.153.153 0 0 1 .14.221l.004-.002l-.293.919a.1.1 0 0 1-.185.013l-.145-.303a1.96 1.96 0 0 1-1.051.303c-.388 0-.748-.11-1.052-.303l-.144.303a.1.1 0 0 1-.185-.013zm-2.071-3.312c.15-.61.7-1.06 1.36-1.06c.69 0 1.25.49 1.38 1.14c.03.14-.09.27-.23.27h-.08c.03-.08.04-.16.04-.24c0-.5-.4-.9-.9-.9s-.9.4-.9.9q0 .12.03.24h-.43c-.18 0-.31-.17-.27-.35m7.49 0c-.15-.61-.7-1.06-1.36-1.06c-.68 0-1.25.49-1.38 1.13c-.03.14.09.27.23.27h.077a1 1 0 0 1-.027-.23a.894.894 0 1 1 1.79 0q0 .114-.028.23h.428c.18 0 .31-.17.27-.34"/><path d="M13.675 10.114a.16.16 0 0 1-.286.097a.5.5 0 0 0-.014.503h.91c.03-.08.05-.16.05-.24a.512.512 0 0 0-.705-.471a.16.16 0 0 1 .045.11m4.39.001a.16.16 0 0 1-.306.066a.5.5 0 0 0-.094.294c0 .08.02.16.05.24h.91q.06-.105.06-.24a.512.512 0 0 0-.677-.482a.16.16 0 0 1 .057.122m1.589-2.032a.25.25 0 0 1 .04.351a.253.253 0 0 1-.353.04a2 2 0 0 0-.406-.213a2.14 2.14 0 0 0-1.12-.113a.25.25 0 1 1-.08-.494a2.64 2.64 0 0 1 1.768.328c.073.044.112.071.15.101"/><path fill-rule="evenodd" d="M12.677 8.44q.022-.016.07-.045c.065-.04.164-.092.294-.14a2.3 2.3 0 0 1 1.137-.108a.25.25 0 0 0 .072-.495a2.8 2.8 0 0 0-1.383.134a2.3 2.3 0 0 0-.377.18q-.075.044-.143.097l-.002.002a.25.25 0 0 0 .316.387zm-.016.012c.002-.002 0-.014 0 0" clip-rule="evenodd"/><path d="M16.621 19.102a.125.125 0 0 0-.245.045l.874 4.755a.125.125 0 0 0 .245-.045zm-1.248 0a.125.125 0 0 1 .245.045l-.873 4.755a.125.125 0 0 1-.246-.045z"/><path d="M22.182 5.191a2.4 2.4 0 0 0-1.288-1.034a2.6 2.6 0 0 1-1.378-1.074A2.35 2.35 0 0 0 17.535 2h-.01a2.4 2.4 0 0 0-.926.187a1.6 1.6 0 0 1-1.207 0l-.106-.042A2.4 2.4 0 0 0 14.477 2a2.38 2.38 0 0 0-1.991 1.068l-.01.015a2.53 2.53 0 0 1-1.348 1.064A2.34 2.34 0 0 0 9.77 5.26a2.25 2.25 0 0 0-.202 1.618a2 2 0 0 0-.342-.123a1.25 1.25 0 0 0-1.128.268c-.316.279-.404.642-.435.848c-.061.418.022.897.11 1.271q.065.279.154.57a17 17 0 0 0-2.535 1.932a1.05 1.05 0 0 0-.34.883a10.5 10.5 0 0 0 3.255 6.61A10.97 10.97 0 0 0 5 27v3h22v-3c0-3.08-1.266-5.866-3.307-7.863a10.5 10.5 0 0 0 3.254-6.61a1.05 1.05 0 0 0-.339-.883l-.185-.169a15.7 15.7 0 0 0-2.31-1.738c.069-.22.13-.44.18-.65c.09-.384.174-.872.112-1.297c-.031-.21-.121-.575-.439-.855c-.368-.325-.811-.343-1.134-.268a2 2 0 0 0-.37.136l-.01.004a2.25 2.25 0 0 0-.263-1.604zM6.25 12.215a14.6 14.6 0 0 1 2.017-1.536c.115.291.233.557.339.768c.169.339.377.628.588.87v.377a3.3 3.3 0 0 0 .93 2.299a4 4 0 0 0 1.25 2.024c-.835.388-1.613.877-2.318 1.451a9.5 9.5 0 0 1-3.008-6.04c-.008-.075.154-.17.202-.213m4.762-4.534l.008-.082c.158-1.383 1.12-2.547 2.448-2.882q.311-.08.648-.094q.077.004.151.016c.74.114 1.19.702 1.375 1.004a2 2 0 0 1 .118.215c.107.18.337.187.476.04a.4.4 0 0 0 .057-.078s.024-.06.077-.153c.159-.28.572-.855 1.345-.982q.103-.018.215-.023q.237.008.452.042c2.144.336 2.615 2.48 2.615 3.296v4.987H21V14a3 3 0 0 1-.054.568l-.001.008a3 3 0 0 1-1.412 2.003c-.449.267-.973.42-1.533.42h-4a2.99 2.99 0 0 1-2.325-1.103A3 3 0 0 1 11 14v-1.633l-.003-.001V8.838L11 8.84V8q0-.161.012-.319m12.757 3.02a14.5 14.5 0 0 1 1.981 1.514l.186.169a.05.05 0 0 1 .016.043a9.5 9.5 0 0 1-3.008 6.041a11 11 0 0 0-2.318-1.45a4 4 0 0 0 1.25-2.025c.575-.595.93-1.405.93-2.299v-.326c.226-.252.45-.559.632-.92c.103-.207.218-.464.331-.747m-.873-.513c-.25.647-.544 1.312-1.09 1.763l-.011.009l.055-3.627l.006-.06l.144-.084c.455-.262.921-.518 1.055-.547c.507-.12.425.688.167 1.587c-.09.313-.202.638-.318.939zm-12.669 1.756c-.528-.48-.835-1.12-1.086-1.776a12 12 0 0 1-.312-.932l-.008-.03c-.235-.847-.298-1.59.182-1.476c.127.028.564.267.997.517l.174.1zM14.267 18h3.361l1.244 6.45l.123.503a.3.3 0 0 1 .005.053c0 .199-.226.358-.461.296a1.7 1.7 0 0 0-.538-.054c-.348.02-.688.144-.952.374c-.578.504-1.5.504-2.078 0a1.58 1.58 0 0 0-.971-.373a1.7 1.7 0 0 0-.597.082a.32.32 0 0 1-.377-.159a.25.25 0 0 1-.023-.151l.034-.204h-.011zm.047 8.376c.954.832 2.438.832 3.393 0a.57.57 0 0 1 .294-.124V29H14v-2.75c.125.014.238.06.314.126"/></g></svg>

Cara memakai ikon Person Vampire

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Gambar HTML

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

Ikon terkait di Fluent Emoji High Contrast

Ikon Person Vampire di set ikon lain

FAQ Ikon Person Vampire

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

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

Bagaimana cara menambahkan ikon Person Vampire ke halaman web?

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

Lihat semua Ikon Fluent Emoji High Contrast →