Clout アイコン
game-icons:clout
Clout アイコン(game-icons:clout)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m33.107 27.95l145.817 205.456L58.3 236.428l127.833 107.056l-99.274 18.84l188.798 64.412c-27.16-26.503-51.394-55.114-71.83-84.88l15.406-10.577c39.313 57.257 93.652 110.5 155.83 151.78c26.423-5.435 52.822-21.64 73.036-42.826c20.17-21.14 33.822-46.97 36.597-70.004c-43.09-60.1-94.658-111.11-156.87-151.148l10.112-15.717c30.99 19.946 59.436 42.53 85.55 67.483L378.963 86.6l-39.83 97.197L249.395 60.35l-3.14 124.414L33.108 27.95zm398.788 304.42l10.552 15.425c-34.503 23.6-64.288 57.193-90.49 92.758l-15.045-11.086c26.87-36.472 57.815-71.673 94.983-97.096z"/></svg>Clout アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:clout" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:clout" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:clout" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--clout]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:clout"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:clout"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/clout.svg" alt="Clout アイコン" width="24" height="24">Clout アイコン のよくある質問
Clout アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Clout アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:clout" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clout アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/clout.svg" alt="Clout アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。