Native Instruments Dark アイコン

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

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

thesvg-color:native-instruments-dark

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 405 × 45
タグ: nativeinstruments、instrumentsdark、nativeinstrumentsdark、instrument

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="405" height="45" viewBox="0 0 405 45"><path fill="#161819" d="m53.2 45l7.3-7.7L30.9 9.4C25.2 4 20.7 0 13.7 0C4.1 0 0 7.5 0 16.7v26.5h11.3v-27c0-3.3.8-5.8 3.4-5.8c1.8 0 3 1.2 5.3 3.3zm11.6-1.8H76V1.4H64.8zm98.6-13.9h11.4V43h5.3V29.3h11.4v-4.5h-28.1z"/><defs><filter id="SVG7l5lVrYg" width="120.8" height="18.8" x="98.1" y="24.8" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter><path id="SVGrKwEubVH" fill="#fff" d="M404.5 1.4H98.1v42.2h306.3V1.4z"/></defs><mask id="SVG4MomkeeN" width="120.8" height="18.8" x="98.1" y="24.8" maskUnits="userSpaceOnUse"><use href="#SVGrKwEubVH" filter="url(#SVG7l5lVrYg)"/></mask><g fill="#161819" mask="url(#SVG4MomkeeN)"><path d="M216.1 34.6q1.35-.6 2.1-1.8c.5-.8.8-1.7.8-2.8c0-1.7-.5-2.9-1.6-3.8s-2.5-1.4-4.3-1.4h-19.4V43h5.2v-3.3l20.2 3.8v-4.4l-21.9-4h16c.9.1 2-.1 2.9-.5m-17.4-3V29H212c.4 0 .8.1 1 .3c.3.2.4.5.4.9s-.1.7-.4.9s-.6.3-1 .3zM98.1 43.1h5.3V24.8h-5.3z"/></g><path fill="#161819" d="M161.7 34.1c-1.1-.8-2.9-1.4-5.6-1.8l-11.6-1.6c-.5-.1-.8-.1-1.1-.2s-.5-.2-.6-.2c-.1-.1-.2-.2-.2-.4c0-.3.2-.5.6-.7s1-.4 1.9-.5s2-.2 3.4-.2c2.7 0 5 .2 7 .7s4.1 1.2 6.1 2.2v-4.8c-1.3-.7-3-1.2-5-1.7c-2-.4-4.2-.7-6.9-.7c-2.6 0-4.7.2-6.6.7s-3.3 1.1-4.4 2.1q-1.5 1.35-1.5 3.3c0 1.3.6 2.3 1.7 3.1s3 1.3 5.5 1.7l10.7 1.4c.7.1 1.2.2 1.6.2c.4.1.6.2.8.3s.3.3.3.5c0 .3-.3.6-.8.9s-1.3.5-2.3.6s-2.2.2-3.6.2c-2.4 0-4.6-.2-6.7-.8q-3.15-.75-6.3-2.7v5c1.6.9 3.4 1.5 5.3 2s4.2.7 6.8.7c2.9 0 5.3-.3 7.2-.8c1.9-.6 3.4-1.3 4.3-2.3s1.4-2.1 1.4-3.3c.2-1.1-.3-2.1-1.4-2.9m-31.7 8l-13.9-17.2h-9.6v18.2h5.3V28.8h.7L124 43.1h11.2V24.8H130zm219.5-12.8h11.4V43h5.3V29.3h11.4v-4.5h-28.1zm-7.3 12.8l-13.9-17.2h-9.6v18.2h5.3V28.8h.7l11.5 14.3h11.2V24.8h-5.3v17.3zm-51.5 1h25.6v-4.4h-20.4v-2.8h18.2v-4.1h-18.2v-2.4h20.4V25h-25.6zm112.2-9c-1.1-.8-2.9-1.4-5.6-1.8l-11.6-1.6c-.5-.1-.8-.1-1.1-.2s-.5-.2-.6-.2c-.1-.1-.2-.2-.2-.4c0-.3.2-.5.6-.7s1-.4 1.9-.5s2-.2 3.4-.2c2.7 0 5 .2 7 .7s4.1 1.2 6.1 2.2v-4.8c-1.3-.7-3-1.2-5-1.7c-2-.4-4.2-.7-6.9-.7c-2.6 0-4.7.2-6.6.7S381 26 379.9 27q-1.5 1.35-1.5 3.3c0 1.3.6 2.3 1.7 3.1s3 1.3 5.5 1.7l10.7 1.4c.7.1 1.2.2 1.6.2c.4.1.6.2.8.3s.3.3.3.5c0 .3-.2.6-.8.9c-.5.3-1.3.5-2.3.6s-2.2.2-3.6.2c-2.4 0-4.6-.2-6.7-.8q-3.15-.75-6.3-2.7v5c1.6.9 3.4 1.5 5.3 2s4.2.7 6.8.7c2.9 0 5.3-.3 7.2-.8c1.9-.6 3.4-1.3 4.3-2.3s1.4-2.1 1.4-3.3c.2-1.1-.4-2.1-1.4-2.9m-133.2 8l-7.8-17.2h-10.1v18.2h5.3V28.9h.7l6.6 14.2h10.5l6.6-14.2h.7v14.2h5.3V24.8h-10.1zm-26.2-8.2c0 1-.3 1.9-1 2.6c-.6.8-1.6 1.4-2.9 1.9s-2.8.7-4.6.7s-3.3-.2-4.6-.7s-2.2-1.1-2.9-1.9c-.6-.8-1-1.7-1-2.6v-9.1h-5.3V34c0 2 .6 3.7 1.7 5.2q1.65 2.1 4.8 3.3c2.1.8 4.5 1.1 7.2 1.1s5.1-.4 7.2-1.1q3.15-1.2 4.8-3.3c1.1-1.4 1.7-3.2 1.7-5.2v-9.2h-5.3zm-77.2-14.3h5.3V5.9H183V1.4h-28.1v4.5h11.4zm-28.9-4.3h13.7l2.8 4.3h6.3L147.9 1.4h-7.2l-12.3 18.2h6.3zm6.5-9.9h.8l3.9 6H140z"/><defs><filter id="SVGy1UandPY" width="92.2" height="18.2" x="98.1" y="1.4" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask id="SVGw8IJzbEy" width="92.2" height="18.2" x="98.1" y="1.4" maskUnits="userSpaceOnUse"><use href="#SVGrKwEubVH" filter="url(#SVGy1UandPY)"/></mask><g fill="#161819" mask="url(#SVGw8IJzbEy)"><path d="M190.3 1.4H185v18.2h5.3zm-63.4 18.2V1.4h-5.3v17.2L107.7 1.4h-9.6v18.2h5.3V5.4h.7l11.5 14.3h11.3z"/></g><path fill="#161819" d="M223.2 19.6h25.6v-4.4h-20.4v-2.8h18.2V8.2h-18.2V5.8h20.4V1.4h-25.6zm-11 0l9.3-18.2h-6l-8.8 17.2L198 1.4h-6l9.3 18.2z"/></svg>

Native Instruments Dark アイコンの使い方

React

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

<Icon icon="thesvg-color:native-instruments-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:native-instruments-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:native-instruments-dark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:native-instruments-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/native-instruments-dark.svg" alt="Native Instruments Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

Native Instruments Dark アイコンのよくある質問

Native Instruments Dark アイコンは商用利用でも無料ですか?

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

React で Native Instruments Dark アイコンを使うには?

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

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

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

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