Icône Haiku Icon
logos:haiku-icon
L'icône Haiku Icon (logos:haiku-icon) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 295. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 256 × 295
- Mots-clés
- haikuicon
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="295" viewBox="0 0 256 295"><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 fill="url(#SVGgmD7jdIF)" d="m206.69.891l-1.84-.653a8.5 8.5 0 0 0-6.172.864c-12.609 5.145-26.62 10.896-40.565 16.76c-2.514 1.056-2.503 4.614.013 5.661l33.83 14.084a3.08 3.08 0 0 1 1.896 2.84c.017 11.08.165 21.452.026 32.547A3.07 3.07 0 0 1 192 75.782l-89.07 37.502c-2.027.853-4.27-.636-4.27-2.836l.004-83.527c0-3.205-1.793-5.64-4.485-6.998a9 9 0 0 0-.792-.382L48.854.677a8.52 8.52 0 0 0-7.51.42A5287 5287 0 0 0 1.885 17.394c-2.49 1.04-2.521 4.55-.054 5.642l33.153 14.657a3.08 3.08 0 0 1 1.832 2.813v106.602c.26 1.163.73 2.16 1.364 2.983c.646 1.078 1.71 2.026 3.308 2.783l97.96 46.618l.528.206a7.9 7.9 0 0 0 3.53.827l.57-.02a8.034 8.034 0 0 0 7.419-8.042v-32.891c0-1.34.866-2.526 2.144-2.932l36.273-11.528a3.076 3.076 0 0 1 4.007 2.933l-.043 141.388a3.08 3.08 0 0 0 1.913 2.85l1.678.685q.812.329 1.672.489a10.13 10.13 0 0 0 7.062-.191l44.413-18.168c1.706-.746 2.865-1.582 3.592-2.523c1.112-1.17 1.796-2.711 1.796-4.918V26.928c0-2.39-1.089-4.344-2.753-5.74a8.6 8.6 0 0 0-2.523-1.644z"/><path fill="url(#SVGztE1eoho)" d="M98.85 228.987a3.08 3.08 0 0 0-1.756-2.808l-49.43-23.491a7.963 7.963 0 0 0-10.458 4.32q-.24.581-.389 1.186v81.225c0 1.227.73 2.336 1.855 2.823l2.587 1.118q.399.162.811.283a8.5 8.5 0 0 0 6.963.23l44.032-17.544a8.69 8.69 0 0 0 5.38-8.027a7 7 0 0 0 .03-.715z"/></svg>Comment utiliser l'icône Haiku Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:haiku-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:haiku-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:haiku-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--haiku-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:haiku-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:haiku-icon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/haiku-icon.svg" alt="Icône Haiku Icon" width="24" height="24">Icônes similaires dans SVG Logos
FAQ : Icône Haiku Icon
L'icône Haiku Icon est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Haiku Icon dans React ?
Installez @iconify/react et affichez <Icon icon="logos:haiku-icon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Haiku Icon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/haiku-icon.svg" alt="Icône Haiku Icon">, ou collez le code SVG directement dans la page pour le styliser en CSS.