Ikon Nbk
thesvg-color:nbk
Ikon Nbk (thesvg-color:nbk) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 195 × 93. 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
- 195 × 93
Kode 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>Cara memakai ikon 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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nbk"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/nbk.svg" alt="Ikon Nbk" width="24" height="24">FAQ Ikon Nbk
Apakah ikon Nbk 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 Nbk di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:nbk" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Nbk ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/nbk.svg" alt="Ikon Nbk">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.