Gacha Club アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:gacha-club

Gacha Club アイコン(arcticons:gacha-club)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: gachaclub

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.252 14.017A16.16 16.16 0 0 1 24 7.809c5.02 0 9.705 2.324 12.746 6.207m5.536 6.329a16.8 16.8 0 0 0 1.467-4.926"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M45.5 24c0 11.874-9.626 21.5-21.5 21.5S2.5 35.874 2.5 24S12.126 2.5 24 2.5S45.5 12.126 45.5 24"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.504 27.911a7.4 7.4 0 0 1-1.402-.845a16 16 0 0 1-.284-2.538m30.723 1.191q.55-.575 1.05-1.176M4.105 32.029a30 30 0 0 0 5.398 1.687m18.608-18.55v8.214m5.442-8.214v8.214m-5.442-4.122h5.442m-7.323 1.367v.034a2.72 2.72 0 0 1-2.72 2.72h0a2.72 2.72 0 0 1-2.72-2.72v-2.772a2.72 2.72 0 0 1 2.72-2.72h0a2.72 2.72 0 0 1 2.72 2.72v.034m-7.761 2.739h-3.64m-.9 2.72l2.72-8.214l2.721 8.214m20.661-2.72h-3.639m-.902 2.72l2.722-8.214l2.72 8.214M12.51 17.887a2.72 2.72 0 0 0-2.72-2.72h-.002h0a2.72 2.72 0 0 0-2.72 2.72h0v2.772a2.72 2.72 0 0 0 2.72 2.72h0a2.72 2.72 0 0 0 2.721-2.719v-.001H9.79m8.72 5.005v8.213h4.107m1.35-8.213v5.493a2.72 2.72 0 1 0 5.441 0h0v-5.493m5.411 4.106a2.054 2.054 0 0 1 0 4.107h-3.388v-8.213h3.388a2.054 2.054 0 0 1 0 4.107zm0 0h-3.388M16.57 31.123v.034a2.72 2.72 0 0 1-2.72 2.72h-.002a2.72 2.72 0 0 1-2.72-2.72v-2.772a2.72 2.72 0 0 1 2.719-2.721h.001a2.72 2.72 0 0 1 2.721 2.719v.035"/></svg>

Gacha Club アイコンの使い方

React

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

<Icon icon="arcticons:gacha-club" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:gacha-club" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:gacha-club" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--gacha-club]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:gacha-club"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:gacha-club"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/gacha-club.svg" alt="Gacha Club アイコン" width="24" height="24">

Arcticons の関連アイコン

Gacha Club アイコンのよくある質問

Gacha Club アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Gacha Club アイコンを使うには?

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

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

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

Arcticons をすべて見る →