Ikon Native Instruments Dark
thesvg-color:native-instruments-dark
Ikon Native Instruments Dark (thesvg-color:native-instruments-dark) 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, instrumentsdark, nativeinstrumentsdark, instrument
Kode 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>Cara memakai ikon 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 component
<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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/native-instruments-dark.svg" alt="Ikon Native Instruments Dark" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Native Instruments Dark
Apakah ikon Native Instruments Dark 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 Dark di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:native-instruments-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Native Instruments Dark ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/native-instruments-dark.svg" alt="Ikon Native Instruments Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.