Creators Club Light アイコン
stash:creators-club-light
Creators Club Light アイコン(stash:creators-club-light)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- creatorsclub、clublight、creatorsclublight、creator
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.998 3.658a3.23 3.23 0 0 0-1.995 0c-.452.147-.898.465-1.604 1.128c-.18.168-.415.266-.661.274c-.968.03-1.508.12-1.931.336a3.23 3.23 0 0 0-1.411 1.41c-.216.424-.306.964-.337 1.932a1 1 0 0 1-.273.661c-.663.706-.981 1.152-1.128 1.604a3.23 3.23 0 0 0 0 1.995c.147.451.465.897 1.128 1.603c.168.18.266.415.274.661c.03.968.12 1.508.336 1.931c.31.608.803 1.102 1.41 1.411c.424.216.964.306 1.932.337c.246.007.481.105.661.273c.706.663 1.152.981 1.604 1.128c.648.21 1.346.21 1.995 0c.451-.147.897-.465 1.603-1.128c.18-.168.415-.266.661-.273c.968-.03 1.508-.121 1.931-.337a3.23 3.23 0 0 0 1.411-1.41c.216-.424.306-.964.337-1.932c.007-.246.105-.481.273-.661c.663-.706.981-1.152 1.128-1.604c.21-.648.21-1.346 0-1.995c-.147-.451-.465-.897-1.128-1.603a1 1 0 0 1-.273-.661c-.03-.968-.121-1.508-.337-1.931a3.23 3.23 0 0 0-1.41-1.411c-.424-.216-.964-.306-1.932-.336a1 1 0 0 1-.661-.274c-.706-.663-1.152-.981-1.604-1.128m-2.304-.951a4.23 4.23 0 0 1 2.612 0c.677.22 1.26.674 1.98 1.35l.008.003c.986.03 1.72.122 2.353.445a4.23 4.23 0 0 1 1.848 1.848c.323.634.414 1.367.445 2.353q0 .005.003.008c.676.72 1.13 1.303 1.35 1.98a4.22 4.22 0 0 1 0 2.612c-.22.677-.674 1.26-1.35 1.98l-.003.008c-.03.986-.122 1.72-.445 2.353a4.23 4.23 0 0 1-1.848 1.848c-.634.323-1.367.414-2.353.445l-.008.003c-.72.676-1.303 1.13-1.98 1.35a4.23 4.23 0 0 1-2.612 0c-.677-.22-1.26-.674-1.98-1.35l-.008-.003c-.986-.03-1.72-.122-2.353-.445a4.23 4.23 0 0 1-1.848-1.848c-.323-.634-.414-1.367-.445-2.353l-.003-.008c-.676-.72-1.13-1.303-1.35-1.98a4.23 4.23 0 0 1 0-2.612c.22-.677.674-1.26 1.35-1.98l.003-.008c.03-.986.122-1.72.445-2.353a4.23 4.23 0 0 1 1.848-1.848c.634-.323 1.367-.414 2.353-.445l.008-.003c.72-.676 1.303-1.13 1.98-1.35"/><path fill="currentColor" d="M14.65 9.53a3.674 3.674 0 0 0-5.1 0a3.43 3.43 0 0 0 0 4.94a3.674 3.674 0 0 0 5.1 0a.5.5 0 1 1 .7.716c-1.796 1.752-4.703 1.752-6.498 0a4.43 4.43 0 0 1 0-6.372c1.795-1.752 4.702-1.752 6.497 0a.5.5 0 0 1-.698.715"/></svg>Creators Club Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:creators-club-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:creators-club-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:creators-club-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--creators-club-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:creators-club-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:creators-club-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/creators-club-light.svg" alt="Creators Club Light アイコン" width="24" height="24">Stash Icons の関連アイコン
Creators Club Light アイコン のよくある質問
Creators Club Light アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Creators Club Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:creators-club-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Creators Club Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/creators-club-light.svg" alt="Creators Club Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。