Supervillain アイコン
openmoji:supervillain
Supervillain アイコン(openmoji:supervillain)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 人物・体
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f1b31c" d="M26 39c-4 0-4-6-4-13s4-14 14-14s14 7 14 14s0 13-4 13"/><path fill="#fcea2b" d="M24.937 31c0 9 4.936 14 11 14C41.872 45 47 40 47 31c0-3-1-5-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7c0 0-1.064 1-1.064 6"/><path fill="#3f3f3f" d="M35.994 45c-2.753 0-5.29-1.27-7.235-3.41l-15.368-.007c1.694 2.678 4.644 8.943 5.144 10.79h34.93c.499-1.843 3.434-8.078 5.13-10.768l-15.373-.007C41.278 43.733 38.743 45 35.993 45"/><path fill="#5c9e31" d="M36 32.706c-.49.913-2.936 2.556-5.89 2.566c-2.494.008-5.35-1.146-7.701-4.883c-.85-1.336-2.422-5.038-2.422-8.068c1.991 6.75 6.304 3.506 10.636 3.53c1.848.012 3.7.617 5.377 2.846c1.677-2.229 3.529-2.834 5.377-2.845c4.332-.025 8.645 3.22 10.636-3.53c0 3.029-1.572 6.73-2.422 8.067c-2.35 3.737-5.207 4.891-7.7 4.883c-2.955-.01-5.4-1.653-5.891-2.566"/><path fill="#b1cc33" d="M17 61v-4c0-4.994 5.008-9 10-9q9 7.5 18 0c4.994 0 10 4.006 10 9v4"/><path fill="#3f3f3f" d="M47.392 61c-.272-1.012-.62-3.159-1.043-4.118a21 21 0 0 0-4.292-6.281H29.943a21 21 0 0 0-4.292 6.281c-.423.96-.771 3.106-1.043 4.118"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M39 38.973c-1.875-1-4.125-1-6 0"/><path d="M42 29.973a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m28.264 41.605l-14.873-.022c1.694 2.678 4.644 8.943 5.144 10.79"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M20.55 53.667a11.9 11.9 0 0 1 4.048-3.359a11.8 11.8 0 0 1 3.307-1.088m1.304.487a10.36 10.36 0 0 0-6.771 7.525m7.506-6.632a21 21 0 0 0-4.293 6.282c-.423.96-.771 2.106-1.043 3.118"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 60v-3c0-4.994 5.008-9 10-9q9 7.5 18 0c4.994 0 10 4.006 10 9v3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M53.465 52.373c.5-1.847 3.45-8.112 5.144-10.79l-15.069.022"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M44.095 49.22c1.15.197 2.265.563 3.307 1.088a11.9 11.9 0 0 1 4.048 3.36m-1.888 3.564a10.36 10.36 0 0 0-6.77-7.525M47.392 60c-.272-1.012-.62-2.159-1.043-3.118a21 21 0 0 0-4.292-6.281"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M36 32.706c-.49.913-2.936 2.556-5.89 2.566c-2.494.008-5.35-1.146-7.701-4.883c-.85-1.336-2.422-5.038-2.422-8.068c1.991 6.75 6.304 3.506 10.636 3.53c1.848.012 3.7.617 5.377 2.846c1.677-2.229 3.529-2.834 5.377-2.845c4.332-.025 8.645 3.22 10.636-3.53c0 3.029-1.572 6.73-2.422 8.067c-2.35 3.737-5.207 4.891-7.7 4.883c-2.955-.01-5.4-1.653-5.891-2.566z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M49.993 25.816C49.923 18.878 45.913 12 36 12s-13.923 6.878-13.993 13.816M46 39c3.268 0 3.866-4.007 3.975-9.29m-27.95 0c.11 5.283.707 9.29 3.975 9.29"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M46.214 26.515A8 8 0 0 0 46 26c-3-3-7-8-7-8c-4 3-7 6-13 7c0 0-.351.335-.65 1.566m-.267 6.899C25.907 40.901 30.454 45 35.937 45c5.352 0 10.033-4.077 10.905-11.473"/></svg>Supervillain アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:supervillain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:supervillain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:supervillain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--supervillain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:supervillain"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:supervillain"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/supervillain.svg" alt="Supervillain アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Supervillain アイコン
Supervillain アイコン のよくある質問
Supervillain アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Supervillain アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:supervillain" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Supervillain アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/supervillain.svg" alt="Supervillain アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。