Ikon Hasura Icon
logos:hasura-icon
Ikon Hasura Icon (logos:hasura-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 259. 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
- 256 × 259
- Tag
- hasuraicon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" viewBox="0 0 256 259"><path fill="#1eb4d4" d="M233.5 2.057c1.607-2.47 5.207-2.79 7.142-.552c14.531 16.794 19.199 61.836 12.075 85.335l-.349 1.103c-2.53 7.701-3.244 15.84-1.785 23.745l.591 3.215l.57 3.325c1.014 6.156 1.813 12.542 1.813 17.38c0 67.721-56.216 122.652-125.587 122.652c-69.341 0-125.588-54.902-125.588-122.652c0-5.278.952-12.398 2.095-19.052l.584-3.278q.148-.805.297-1.59c1.4-7.44.876-15.087-1.299-22.382l-.427-1.363C-3.987 64.807.596 18.595 15.357 1.505c1.833-2.093 5.161-1.942 6.873.18l.27.372L40.683 29.93c4.524 5.551 12.619 6.859 18.69 2.964c19.73-12.614 43.3-19.938 68.627-19.938s48.895 7.324 68.626 19.938c5.899 3.765 13.66 2.696 18.23-2.42l.461-.544zM128 40.974c-14.88 0-28.987 3.255-41.575 9.127c-31.397 14.532-53.598 45.02-55.533 80.711a96 96 0 0 0-.148 5.087c0 52.374 43.598 94.983 97.226 94.983s97.256-42.609 97.286-94.954c0-1.686-.06-3.4-.149-5.086c-1.935-35.663-24.135-66.18-55.532-80.713c-12.619-5.9-26.695-9.155-41.575-9.155m-6.46 52.984c.86 0 1.674.378 2.203 1.038l.209.3l21.308 35.08l24.85 42.086a2.59 2.59 0 0 1 0 2.703c-.417.738-1.176 1.23-2.037 1.342l-.374.024h-20.207c-.86 0-1.673-.4-2.202-1.065l-.209-.301l-13.273-22.468l-14.79 22.554a2.77 2.77 0 0 1-1.998 1.23l-.354.02H94.161c-1.041 0-1.994-.552-2.47-1.424a2.7 2.7 0 0 1-.068-2.463l.187-.326l27.35-40.75l-20.386-33.453c-.506-.843-.535-1.889-.03-2.732a2.8 2.8 0 0 1 2.066-1.37l.375-.025z"/></svg>Cara memakai ikon Hasura Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:hasura-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:hasura-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:hasura-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hasura-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hasura-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:hasura-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/hasura-icon.svg" alt="Ikon Hasura Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Hasura Icon
Apakah ikon Hasura Icon 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 Hasura Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:hasura-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hasura Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/hasura-icon.svg" alt="Ikon Hasura Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.