Haiku Icon アイコン
logos:haiku-icon
Haiku Icon アイコン(logos:haiku-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 295 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 295
- タグ
- haikuicon
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:haiku-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/haiku-icon.svg" alt="Haiku Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Haiku Icon アイコン のよくある質問
Haiku Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Haiku Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:haiku-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Haiku Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/haiku-icon.svg" alt="Haiku Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。