Gcr アイコン
token:gcr
Gcr アイコン(token:gcr)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.62 14.25h4.29c.068 0 .152.056.152.129v2.604c0 .023 0 .045-.01.062a.12.12 0 0 1-.046.05c-1.462.9-3.228 1.446-4.927 1.193c-1.699-.259-3.335-1.204-4.117-2.79C6.23 12 7.27 7.23 11.314 6.038c2.081-.619 4.303.101 5.962 1.445a.15.15 0 0 0 .107.028a.14.14 0 0 0 .096-.045l1.743-2.03a.06.06 0 0 0 0-.067l-.011-.023c-3.229-2.57-7.436-3.223-11.007-.979a8.34 8.34 0 0 0-3.15 3.696c-1.181 2.587-1.237 5.197-.157 7.829c1.4 3.431 4.544 5.23 8.183 5.102c2.56-.09 4.612-.855 6.62-2.503c.146-.119.17-.214.17-.394l.005-5.411c0-.04-.068-.124-.102-.124H12.62c-.05 0-.062.023-.062.074v1.535c0 .056.011.073.056.079zm.016-3.937h7.166c.039 0 .073.039.073.09v1.507c0 .05-.034.09-.073.09h-7.166c-.04 0-.073-.04-.073-.09v-1.508c0-.05.034-.09.073-.09"/></svg>Gcr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:gcr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:gcr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:gcr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--gcr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:gcr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:gcr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/gcr.svg" alt="Gcr アイコン" width="24" height="24">他のアイコンセットの Gcr アイコン
Gcr アイコン のよくある質問
Gcr アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gcr アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:gcr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gcr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/gcr.svg" alt="Gcr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。