Glink アイコン
token-branded:glink
Glink アイコン(token-branded:glink)は、Web3 Icons Branded セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG48m5keqp)" fill-rule="evenodd" d="M15.6 6.6L12.005 3L8.4 6.6zm-1.43-.585l-2.165-2.173L9.83 6.01h4.338z" clip-rule="evenodd"/><path fill="url(#SVG6Xb87ckW)" fill-rule="evenodd" d="M15.6 17.4L12.005 21L8.4 17.4zm-1.43.585l-2.165 2.174l-2.174-2.17h4.338z" clip-rule="evenodd"/><path fill="url(#SVG7HKamd4v)" fill-rule="evenodd" d="M6.6 8.4L3 11.994l3.6 3.604zm-.585 1.43l-2.173 2.165l2.169 2.173V9.83z" clip-rule="evenodd"/><path fill="url(#SVGIyXz8cLp)" fill-rule="evenodd" d="m17.4 8.418l3.6 3.595l-3.6 3.6v-7.2zm.585 1.43l2.173 2.165l-2.169 2.174V9.849z" clip-rule="evenodd"/><path fill="url(#SVGkljOA2AH)" d="M6.6 15.57v1.83h1.83zm8.968 1.83H17.4v-1.83zM17.4 8.433V6.601h-1.832zM8.43 6.601H6.6v1.831z"/><path fill="url(#SVGGZWYFbmc)" d="m10.637 12.823l.27.265a1.625 1.625 0 0 0 2.295 0l1.471-1.471a1.623 1.623 0 0 0-2.295-2.295l-.778.779c.243-.046.806-.068 1.13.152l.283-.283a.729.729 0 0 1 1.03 1.03l-1.503 1.495a.67.67 0 0 1-.94 0c-.063-.068-.202-.27-.225-.419l-.738.742zm2.727-1.647l-.27-.265a1.625 1.625 0 0 0-2.295 0l-1.472 1.471a1.623 1.623 0 1 0 2.295 2.295l.779-.778c-.243.045-.806.067-1.13-.153l-.283.283a.728.728 0 0 1-1.03-1.03L11.46 11.5a.666.666 0 0 1 .941 0c.063.068.202.27.225.418z"/><defs><linearGradient id="SVG48m5keqp" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#bd8e3c"/><stop offset="1" stop-color="#ebcf66"/></linearGradient><linearGradient id="SVG6Xb87ckW" x1="12" x2="12" y1="21" y2="3" gradientUnits="userSpaceOnUse"><stop stop-color="#ebc759"/><stop offset="1" stop-color="#c78b35"/></linearGradient><linearGradient id="SVG7HKamd4v" x1="18.458" x2="18.458" y1="6.959" y2="19.897" gradientUnits="userSpaceOnUse"><stop stop-color="#c98b36"/><stop offset="1" stop-color="#e5c651"/></linearGradient><linearGradient id="SVGIyXz8cLp" x1="3" x2="3" y1="4.091" y2="18.941" gradientUnits="userSpaceOnUse"><stop stop-color="#c6883b"/><stop offset="1" stop-color="#e8ca63"/></linearGradient><linearGradient id="SVGkljOA2AH" x1="2.34" x2="20.295" y1="4.336" y2="21.001" gradientUnits="userSpaceOnUse"><stop stop-color="#c18843"/><stop offset="1" stop-color="#e9d055"/></linearGradient><linearGradient id="SVGGZWYFbmc" x1="9.571" x2="14.489" y1="14.556" y2="9.871" gradientUnits="userSpaceOnUse"><stop stop-color="#c68e3b"/><stop offset="1" stop-color="#e4c247"/></linearGradient></defs></g></svg>Glink アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:glink" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:glink" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:glink" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--glink]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:glink"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:glink"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/glink.svg" alt="Glink アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Glink アイコン
Glink アイコン のよくある質問
Glink アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Glink アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:glink" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Glink アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/glink.svg" alt="Glink アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。