Glmr アイコン
token-branded:glmr
Glmr アイコン(token-branded:glmr)は、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="#53cbc9" d="M8.35 9.957a5.546 5.546 0 0 1 5.595-5.498a5.545 5.545 0 0 1 5.595 5.498a.34.34 0 0 1-.34.34H8.69a.34.34 0 0 1-.34-.34"/><path fill="#cb1f7a" d="M6.892 11.757c0-.268.18-.486.404-.486H20.11c.223 0 .403.218.403.486s-.18.486-.403.486H7.296c-.224 0-.404-.218-.404-.486m-2.433 1.46c0-.268.185-.487.41-.487h9.398c.224 0 .409.219.409.486c0 .268-.185.487-.409.487H4.868c-.224 0-.409-.219-.409-.486m2.842.972c-.224 0-.41.22-.41.487c0 .268.186.486.41.486h11.344c.224 0 .409-.219.409-.486c0-.268-.185-.487-.409-.487zm-2.355 1.947c0-.268.19-.487.418-.487H9.88c.229 0 .418.219.418.487c0 .267-.19.486-.418.486H5.364c-.228 0-.418-.219-.418-.486m8.178.972c-.22 0-.394.22-.394.487s.175.486.394.486h5.54c.22 0 .395-.219.395-.486c0-.268-.175-.487-.394-.487h-5.546zm-3.8 1.946c0-.267.175-.486.394-.486h5.541c.22 0 .394.219.394.486c0 .268-.175.487-.394.487H9.714c-.218 0-.394-.22-.394-.487zm1.873-3.405c-.228 0-.413.219-.413.487c0 .267.185.486.413.486h9.39c.228 0 .413-.219.413-.486c0-.268-.185-.487-.413-.487zm-5.765-3.892a.487.487 0 1 1 .974 0a.487.487 0 0 1-.974 0m-1.946.973a.486.486 0 1 0 0 .972a.486.486 0 0 0 0-.972m1.946 1.946a.487.487 0 1 1 .974 0a.487.487 0 0 1-.974 0m-1.459.973a.487.487 0 1 0 0 .974a.487.487 0 0 0 0-.974m7.297 1.946a.486.486 0 1 1 .973 0a.486.486 0 0 1-.973 0m-2.919.973a.486.486 0 1 0 0 .972a.486.486 0 0 0 0-.972"/></g></svg>Glmr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:glmr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:glmr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:glmr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--glmr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:glmr"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:glmr"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/glmr.svg" alt="Glmr アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Glmr アイコン
Glmr アイコン のよくある質問
Glmr アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Glmr アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:glmr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Glmr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/glmr.svg" alt="Glmr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。