Nab アイコン
thesvg-color:nab
Nab アイコン(thesvg-color:nab)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 60 × 30 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 60 × 30
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="30" viewBox="0 0 60 30"><defs><linearGradient id="SVGyDMUrdwt" x1="-.61%" x2="99.92%" y1="50.05%" y2="50.05%"><stop offset="0%" stop-color="#ed0000"/><stop offset="7.73%" stop-color="#e90000"/><stop offset="64.86%" stop-color="#d10000"/><stop offset="100%" stop-color="#c80000"/></linearGradient><linearGradient id="SVGqPMLycvG" x1="50.01%" x2="50.01%" y1="99.02%" y2=".46%"><stop offset="0%" stop-color="#a50000" stop-opacity="0"/><stop offset="100%" stop-color="#a50000"/></linearGradient></defs><g fill="none"><path fill="#fff" d="M36.828 15.75c0 .524.15.599.376.599c.225 0 .376-.075.376-.075v.824c-.075 0-.226.075-.527.075c-.451 0-.752-.15-.827-.225c-.15-.075-.376-.3-.376-.9v-2.172h-.903v-.824h.903v-1.199h.978v1.199h.978v.824h-.978zm4.062-2.698c-.827 0-1.203.524-1.354.674v-2.098h-.978v5.47h.978v-2.173c0-.524.376-1.124.978-1.124c.828 0 .828.675.828.974v2.323h.978V14.55c.075-1.048-.527-1.498-1.43-1.498m9.48 0c-.828 0-1.204.524-1.354.674v-.6h-.978v3.972h.978v-2.173c0-.524.376-1.124.978-1.124c.827 0 .827.675.827.974v2.323h.978V14.55c.076-1.048-.526-1.498-1.43-1.498zm-3.01 4.046h-.978s-.15-.225-.225-.45c-.075.075-.452.525-1.43.525c-.752 0-1.504-.3-1.504-1.199c0-.75.601-.974.827-1.124c.226-.075.527-.15.828-.15c.451-.075.752-.075.978-.15c.15-.074.3-.074.3-.224c0-.075-.074-.525-.902-.525c-.301 0-.978 0-.978.675h-.903c0-1.2 1.279-1.499 1.956-1.499c.903 0 1.806.375 1.806 1.424v2.098c0 .374.15.599.226.599zm-1.203-1.948c-.075 0-.226.075-.376.075c-.226.075-.452.075-.678.075c-.3 0-.526.075-.677.15a.41.41 0 0 0-.225.374c0 .45.526.525.752.525c.602 0 1.129-.3 1.129-.974v-.225zm.15 6.668c0 1.124-.752 2.098-2.182 2.098s-2.181-.9-2.181-2.098c0-1.199.752-2.098 2.181-2.098s2.182.974 2.182 2.098m-1.053 0c0-.674-.451-1.274-1.129-1.274c-.752 0-1.128.6-1.128 1.274s.451 1.274 1.128 1.274c.753 0 1.129-.6 1.129-1.274m4.213-2.098c-.828 0-1.204.525-1.354.675v-.6h-.978v3.971h.978v-2.173c0-.524.376-1.049.978-1.049c.827 0 .827.675.827.974v2.323h.979v-2.547c0-1.124-.602-1.574-1.43-1.574m-.075 0c-.828 0-1.204.525-1.354.675v-.6h-.978v3.971h.978v-2.173c0-.524.376-1.124.978-1.124c.827 0 .827.675.827.975v2.322h.978V21.22c.076-1.05-.526-1.499-1.43-1.499zm-8.276.75c-.075-.3-.226-.45-.451-.6a1.27 1.27 0 0 0-.753-.225c-.827 0-1.128.45-1.279.75c-.075-.3-.225-.45-.451-.6a1.27 1.27 0 0 0-.753-.225c-.752 0-1.053.525-1.203.675v-.6h-.978v3.971h.978v-2.172c0-.225.075-1.124.827-1.124c.376 0 .677.224.677.899v2.322h.978V21.37c0-.225.076-1.124.828-1.124c.376 0 .677.224.677.899v2.322h.978v-2.172c0 .224.075-.45-.075-.825m14.821 1.348v.3h-3.235c.15.974.903.974 1.204.974c.978 0 1.053-.45 1.053-.525h.903c0 .45-.602 1.349-2.031 1.349c-1.28 0-2.182-.824-2.182-2.098c0-1.199.827-2.098 2.182-2.098s2.106.9 2.106 2.098m-1.053-.374c0-.15-.075-.9-1.053-.9s-1.129.75-1.129.9zm4.288-1.649l-.978 2.997l-.978-2.997h-.978l1.43 4.27v.076c-.15.3-.527.6-.978.6c-.076 0-.377 0-.452-.076v.75s.226.074.527.074c1.128 0 1.505-.524 1.806-1.498L60 19.72h-.828v.074zM46.307 8.032c0 1.124-.752 2.098-2.182 2.098s-2.181-.9-2.181-2.098c0-1.199.752-2.098 2.181-2.098s2.182.974 2.182 2.098m-1.053 0c0-.674-.451-1.274-1.129-1.274c-.752 0-1.128.6-1.128 1.274s.451 1.274 1.128 1.274c.753 0 1.129-.525 1.129-1.274m-4.138-1.274c-.075-.3-.226-.45-.451-.6a1.27 1.27 0 0 0-.753-.224c-.827 0-1.128.45-1.279.75c-.075-.3-.225-.45-.451-.6a1.27 1.27 0 0 0-.753-.225c-.752 0-1.053.525-1.203.675v-.6h-.978v3.971h.978V7.732c0-.224.075-1.124.827-1.124c.376 0 .677.225.677.9V9.83h.978V7.657c0-.224.076-1.123.828-1.123c.376 0 .677.224.677.899v2.322h.978V7.582c0 .225.075-.45-.075-.824m8.05-.749c-.827 0-1.053.525-1.128.674v-.599h-.978v3.971h.978V8.032c0-.225.075-1.199 1.053-1.199c.3 0 .451.075.451.075l.15-.824c-.15-.075-.3-.075-.526-.075m5.116 2.098v.3h-3.235c.15.974.903.974 1.204.974c.978 0 1.053-.45 1.053-.525h.978c0 .45-.602 1.349-2.031 1.349c-1.28 0-2.182-.824-2.182-2.098c0-1.199.828-2.098 2.182-2.098c1.279 0 2.031.9 2.031 2.098m-.978-.45c0-.15-.075-.899-1.053-.899s-1.129.75-1.129.9z"/><path fill="#ed0000" d="m29.304 21.144l-4.965-6.219l4.965-6.219c.301-.374.15-.674-.3-.674h-1.882c-.075 0-.225.075-.3.15l-6.47 6.743h-.377l4.965-6.219c.301-.374.15-.674-.3-.674h-1.881c-.076 0-.226.075-.301.15l-6.47 6.743h-.377l5.417-6.743c.075-.075.075-.225.075-.3L19.223.39c-.076-.45-.452-.525-.753-.15l-4.965 6.219l-7.148-3.447c-.451-.225-.677 0-.602.45l1.73 7.717L.34 14.625c-.452.225-.452.525 0 .75l7.147 3.446l-1.73 7.717c-.076.45.15.675.601.45l7.148-3.447l4.965 6.22c.301.374.602.299.753-.15l1.73-7.718h7.975c.527-.075.677-.375.376-.75z"/><path fill="url(#SVGyDMUrdwt)" d="m29.304 21.144l-4.965-6.219l4.965-6.219c.301-.374.15-.674-.3-.674h-1.882c-.075 0-.225.075-.3.15l-6.47 6.743h-.377l4.965-6.219c.301-.374.15-.674-.3-.674h-1.881c-.076 0-.226.075-.301.15l-6.47 6.743h-.377V25.94l3.01 3.746c.3.375.602.3.752-.15l1.73-7.717h7.975c.377 0 .527-.3.226-.674z"/><path fill="url(#SVGqPMLycvG)" d="M29.304 8.781L24.34 15h-3.99l6.47-6.743c.076-.075.226-.15.301-.15h1.881c.452-.075.602.3.301.674zm-4.74-.749h-1.88c-.076 0-.226.075-.302.15l-6.47 6.743H19.9l4.965-6.219c.301-.3.15-.674-.3-.674z"/></g></svg>Nab アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nab" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nab" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nab" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nab]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nab"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nab"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/nab.svg" alt="Nab アイコン" width="24" height="24">他のアイコンセットの Nab アイコン
Nab アイコン のよくある質問
Nab アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nab アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:nab" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nab アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/nab.svg" alt="Nab アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。