Bmx アイコン
token-branded:bmx
Bmx アイコン(token-branded:bmx)は、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="#17d5cf" d="M6.97 3.794h2.912c3.314.053 3.987.032 4.94.471c.67.327 1.254.81 1.699 1.408l.318.466l-.53-.444c-1.233-1.06-1.61-1.313-5.103-1.372H8.029v.816l2.648-.021c3.388 0 4.05.206 5.023 1.005c.54.435.683.763.17.371c-.72-.53-1.006-.794-3.605-.847H9.618v.847l2.647-.053c1.582 0 4.023.625 4.034 1.99c.01 1.366-.773 1.451-2.181 1.451c-.795 0-2.107-.021-3.008 0H9.619v.794H12c1.763.043 3.801.212 5.093 1.578c.65.688.783.98.222.487c-1.683-1.456-4.034-1.26-6.11-1.27H8.03v.793h3.177c3.68.053 4.325.096 5.082.61c.365.264 1.101 1.021 1.038 1.09c-.021.021-.196-.1-.392-.265c-.72-.603-.985-.603-4.14-.64c-2.795-.032-2.647.079-2.647.264c0 .186-.19.212 2.118.265c1.572.037 5.723-.286 4.965 2.414c-.465 1.557-6.12 1.292-7.877 1.292c-4.235 0-4.5.069-4.5.265c0 .206.386.296 5.824.264c1.64-.01 5.293 0 6.384-.556c.122-.116.217-.164.217-.116c0 .116-.588.71-.99.99c-.55.392-1.127.418-3.23.476h-2.117l-.016.81h1.477c3.092 0 4.394-.413 5.353-1.683c.428-.556.476-.487.105.137a4.9 4.9 0 0 1-1.826 1.642c-1.165.555-1.45.635-5.357.682H6.97V21h3.515c2.515-.037 5.304.079 7.252-1.816c.996-.995 1.409-2.033 1.409-3.648c0-1.514-.424-2.72-1.25-3.616a3 3 0 0 1-.434-.529c0-.042.122-.323.275-.635c.551-1.139.593-3.002.101-4.384c-.609-1.683-2.25-2.906-4.4-3.266C13.113 3.053 11.487 3 9.836 3H6.97z"/><path fill="#42acaa" d="M6.97 5.912c0 .275.042.286.773.249c.661-.043.783-.08.81-.286c.026-.201-.053-.228-.773-.228c-.757 0-.81.016-.81.265M7.5 7.5c0 .265.063.265 3.176.265s3.176 0 3.176-.265s-.064-.265-3.176-.265s-3.177 0-3.177.265"/><path fill="#17d5cf" d="M5.912 8.824h3.705l-.026-.244c-.027-.233-.037-.233-1.853-.264l-1.826-.022zm4.785-.376c-.105.344.122.402 1.642.37c1.44-.037 1.514-.047 1.514-.264c0-.212-.075-.217-1.551-.254c-1.34-.022-1.546 0-1.605.148m-3.727 6.47c0 .259.053.285.773.243c.652-.043.779-.08.81-.286c.032-.201-.058-.228-.773-.228c-.751 0-.81.027-.81.27"/><path fill="#42acaa" d="M9.088 14.912c0 .254.064.264 2.382.264c2.32 0 2.383-.01 2.383-.264s-.064-.265-2.383-.265s-2.382.01-2.382.265M5.912 15.97c0 .254.063.264 2.117.264s2.118-.01 2.118-.264c0-.255-.064-.265-2.118-.265s-2.117.01-2.117.265"/><path fill="#17d5cf" d="M11.206 15.97c0 .254.063.264 1.323.264s1.324-.01 1.324-.264s-.064-.265-1.324-.265s-1.323.01-1.323.265m-5.294 3.176c0 .254.068.265 2.117.265s2.118-.01 2.118-.265c0-.254-.069-.265-2.118-.265s-2.117.011-2.117.265"/><path fill="#42acaa" d="M4.853 21h1.059v-.53H4.853z"/></g></svg>Bmx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:bmx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:bmx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:bmx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--bmx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:bmx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:bmx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/bmx.svg" alt="Bmx アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Bmx アイコン
Bmx アイコン のよくある質問
Bmx アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bmx アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:bmx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bmx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/bmx.svg" alt="Bmx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。