Itch Io アイコン
cib:itch-io
Itch Io アイコン(cib:itch-io)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- itchio
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M4.172 1.787C2.776 2.615.027 5.771 0 6.599v1.375c0 1.735 1.625 3.267 3.099 3.267c1.771 0 3.251-1.469 3.251-3.213c0 1.744 1.421 3.213 3.197 3.213c1.771 0 3.151-1.469 3.151-3.213c0 1.744 1.516 3.213 3.287 3.213h.032c1.776 0 3.291-1.469 3.291-3.213c0 1.744 1.381 3.213 3.152 3.213s3.197-1.469 3.197-3.213c0 1.744 1.475 3.213 3.245 3.213c1.479 0 3.104-1.532 3.104-3.267V6.599c-.032-.828-2.776-3.984-4.177-4.812c-4.339-.156-7.344-.183-11.823-.183c-4.484.005-10.593.073-11.828.183zm8.505 8.634a3.7 3.7 0 0 1-.625.797v.005a3.73 3.73 0 0 1-2.599 1.057a3.7 3.7 0 0 1-2.599-1.063a3.4 3.4 0 0 1-.6-.787c-.167.297-.4.552-.645.787A3.7 3.7 0 0 1 3.01 12.28h-.005a1.1 1.1 0 0 1-.349-.073a55 55 0 0 0-.224 3.937v.005c-.005.527-.005.953-.011 1.552c.032 3.115-.307 10.089 1.376 11.803c2.604.604 7.396.88 12.197.885h.005c4.807-.005 9.593-.281 12.197-.885c1.683-1.713 1.344-8.688 1.376-11.803c-.005-.599-.005-1.025-.011-1.552v-.005a52 52 0 0 0-.224-3.937a1 1 0 0 1-.349.073h-.005a3.7 3.7 0 0 1-2.599-1.063h.005c-.245-.235-.479-.489-.645-.787h-.005a3.4 3.4 0 0 1-.595.787a3.71 3.71 0 0 1-5.198 0a3.6 3.6 0 0 1-.615-.787l-.011-.016c-.172.308-.38.573-.615.803a3.7 3.7 0 0 1-2.599 1.063h-.005q-.048.001-.104-.005q-.054.006-.109.005h-.005a3.7 3.7 0 0 1-2.593-1.063a3.4 3.4 0 0 1-.609-.787l-.011-.016zm-2.672 3.454c1.057.005 1.995 0 3.161 1.271c.916-.093 1.875-.14 2.833-.14s1.917.047 2.833.14c1.167-1.271 2.104-1.271 3.161-1.271h.005c.5 0 2.5 0 3.891 3.912l1.495 5.369c1.109 3.995-.355 4.095-2.177 4.095c-2.708-.1-4.208-2.068-4.208-4.037c-1.5.251-3.251.371-5 .371s-3.5-.12-4.995-.371c0 1.969-1.5 3.937-4.208 4.037c-1.828-.005-3.292-.1-2.183-4.095l1.495-5.369c1.396-3.912 3.396-3.912 3.896-3.912zM16 16.953c-.005 0-2.849 2.62-3.364 3.547l1.864-.073v1.625c0 .079.751.047 1.5.011c.749.036 1.495.068 1.495-.011v-1.625l1.869.073C18.849 19.573 16 16.953 16 16.953"/></svg>Itch Io アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:itch-io" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:itch-io" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:itch-io" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--itch-io]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:itch-io"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:itch-io"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/itch-io.svg" alt="Itch Io アイコン" width="24" height="24">他のアイコンセットの Itch Io アイコン
Itch Io アイコン のよくある質問
Itch Io アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Itch Io アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:itch-io" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Itch Io アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/itch-io.svg" alt="Itch Io アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。