Invisible Face アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:invisible-face

Invisible Face アイコン(game-icons:invisible-face)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: invisibleface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M251.47 19.188c-38.454 1.225-74.12 17.995-102.876 44.874h143.25L251.5 19.188zM277 20.625l106.156 118.03a9 9 0 0 1 .656.814h31.625C389.93 75.593 337.993 29.355 277 20.624zM131.594 82.063c-13.968 16.764-25.626 36.19-34.344 57.406h262.406L308.03 82.062H131.595zm290.125 75.124a9 9 0 0 1-2.314.282H92.594a9 9 0 0 1-1.844-.157a235 235 0 0 0-6.156 23.53c10.116-3.31 20.786-4.79 30.562-4.78c28.234.03 58.968 1.987 82.875 12.5c8.163 3.59 15.634 8.29 21.626 14.437h72.688c5.992-6.146 13.463-10.848 21.625-14.438c23.906-10.512 54.64-12.47 82.874-12.5c9.866-.01 20.644 1.5 30.844 4.875a237 237 0 0 0-5.97-23.75zm-303.25 36.875c-7.975.024-14.797.522-19.157 1.594c-12.054 36.836-.837 77.202 8.218 112.72c.656.762 11.178 4.697 19.282 4.53c-7.954-23.88 13.606-98.775 35.344-115.53c-13.86-2.1-30.398-3.353-43.687-3.314m271.436.063c-21.518.234-46.257 2.96-58.812 7.28c-12.053 36.837-1.15 70.11 7.906 105.626c.655.765 11.052 5.23 19.156 5.064c-7.954-23.882 14.262-101.213 36-117.97c-1.402-.006-2.814-.015-4.25 0m-156.375 38.78c.71 6.47.392 13.46-1.03 20.907c-2.746 14.383-7.356 26.488-13.344 36.5h73.688c-5.988-10.012-10.598-22.117-13.344-36.5c-1.422-7.447-1.74-14.438-1.03-20.906h-44.94zm-28.81 75.407a76 76 0 0 1-11.282 8.72c-18.483 11.666-40 14.714-59.844 14.343c-16.54-.31-30.828-4.272-42.78-10.72c3.945 15.8 8.843 30.875 14.624 45.064h301.125c5.777-14.182 10.68-29.272 14.625-45.064c-11.954 6.447-26.243 10.41-42.782 10.72c-19.844.37-41.36-2.678-59.844-14.345a76 76 0 0 1-11.28-8.717H204.718zm-91.282 75.407c5.733 11.796 12.095 22.846 19 33.03c6.078 8.966 12.546 17.27 19.375 24.813a9 9 0 0 1 2.718-.407h202.94a9 9 0 0 1 2.717.375c6.823-7.537 13.3-15.82 19.375-24.78c6.905-10.184 13.267-21.234 19-33.03zm94.718 18.842a9 9 0 0 1 .625 0h94.44a9 9 0 1 1 0 18h-94.44a9.005 9.005 0 0 1-.624-18zM170 459.156c25.64 21.635 54.99 33.72 86 33.72s60.36-12.085 86-33.72z"/></svg>

Invisible Face アイコンの使い方

React

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

<Icon icon="game-icons:invisible-face" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:invisible-face" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:invisible-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--invisible-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:invisible-face"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:invisible-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/invisible-face.svg" alt="Invisible Face アイコン" width="24" height="24">

Game Icons の関連アイコン

Invisible Face アイコンのよくある質問

Invisible Face アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Invisible Face アイコンを使うには?

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

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

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/invisible-face.svg" alt="Invisible Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →