Ikon Native Instruments Light

thesvg-color:native-instruments-light

Ikon Native Instruments Light (thesvg-color:native-instruments-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 405 × 45. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: theSVG Color
Pembuat: thesvg.org
Lisensi: MIT
Ukuran: 405 × 45
Tag: nativeinstruments, instrumentslight, nativeinstrumentslight, instrument

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="405" height="45" viewBox="0 0 405 45"><path fill="#fff" 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="#fff" 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="#fff" 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="#fff" 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="#fff" 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>

Cara memakai ikon Native Instruments Light

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/native-instruments-light.svg" alt="Ikon Native Instruments Light" width="24" height="24">

Ikon terkait di theSVG Color

FAQ Ikon Native Instruments Light

Apakah ikon Native Instruments Light gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Native Instruments Light di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:native-instruments-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Native Instruments Light ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/native-instruments-light.svg" alt="Ikon Native Instruments Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →