Nahmii Background アイコン
token-branded:nahmii-background
Nahmii Background アイコン(token-branded:nahmii-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- nahmiibackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVGWdHfQb7k)" d="M24 0H0v24h24z"/><path fill="#fff" d="m10.596 5.167l-.711.402V7.41c.005.18.08.349.21.474a.704.704 0 0 0 .975 0a.68.68 0 0 0 .21-.474V5.558c.003-.428-.306-.604-.684-.39m2.809-.001l.71.402V7.41a.68.68 0 0 1-.21.474a.705.705 0 0 1-.974 0a.68.68 0 0 1-.211-.474V5.558c0-.428.307-.604.685-.39"/><path fill="#fff" d="m6.565 6.753l.71.404l2.609-1.48l.711-.402c.377-.213.686-.038.686.39v-.659c0-.382-.18-.713-.483-.885s-.685-.16-1.021.031l-3.23 1.833c-.359.215-.354.557.018.768m10.87 0l-.711.404l-2.608-1.48l-.711-.402c-.378-.213-.685-.038-.685.39v-.659c0-.382.18-.713.483-.885s.685-.16 1.021.031l3.23 1.833c.358.215.353.557-.019.768"/><path fill="#fff" d="m17.917 6.25l-.56-.319c.36.215.354.558-.017.768l-3.87 2.196c-.39.222-.93.332-1.47.33c-.54 0-1.08-.108-1.471-.33L6.66 6.7c-.37-.21-.376-.553-.017-.768l-.56.318c-.337.191-.538.51-.538.855c0 .344.2.663.538.855l3.747 2.127c.606.344 1.382.515 2.16.515h.02c.778 0 1.555-.171 2.16-.515l3.748-2.127c.337-.191.538-.51.538-.855s-.203-.664-.54-.855M6.708 16.546l.708.404l1.623-.921a.7.7 0 0 0 .333-.417a.68.68 0 0 0-.25-.73a.7.7 0 0 0-.522-.133a.7.7 0 0 0-.26.09l-1.632.928c-.377.214-.377.565 0 .78m-1.405-2.392l-.001-.805l1.622-.922a.71.71 0 0 1 .954.251a.677.677 0 0 1-.256.938l-1.633.927c-.376.214-.685.039-.686-.39"/><path fill="#fff" d="M10.12 19.186v-.808l-2.608-1.482l-.708-.404c-.377-.214-.376-.565 0-.78l-.58.33c-.336.191-.537.51-.537.855s.2.663.537.855l3.23 1.832c.368.198.666.023.666-.398M4.685 9.93l.711.403v2.962l.002.806c0 .429.31.604.687.389l-.58.33c-.336.19-.718.202-1.02.03c-.303-.171-.485-.502-.485-.884v-3.667c.01-.413.313-.58.685-.37"/><path fill="#fff" d="M4 9.77v.636c.01-.414.313-.58.685-.37l3.869 2.197c.39.222.758.627 1.027 1.088c.27.461.445.974.445 1.418v4.393c0 .421-.3.596-.668.398l.56.318c.336.191.718.203 1.02.03c.303-.171.484-.502.484-.884v-4.255c0-.687-.237-1.434-.626-2.097l-.005-.008l-.005-.008c-.389-.663-.928-1.239-1.533-1.58l-3.749-2.13c-.336-.19-.718-.202-1.02-.03S4 9.387 4 9.77m14.697 4.385l.002-.805l-1.623-.921a.71.71 0 0 0-.96.248a.68.68 0 0 0 .262.941l1.633.927c.376.213.685.038.686-.39m-1.405 2.391l-.708.405l-1.623-.922a.7.7 0 0 1-.333-.417a.67.67 0 0 1 .068-.526a.7.7 0 0 1 .43-.321a.7.7 0 0 1 .533.075l1.633.927c.377.214.377.565 0 .78"/><path fill="#fff" d="m19.316 9.93l-.712.403v2.962l-.002.806c0 .429-.31.604-.687.389l.58.33c.336.19.717.202 1.02.03c.303-.171.483-.502.483-.884v-3.667c-.008-.413-.311-.58-.683-.37m-5.435 9.257v-.808l2.608-1.482l.709-.404c.377-.214.376-.565 0-.78l.58.33c.336.191.537.51.537.855s-.201.663-.538.855l-3.23 1.834c-.367.196-.666.021-.666-.4"/><path fill="#fff" d="m14.083 19.848l.56-.318c-.37.199-.668.023-.668-.398v-4.393c0-.444.173-.959.444-1.418c.271-.46.636-.866 1.027-1.088l3.87-2.197c.37-.21.674-.044.684.37V9.77c0-.383-.18-.713-.483-.885s-.685-.16-1.021.03l-3.748 2.129c-.606.343-1.145.919-1.533 1.58l-.005.009l-.005.008c-.389.662-.626 1.41-.626 2.096v4.256c0 .382.18.713.483.885s.685.16 1.021-.031"/></g><defs><linearGradient id="SVGWdHfQb7k" x1="10.584" x2="10.584" y1="7.394" y2="5.187" gradientUnits="userSpaceOnUse"><stop stop-color="#902784"/><stop offset=".07" stop-color="#842885"/><stop offset=".35" stop-color="#5e2d87"/><stop offset=".6" stop-color="#433089"/><stop offset=".83" stop-color="#32328a"/><stop offset=".99" stop-color="#2c338a"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Nahmii Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:nahmii-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:nahmii-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:nahmii-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--nahmii-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:nahmii-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:nahmii-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/nahmii-background.svg" alt="Nahmii Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Nahmii Background アイコン のよくある質問
Nahmii Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nahmii Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:nahmii-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nahmii Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/nahmii-background.svg" alt="Nahmii Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。