Ikon Nhost
logos:nhost
Ikon Nhost (logos:nhost) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 173. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 173
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="173" viewBox="0 0 512 173"><path fill="#21324b" d="M274.186 82.377h25.938V61.804h13.72v52.784h-13.72v-20.58h-25.938v20.58h-13.244V61.804h13.239v20.573zm91.993-20.573h-21.18c-5.867 0-9.44 1.104-12.14 3.805c-2.69 2.685-3.724 6.095-3.724 12.113v20.969c0 6.019 1.029 9.418 3.724 12.113c2.69 2.696 6.262 3.805 12.14 3.805h21.18c5.867 0 9.44-1.11 12.14-3.805c2.707-2.684 3.724-6.094 3.724-12.113V77.722c0-6.018-1.028-9.418-3.724-12.118c-2.706-2.696-6.273-3.8-12.14-3.8m2.614 37.195c0 3.085-1.028 3.951-4.757 3.951h-16.893c-3.724 0-4.763-.866-4.763-3.95V77.391c0-3.09 1.039-3.956 4.763-3.956h16.893c3.815 0 4.763.784 4.763 3.95V99zm46.072-16.075h18.95c5.867 0 9.515 1.11 12.14 3.805c2.377 2.381 3.724 6.251 3.724 10.446v3.172c0 4.2-1.353 7.989-3.724 10.446c-2.625 2.696-6.197 3.805-12.14 3.805h-36.162v-11.637h33.943c3.724 0 4.763-.866 4.763-3.95V97.43c0-3.091-1.04-3.957-4.763-3.957h-18.944c-5.884 0-9.527-1.12-12.14-3.805c-2.377-2.382-3.73-6.246-3.73-10.446v-3.167c0-4.2 1.342-7.994 3.73-10.446c2.624-2.701 6.18-3.805 12.134-3.805h34.278v11.632h-32.059c-3.723 0-4.757.866-4.757 3.95v1.581c0 3.096 1.034 3.962 4.763 3.962zm43.21-9.488V61.798H512v11.638h-20.297v41.152h-13.25V73.436h-20.384z"/><path fill="#0052cd" d="M229.25 61.387h-21.179c-5.867 0-9.44 1.104-12.14 3.805c-2.69 2.685-3.724 6.095-3.724 12.103v37.282h13.245V76.975c0-3.085 1.033-3.95 4.763-3.95h16.893c3.81 0 4.757.79 4.757 3.95v37.607h13.25V77.3c0-6.019-1.034-9.418-3.729-12.102c-2.69-2.707-6.257-3.816-12.135-3.816zm-81.984-24.259L86.9 2.336a17.69 17.69 0 0 0-17.569 0a17.56 17.56 0 0 0-8.774 15.171v4.541l-3.935-2.273a17.69 17.69 0 0 0-17.57 0a17.57 17.57 0 0 0-8.773 15.199v4.535l-3.935-2.268a17.69 17.69 0 0 0-17.564 0A17.57 17.57 0 0 0 0 52.418v108.989a8.26 8.26 0 0 0 13.37 6.468l29.93-23.567l46.17 26.598a8.38 8.38 0 0 0 8.26 0a8.27 8.27 0 0 0 4.13-7.14V98.194a30.28 30.28 0 0 0-15.14-26.17l-15.138-8.725V17.523a6.55 6.55 0 0 1 9.824-5.656l60.366 34.776a19.28 19.28 0 0 1 9.635 16.65v81.67a6.55 6.55 0 0 1-3.275 5.656l-15.994 9.218V80.732a30.28 30.28 0 0 0-15.14-26.165L79.837 33.16v12.682l31.658 18.24a19.26 19.26 0 0 1 9.635 16.65v83.852a8.28 8.28 0 0 0 4.13 7.14a8.38 8.38 0 0 0 8.26 0l20.129-11.6c5.412-3.123 8.779-8.93 8.779-15.183v-81.67a30.36 30.36 0 0 0-15.16-26.143M81.19 81.533a19.26 19.26 0 0 1 9.635 16.654v60.838L52.6 137.001l12.27-9.645a17.4 17.4 0 0 0 6.69-13.759V76.001l9.634 5.537zM60.551 69.64v43.934a6.48 6.48 0 0 1-2.495 5.132l-47.052 37.022V52.402a6.544 6.544 0 0 1 9.818-5.656l9.456 5.44v77.887l11.004-8.66v-86.45a6.544 6.544 0 0 1 9.824-5.656l9.445 5.434v22.202L49.552 50.6v12.692l11.01 6.35z"/></svg>Cara memakai ikon Nhost
React
import { Icon } from "@iconify/react";
<Icon icon="logos:nhost" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:nhost" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:nhost" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--nhost]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:nhost"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:nhost"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/nhost.svg" alt="Ikon Nhost" width="24" height="24">Ikon terkait di SVG Logos
Ikon Nhost di set ikon lain
FAQ Ikon Nhost
Apakah ikon Nhost gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Nhost di React?
Pasang @iconify/react lalu render <Icon icon="logos: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/logos/nhost.svg" alt="Ikon Nhost">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.