Icono Haiku
logos:haiku
El icono Haiku (logos:haiku) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 132. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 132
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/haiku.svg" alt="Icono Haiku" width="24" height="24">Iconos relacionados en SVG Logos
Preguntas frecuentes sobre Icono Haiku
¿El icono Haiku es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Haiku en React?
Instala @iconify/react y renderiza <Icon icon="logos:haiku" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Haiku a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/haiku.svg" alt="Icono Haiku">, o pega el código SVG en línea para darle estilo con CSS.