Ikon Nhost
thesvg-color:nhost
Ikon Nhost (thesvg-color:nhost) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 256 × 273. 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
- 256 × 273
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="273" viewBox="0 0 256 273"><path fill="#0052cd" d="M232.105 58.517L136.962 3.68a27.88 27.88 0 0 0-27.691 0a27.68 27.68 0 0 0-13.829 23.912v7.157l-6.202-3.583a27.88 27.88 0 0 0-27.69 0a27.69 27.69 0 0 0-13.83 23.956v7.148l-6.202-3.574a27.88 27.88 0 0 0-27.682 0A27.69 27.69 0 0 0 0 82.616v171.776a13.018 13.018 0 0 0 21.071 10.194l47.175-37.143l72.768 41.92a13.2 13.2 0 0 0 13.018 0c4.01-2.32 6.509-6.62 6.509-11.252v-103.35a47.73 47.73 0 0 0-23.86-41.246l-23.862-13.752V27.618a10.322 10.322 0 0 1 15.484-8.914l95.144 54.81a30.39 30.39 0 0 1 15.184 26.24v128.722c0 3.668-1.979 7.08-5.16 8.914l-25.21 14.528V127.241a47.73 47.73 0 0 0-23.86-41.238l-58.572-33.74v19.988l49.896 28.75a30.36 30.36 0 0 1 15.185 26.24V259.4c0 4.606 2.491 8.931 6.51 11.252a13.21 13.21 0 0 0 13.017 0l31.726-18.282c8.53-4.922 13.837-14.076 13.837-23.929V99.721a47.85 47.85 0 0 0-23.895-41.204m-104.143 69.986a30.36 30.36 0 0 1 15.184 26.25v95.885l-60.244-34.711l19.34-15.202a27.42 27.42 0 0 0 10.543-21.685v-59.255l15.185 8.727zm-32.528-18.742v69.245c0 3.182-1.442 6.142-3.933 8.087l-74.158 58.35V82.591a10.314 10.314 0 0 1 15.475-8.915L47.72 82.25v122.757l17.343-13.649V55.105a10.314 10.314 0 0 1 15.484-8.915l14.886 8.565v34.993L78.099 79.75v20.005l17.352 10.006z"/></svg>Cara memakai ikon Nhost
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:nhost" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:nhost" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:nhost" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--nhost]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:nhost"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:nhost"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/nhost.svg" alt="Ikon Nhost" width="24" height="24">Ikon Nhost di set ikon lain
FAQ Ikon Nhost
Apakah ikon Nhost 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 Nhost di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:nhost" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Nhost ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/nhost.svg" alt="Ikon Nhost">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.