Person Vampire icon

fluent-emoji-flat:person-vampire

The Person Vampire icon (fluent-emoji-flat:person-vampire) is a free SVG icon from the Fluent Emoji Flat set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Fluent Emoji Flat
Author: Microsoft Corporation
License: MIT
Size: 32 × 32
Category: People & Body
Tags: personvampire

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#321b41" d="M15.92 8.43c-4.1 0-7.82.66-10.52 3.34c-.26.26-.39.63-.32 1c.39 2.29 1.5 4.4 3.2 6.05c2.06 1.99 4.78 3.09 7.64 3.09s5.58-1.1 7.64-3.09c1.7-1.64 2.81-3.75 3.2-6.05c.06-.36-.06-.74-.32-1c-2.7-2.68-6.42-3.34-10.52-3.34"/><path fill="#f92f60" d="M15.93 7.43a14.85 14.85 0 0 0-10 3.849c.19 5.361 4.595 9.651 10 9.651s9.81-4.29 10-9.651a14.87 14.87 0 0 0-10-3.849"/><path fill="#321b41" d="M15.94 15.33c-2.76 0-5.01 1.07-6.94 2.86l-1 5.905L9 30h3.75l3.262-1l3.238 1H23l1-5.925l-1-5.925c-1.91-1.77-4.32-2.82-7.06-2.82"/><path fill="#533566" d="M26.23 22.78c.52 1.68.78 3.43.77 5.19L26.98 30H23V18.16c1.33 1.23 2.66 2.81 3.23 4.62m-20.43.03l.02-.08C6.39 20.95 7.7 19.4 9 18.19V30H5v-2.07c0-1.74.27-3.46.8-5.12"/><path fill="#f8312f" d="m12.954 16.32l2.847 4.39c.092.14.306.14.398 0l2.877-4.38l.174-.13V30h-6.5l.02-13.81z"/><path fill="#d3d3d3" d="m18.633 24.36l-1.64-9.57l-.826-1.21h-.876l-.408 1.21l-1.61 9.95h.01l-.03.21c-.03.21.173.39.367.32c.479-.18 1.05-.08 1.437.3c.53.52 1.375.52 1.905 0c.367-.36.897-.47 1.365-.33c.235.07.459-.13.418-.36z"/><path fill="#e6e6e6" d="m13.469 20.01l2.197-1.88a.525.525 0 0 1 .668 0l2.197 1.88c.304.21.719 0 .719-.37v-3.88a9 9 0 0 0-3.25-.6a9 9 0 0 0-3.25.6v3.88c0 .37.415.58.719.37"/><path fill="#212121" d="M20.484 14.66c.16-.35.28-.73.33-1.13l.089-1.44c.309-.02.608-.13.847-.31v.92c0 .85-.498 1.62-1.266 1.96M10.25 11.79c.25.18.558.29.897.3l.1 1.45c.05.41.169.8.338 1.16a2.16 2.16 0 0 1-1.335-1.99z"/><path fill="#fdbb11" d="M9.477 10.818c.418.833.807 1.4 1.713 1.4l-.22-3.345c-.836-.628-1.583-1.08-1.871-1.143c-.887-.205-.13 2.09.378 3.088m12.953 0c-.42.833-.808 1.4-1.714 1.4l.22-3.345c.836-.628 1.583-1.08 1.872-1.143c.886-.205.13 2.09-.379 3.088"/><path fill="#ffc83d" d="M17.116 3h-2.234c-2.507 0-4.387 2.114-4.104 4.738l.374 5.81C11.415 15.53 13.083 17 15.054 17h1.9c1.972 0 3.64-1.48 3.903-3.451l.353-5.81C21.554 5.225 19.623 3 17.116 3"/><path fill="#fff" d="M12.14 10.31c.15-.61.7-1.06 1.36-1.06c.69 0 1.25.49 1.38 1.14c.03.14-.09.27-.23.27h-2.24c-.18 0-.31-.17-.27-.35m7.53 0c-.15-.61-.7-1.06-1.36-1.06c-.68 0-1.25.49-1.38 1.13c-.03.14.09.27.23.27h2.24c.18 0 .31-.17.27-.34"/><path fill="#212121" d="M19.18 8.42c.05.04.11.06.17.06c.09 0 .17-.03.21-.11c.09-.13.07-.3-.05-.39c-.03-.03-.79-.59-1.87-.46a.28.28 0 0 0-.24.31c.02.15.16.26.31.24a2.22 2.22 0 0 1 1.453.34zm-6.94-.05c.06.07.14.11.22.11c.06 0 .12-.01.17-.05c0-.01.59-.45 1.47-.35c.15.02.29-.09.3-.24a.274.274 0 0 0-.24-.31a2.72 2.72 0 0 0-1.863.455l-.007.005a.27.27 0 0 0-.05.38"/><path fill="#f92f60" d="M12.81 10.42c0-.5.4-.9.9-.9s.9.4.9.9c0 .08-.01.16-.04.24h-1.73a1 1 0 0 1-.03-.24m6.19 0a.896.896 0 1 0-1.76.24h1.73q.03-.12.03-.24"/><path fill="#000" d="M13.71 9.91c.28 0 .51.23.51.51c0 .08-.02.16-.05.24h-.91a.512.512 0 0 1 .45-.75m4.39 0c-.28 0-.51.23-.51.51c0 .08.02.16.05.24h.91q.06-.105.06-.24c0-.28-.23-.51-.51-.51"/><path fill="#fff" d="M13.56 10.06a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0m4.43 0a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0"/><path fill="#ed9200" d="m15.644 10.278l-.495 1.68c-.104.34.143.69.485.69h.732c.342 0 .59-.35.485-.69l-.494-1.68a.368.368 0 0 0-.713 0"/><path fill="#212121" d="M20.906 4.19c.523.18.975.54 1.277 1.05c.472.81.402 1.78-.111 2.5q-.157.226-.223.484L21 8.84c0-2.722-1.63-4.18-3-4.18h-.75C16.75 4.66 16.5 6 16 6s-.75-1.34-1.25-1.34H14c-1.77.09-3.11 1.56-3.11 3.35v.82l-.726-.528a1.5 1.5 0 0 0-.25-.562a2.34 2.34 0 0 1-.14-2.43c.292-.55.764-.93 1.307-1.12c.584-.2 1.066-.59 1.398-1.1A2.38 2.38 0 0 1 14.47 2c.332 0 .644.07.925.19c.382.16.825.16 1.207 0a2.35 2.35 0 0 1 2.936.94c.312.5.805.87 1.368 1.06"/><path fill="#9b9b9b" d="M15.632 19.025a.125.125 0 0 0-.245-.05l-1.01 5a.125.125 0 0 0 .245.05zm.991-.049a.125.125 0 1 0-.245.049l1 5a.125.125 0 0 0 .244-.05z"/><path fill="#990839" d="M14.96 14.373c.306.176.662.278 1.04.278c.374 0 .724-.095 1.025-.264l.178-.387l-.33-.238a3.47 3.47 0 0 1-1.763-.01L14.8 14z"/><path fill="#fff" d="m16.872 13.76l.3 1.23c.02.06.07.1.13.1s.12-.04.13-.1l.33-1.32l-.005-.002a.164.164 0 0 0-.164-.168a.2.2 0 0 0-.09.021q-.12.063-.253.116zm-2.322 1.23l-.314-1.256c-.07-.113.04-.252.162-.232a.16.16 0 0 1 .097.02q.124.06.255.112l.36.116l-.3 1.24c-.02.06-.07.1-.13.1s-.12-.04-.13-.1"/></g></svg>

How to use the Person Vampire icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Fluent Emoji Flat

Person Vampire icon in other icon sets

Person Vampire icon FAQ

Is the Person Vampire icon free for commercial use?

Yes. Fluent Emoji Flat icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Person Vampire icon in React?

Install @iconify/react and render <Icon icon="fluent-emoji-flat:person-vampire" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Person Vampire icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/person-vampire.svg" alt="Person Vampire icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent Emoji Flat icons →