Person Vampire アイコン

Q: Person Vampire アイコンは商用利用でも無料ですか?

はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji-high-contrast:person-vampire

Person Vampire アイコン(fluent-emoji-high-contrast:person-vampire)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji High Contrast
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
カテゴリ: 人物・体
タグ: personvampire

SVG をダウンロード

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>

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 コンポーネント

<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>

HTML 画像

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

Fluent Emoji High Contrast の関連アイコン

他のアイコンセットの Person Vampire アイコン

Person Vampire アイコンのよくある質問

Person Vampire アイコンは商用利用でも無料ですか?

はい。Fluent Emoji High Contrast icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Person Vampire アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:person-vampire" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Person Vampire アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/person-vampire.svg" alt="Person Vampire アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji High Contrast アイコンをすべて見る →