Nbk アイコン

Q: Nbk アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:nbk

Nbk アイコン(thesvg-color:nbk)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 195 × 93 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 195 × 93

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="195" height="93" viewBox="0 0 195 93"><path fill="#21376b" d="M79.17 27.59H34.88s-4.47 0-4.47-4.25v-5.43H25.3v5.43c0 4.25-4.51 4.25-4.51 4.25h-9.71s-4.57-.07-4.57-4.25v-9.65h4.63v9.65h9.69V18a4.29 4.29 0 0 1 4.53-4.3h5.05a4.24 4.24 0 0 1 4.53 4.22v5.43h6.51v-9.66H46v9.65h7V4.87h4.4v8.8h17.34a4.11 4.11 0 0 1 4.43 4.08Zm-21.73-4.25h17.3v-5.51h-17.3Zm48.04 4.25s4.48 0 4.48-4.29V4.87h-4.38v18.47h-7.46v-5.43a4.29 4.29 0 0 0-4.59-4.22h-6.2c-4.42 0-4.27 4.38-4.27 4.38v5.36a4 4 0 0 0 4.27 4.16h6.2v3.31H83.06v4.21h10.42a4.29 4.29 0 0 0 4.64-4.21v-3.31Zm-18.15-9.67h6.2v5.45h-6.2Zm25.8-13.05h4.41v22.72h-4.41zM12.9 44.9v17.9H6.51V39.65h9.13l15.74 17.28V39.65h6.52l-.03 23.15h-8.09z"/><path fill="#db0c28" d="m186.38 65l6.69 5.46c-28.62-1.27-118.44.28-191.14 17.65c0 0 62.25-23.09 184.45-23.11"/><path fill="#21376b" d="M182.62 17.8c2.07 2.13 5.78 5.42 5.82 8a11.75 11.75 0 0 1-2.16 7.44l-1.76-.29s2.56-4.07 2.56-5.33s.32-3-1.6-4.08a106 106 0 0 0 .91 11.16a67 67 0 0 0 1.33 7c1.17 3.41 1.6 4.54 1.6 5.41a8.3 8.3 0 0 1-.86 3.16c-.43 1.08-1.83 6.12-2.28 8.33a4 4 0 0 1-.55 2.28a1.07 1.07 0 0 1-.57 1.83a24 24 0 0 0-3.33-.13s-2.14.32-.65-1.16a5.3 5.3 0 0 1 1.82-1.11c.24-.12.21-.79.75-1.4s.95-3.64 2.35-7.81c0 0-2.86-7.07-3.59-8.13c0 0 .1 3.09.15 3.86s-5 8.87-5 12.29c0 0 .09.4-.45 1.43c0 0 .75 2.16-.54 2.16h-3.85s-1.57-.63-.07-1.5l1.58-.75a3.4 3.4 0 0 1 .82-1.42s1.64-5 3.57-9.27c0 0 .77.86-2-10.37a35 35 0 0 0-1.51-4.85s-2-3.82-2.83-4.46c0 0-6.21 5.22-17.23 5.1L154.24 46s-.3 2.84-.55 4.72a69 69 0 0 0 .55 7.69a4.9 4.9 0 0 1-.21 1.89s1.64 2-.49 2.39h-3.75s-1.57-.91 1.73-2.51a4.2 4.2 0 0 1 .34-1.53s-.07-4.09-.32-8a12 12 0 0 1-.54-3a32.3 32.3 0 0 0-.82-7.16s-.46 1-1.19 6.24a10 10 0 0 1-.26 3.86s-.63 6.64-.68 7.52a3.34 3.34 0 0 1-.24 2.18s.92 1.68-.05 2.08a4 4 0 0 1-.88.15c-3.72.22-3.6-.12-3.6-.12s-.7-.83 1-1.51c.21-.07.6-.54.83-.66a6.2 6.2 0 0 1 .73-1.83s.76-5.25.86-8.24a6.1 6.1 0 0 1 0-3.58a49 49 0 0 0 .31-7.29a36 36 0 0 0-.43-5.6s.82-4-5.29-3.32c0 0-4.57-.31-5.84-3.3c0 0-3-6.57-3.21-7.95a27 27 0 0 0-1.84-5.94s-3.86-1.18-5.15-1.69l-1-.3a3.4 3.4 0 0 0-1.33.51c-.28.22-.62-.11-.62-.11a1.22 1.22 0 0 1 .29-1.56l-.41-.74s1.62-2.94 2.94-2.94a13.2 13.2 0 0 1 3.71-.32a4.92 4.92 0 0 1 4.2-1a5.7 5.7 0 0 0 3.77 0s-1.3 2.05.64 5.13a41 41 0 0 1 2 7.55a2.75 2.75 0 0 0 1.72 1.92c.84.44 3.2.94 4.92-1.8a19.2 19.2 0 0 1 5.1-3.6a9.1 9.1 0 0 0 2.56-1.93a41 41 0 0 1 4.46-4.4c1.31-1 4.2-3.18 7-2.76c3.49.53 4 .87 7.77 4.25l7.6 6.55s1.72 1.51 2.07 1.86M93 62.76h-6.57V39.61H93Zm.29-11.71l16.2-11.44h8l-15.86 11.44l15.86 11.71h-8.13Zm-76.3-20.27h4.46v4.33h-4.46zm-7.3 0h4.47v4.33H9.69zm31.75-25.9h4.55v4.33h-4.55zm31.33 46.35a8.9 8.9 0 0 0 4.11-2.16a4.54 4.54 0 0 0 1.5-3.39A4.1 4.1 0 0 0 77.5 43a7.64 7.64 0 0 0-4.21-2.69a22.1 22.1 0 0 0-6.76-.7H45.87v23.18H66a34 34 0 0 0 6.59-.47a9.1 9.1 0 0 0 4.07-1.85a4.67 4.67 0 0 0 1.7-3.82c0-2.62-1.78-4.39-5.61-5.42M66 58.91H52.42v-5.36H66c2.33 0 4.2 1.21 4.2 2.7s-1.87 2.66-4.2 2.66m0-15.2c2.33 0 4.2 1.21 4.2 2.69s-1.87 2.69-4.2 2.69H52.42v-5.38"/></svg>

Nbk アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:nbk" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:nbk" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:nbk" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nbk]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nbk"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:nbk"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/nbk.svg" alt="Nbk アイコン" width="24" height="24">

Nbk アイコンのよくある質問

Nbk アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Nbk アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:nbk" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Nbk アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/nbk.svg" alt="Nbk アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →