Face To Face アイコン

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

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

game-icons:face-to-face

Face To Face アイコン(game-icons:face-to-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
タグ: faceto、toface、facetoface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M392 60.48c-22.1 0-42.1 23.8-42.1 55.62c0 31.9 20 55.7 42.1 55.7s42.1-23.8 42.1-55.7c0-31.82-20-55.62-42.1-55.62m-271.9.1c-22.14 0-42.19 23.8-42.19 55.52c0 31.9 20.05 55.7 42.19 55.7c22.2 0 42.2-23.8 42.2-55.7c0-31.72-20-55.52-42.2-55.52M83.01 176.5c-25 8-52.6 33.5-59.4 61.9l-3.6 79.7c-.1 11.6 13.1 28.8 36.8 23.1c51.99-12.4 79.09-26 118.39-41.5l-4.9-23.5c-34.6 12.2-74.24 28-114.29 31.9l1.1-79.9l18 .2l-.7 58.1c26.79-4.9 63.49-18 92.19-28l-6.3-30.6l17.6-3.6c7.2 34.8 12.9 62.2 20.1 97.9c-9.3-.8-16.6-1.4-25.7-2c-17.4 7.1-33.1 13.9-50.7 20.5c22.1 4.3 43.6 8 61 8.4c14.9.3 26.1-2.3 31.6-6.8s8.3-11.3 5.1-27.2c-6.7-33.1-11.7-65.3-20.9-90.1c-9.2-25-21.5-41.5-44-48.2c-9.5 8.2-21.3 13-34.3 13c-14.4-.2-22.84-4.5-37.09-13.3m345.99 0c-14.2 8.8-22.6 13.1-37 13.3c-12.9 0-24.7-4.8-34.2-13c-22.5 6.7-34.8 23.2-44 48.2c-9.2 24.8-14.2 57-20.9 90.1c-3.2 15.9-.4 22.7 5.1 27.2s16.7 7.1 31.6 6.8c17.4-.4 38.9-4.1 61-8.4c-17.6-6.6-33.3-13.4-50.7-20.5c-9.1.6-16.4 1.2-25.7 2c7.2-35.7 12.9-63.1 20.1-97.9l17.6 3.6l-6.3 30.6c28.7 10.1 65.3 23.2 92 28.1l-.7-58.1l18-.2l1.1 79.9c-40-3.9-79.5-19.7-114.1-31.9l-4.9 23.5c39.3 15.5 66.3 29.1 118.2 41.5c23.7 5.7 36.9-11.5 36.8-23.1l-3.6-79.7c-6.8-28.5-34.4-54-59.4-62M86.96 351.9c-10.55 3.1-22.95 6.8-34.65 8.3l2.5 91.3H169.5l2.5-85c-26.4-2-57-8.9-85.04-14.6m338.14 0c-28 5.7-58.5 12.6-84.9 14.6l2.5 85h114.5l2.5-91.3c-11.7-1.5-24.1-5.2-34.6-8.3"/></svg>

Face To Face アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →