Ikon Haiku
logos:haiku
Ikon Haiku (logos:haiku) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 132. 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 × 132
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="132" viewBox="0 0 512 132"><defs><linearGradient id="SVGgmD7jdIF" x1="49.084%" x2="49.084%" y1="4.311%" y2="95.786%"><stop offset="0%" stop-color="#f1cb2b"/><stop offset="100%" stop-color="#d62b5f"/></linearGradient><linearGradient id="SVGztE1eoho" x1="143.212%" x2="143.212%" y1="-204.867%" y2="86.05%"><stop offset="0%" stop-color="#f1cb2b"/><stop offset="100%" stop-color="#d62b5f"/></linearGradient></defs><path d="M275.943 39.187c23.798 0 33.263 8.384 33.263 23.123v35.697c0 6.49.27 11.223 2.434 16.496h-25.96c-1.353-2.028-2.3-4.462-2.84-7.03c-4.733 6.49-11.358 8.923-20.418 8.923c-15.28 0-23.934-9.33-23.934-22.446c0-14.468 8.249-22.716 31.912-25.691l11.764-1.487v-2.84c0-5.003-1.352-7.031-6.626-7.031s-7.166 2.163-7.302 6.76h-26.908c.54-15.685 12.71-24.474 34.616-24.474m190.763 2.028v42.73c0 7.166 2.84 9.464 7.84 9.464c6.49 0 10.414-5.408 10.414-12.575V41.215H512v73.288h-25.69v-9.194c-5.679 7.572-12.438 11.087-22.716 11.087c-12.844 0-23.932-7.437-23.932-25.826V41.215zm-294.12-21.364v34.21h28.395v-34.21h28.667v94.652H200.98V76.778h-28.395v37.725h-28.667V19.851zm173.838 21.364v73.288h-27.043V41.215zm37.899-21.364v45.298l21.768-23.934h30.29L409.472 68.8l28.126 45.703h-31.234l-15.282-26.908l-6.76 7.031v19.877H357.28V19.851zm-102.16 62.2l-5.95.947c-7.707 1.217-10.412 3.786-10.412 7.843c0 3.92 2.57 5.949 6.356 5.949c5.95 0 10.006-4.057 10.006-9.6zm50.74-76.533c7.977 0 14.873 5.95 14.873 13.927c0 7.843-6.896 13.928-14.874 13.928c-7.842 0-14.874-6.085-14.874-13.928c0-7.977 7.032-13.927 14.874-13.927"/><path fill="url(#SVGgmD7jdIF)" d="m91.94.396l-.817-.29a3.8 3.8 0 0 0-2.746.384a1866 1866 0 0 0-18.044 7.455c-1.118.47-1.114 2.053.006 2.519l15.048 6.264c.51.213.842.711.843 1.263c.008 4.93.073 9.543.012 14.478a1.36 1.36 0 0 1-.836 1.24l-39.62 16.682c-.902.38-1.9-.283-1.9-1.261l.002-37.155c0-1.425-.798-2.509-1.995-3.113a4 4 0 0 0-.352-.17L21.73.302a3.79 3.79 0 0 0-3.34.186C12.999 2.688 6.563 5.344.839 7.737C-.27 8.2-.283 9.76.815 10.247l14.747 6.52c.496.218.815.709.815 1.25v47.42c.116.517.325.96.607 1.326c.287.48.76.902 1.471 1.238l43.576 20.737l.234.092a3.5 3.5 0 0 0 1.57.368l.254-.01a3.574 3.574 0 0 0 3.3-3.576V70.98c0-.597.385-1.124.954-1.304l16.135-5.128a1.368 1.368 0 0 1 1.782 1.304l-.02 62.893c0 .556.337 1.057.852 1.267l.746.305q.362.147.744.218a4.5 4.5 0 0 0 3.141-.085l19.756-8.081c.759-.332 1.275-.704 1.598-1.123c.495-.52.8-1.206.8-2.187V11.978c0-1.063-.485-1.932-1.225-2.553a3.8 3.8 0 0 0-1.123-.731z"/><path fill="url(#SVGztE1eoho)" d="M43.97 101.859a1.37 1.37 0 0 0-.78-1.25L21.202 90.16a3.54 3.54 0 0 0-4.652 1.922a3.6 3.6 0 0 0-.173.527v36.131c0 .546.324 1.04.825 1.256l1.151.497q.177.072.36.126a3.8 3.8 0 0 0 3.098.103l19.586-7.805a3.87 3.87 0 0 0 2.394-3.57q.014-.157.013-.318z"/></svg>Cara memakai ikon Haiku
React
import { Icon } from "@iconify/react";
<Icon icon="logos:haiku" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:haiku" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:haiku" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--haiku]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:haiku"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:haiku"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/haiku.svg" alt="Ikon Haiku" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Haiku
Apakah ikon Haiku 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 Haiku di React?
Pasang @iconify/react lalu render <Icon icon="logos:haiku" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Haiku ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/haiku.svg" alt="Ikon Haiku">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.