Itch Io アイコン
fa-brands:itch-io
Itch Io アイコン(fa-brands:itch-io)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 512 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- itchio
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M71.92 34.77C50.2 47.67 7.4 96.84 7 109.73v21.34c0 27.06 25.29 50.84 48.25 50.84c27.57 0 50.54-22.85 50.54-50c0 27.12 22.18 50 49.76 50s49-22.85 49-50c0 27.12 23.59 50 51.16 50h.5c27.57 0 51.16-22.85 51.16-50c0 27.12 21.47 50 49 50s49.76-22.85 49.76-50c0 27.12 23 50 50.54 50c23 0 48.25-23.78 48.25-50.84v-21.34c-.4-12.9-43.2-62.07-64.92-75C372.56 32.4 325.76 32 256 32S91.14 33.1 71.92 34.77m132.32 134.39c-22 38.4-77.9 38.71-99.85.25c-13.17 23.14-43.17 32.07-56 27.66c-3.87 40.15-13.67 237.13 17.73 269.15c80 18.67 302.08 18.12 379.76 0c31.65-32.27 21.32-232 17.75-269.15c-12.92 4.44-42.88-4.6-56-27.66c-22 38.52-77.85 38.1-99.85-.24c-7.1 12.49-23.05 28.94-51.76 28.94a57.54 57.54 0 0 1-51.75-28.94zm-41.58 53.77c16.47 0 31.09 0 49.22 19.78a437 437 0 0 1 88.18 0C318.22 223 332.85 223 349.31 223c52.33 0 65.22 77.53 83.87 144.45c17.26 62.15-5.52 63.67-33.95 63.73c-42.15-1.57-65.49-32.18-65.49-62.79c-39.25 6.43-101.93 8.79-155.55 0c0 30.61-23.34 61.22-65.49 62.79c-28.42-.06-51.2-1.58-33.94-63.73c18.67-67 31.56-144.45 83.88-144.45zM256 270.79s-44.38 40.77-52.35 55.21l29-1.17v25.32c0 1.55 21.34.16 23.33.16c11.65.54 23.31 1 23.31-.16v-25.28l29 1.17c-8-14.48-52.35-55.24-52.35-55.24z"/></svg>Itch Io アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:itch-io" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:itch-io" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:itch-io" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--itch-io]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:itch-io"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:itch-io"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/itch-io.svg" alt="Itch Io アイコン" width="24" height="24">他のアイコンセットの Itch Io アイコン
Itch Io アイコン のよくある質問
Itch Io アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Itch Io アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:itch-io" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Itch Io アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/itch-io.svg" alt="Itch Io アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。