haiku icon logo
haiku-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- haiku-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×295
- License
- CC0
Use the haiku icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosHaikuIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 295"><defs><linearGradient id="SVGgmD7jdIF" x1="49.084%" x2="49.084%" y1="4.311%" y2="95.786%"><stop offset="0%" stopColor="#f1cb2b"/><stop offset="100%" stopColor="#d62b5f"/></linearGradient><linearGradient id="SVGztE1eoho" x1="143.212%" x2="143.212%" y1="-204.867%" y2="86.05%"><stop offset="0%" stopColor="#f1cb2b"/><stop offset="100%" stopColor="#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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-haiku-icon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20295%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGgmD7jdIF%22%20x1%3D%2249.084%25%22%20x2%3D%2249.084%25%22%20y1%3D%224.311%25%22%20y2%3D%2295.786%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f1cb2b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d62b5f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGztE1eoho%22%20x1%3D%22143.212%25%22%20x2%3D%22143.212%25%22%20y1%3D%22-204.867%25%22%20y2%3D%2286.05%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f1cb2b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d62b5f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGgmD7jdIF)%22%20d%3D%22m206.69.891l-1.84-.653a8.5%208.5%200%200%200-6.172.864c-12.609%205.145-26.62%2010.896-40.565%2016.76c-2.514%201.056-2.503%204.614.013%205.661l33.83%2014.084a3.08%203.08%200%200%201%201.896%202.84c.017%2011.08.165%2021.452.026%2032.547A3.07%203.07%200%200%201%20192%2075.782l-89.07%2037.502c-2.027.853-4.27-.636-4.27-2.836l.004-83.527c0-3.205-1.793-5.64-4.485-6.998a9%209%200%200%200-.792-.382L48.854.677a8.52%208.52%200%200%200-7.51.42A5287%205287%200%200%200%201.885%2017.394c-2.49%201.04-2.521%204.55-.054%205.642l33.153%2014.657a3.08%203.08%200%200%201%201.832%202.813v106.602c.26%201.163.73%202.16%201.364%202.983c.646%201.078%201.71%202.026%203.308%202.783l97.96%2046.618l.528.206a7.9%207.9%200%200%200%203.53.827l.57-.02a8.034%208.034%200%200%200%207.419-8.042v-32.891c0-1.34.866-2.526%202.144-2.932l36.273-11.528a3.076%203.076%200%200%201%204.007%202.933l-.043%20141.388a3.08%203.08%200%200%200%201.913%202.85l1.678.685q.812.329%201.672.489a10.13%2010.13%200%200%200%207.062-.191l44.413-18.168c1.706-.746%202.865-1.582%203.592-2.523c1.112-1.17%201.796-2.711%201.796-4.918V26.928c0-2.39-1.089-4.344-2.753-5.74a8.6%208.6%200%200%200-2.523-1.644z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGztE1eoho)%22%20d%3D%22M98.85%20228.987a3.08%203.08%200%200%200-1.756-2.808l-49.43-23.491a7.963%207.963%200%200%200-10.458%204.32q-.24.581-.389%201.186v81.225c0%201.227.73%202.336%201.855%202.823l2.587%201.118q.399.162.811.283a8.5%208.5%200%200%200%206.963.23l44.032-17.544a8.69%208.69%200%200%200%205.38-8.027a7%207%200%200%200%20.03-.715z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20295%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGgmD7jdIF%22%20x1%3D%2249.084%25%22%20x2%3D%2249.084%25%22%20y1%3D%224.311%25%22%20y2%3D%2295.786%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f1cb2b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d62b5f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGztE1eoho%22%20x1%3D%22143.212%25%22%20x2%3D%22143.212%25%22%20y1%3D%22-204.867%25%22%20y2%3D%2286.05%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23f1cb2b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23d62b5f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGgmD7jdIF)%22%20d%3D%22m206.69.891l-1.84-.653a8.5%208.5%200%200%200-6.172.864c-12.609%205.145-26.62%2010.896-40.565%2016.76c-2.514%201.056-2.503%204.614.013%205.661l33.83%2014.084a3.08%203.08%200%200%201%201.896%202.84c.017%2011.08.165%2021.452.026%2032.547A3.07%203.07%200%200%201%20192%2075.782l-89.07%2037.502c-2.027.853-4.27-.636-4.27-2.836l.004-83.527c0-3.205-1.793-5.64-4.485-6.998a9%209%200%200%200-.792-.382L48.854.677a8.52%208.52%200%200%200-7.51.42A5287%205287%200%200%200%201.885%2017.394c-2.49%201.04-2.521%204.55-.054%205.642l33.153%2014.657a3.08%203.08%200%200%201%201.832%202.813v106.602c.26%201.163.73%202.16%201.364%202.983c.646%201.078%201.71%202.026%203.308%202.783l97.96%2046.618l.528.206a7.9%207.9%200%200%200%203.53.827l.57-.02a8.034%208.034%200%200%200%207.419-8.042v-32.891c0-1.34.866-2.526%202.144-2.932l36.273-11.528a3.076%203.076%200%200%201%204.007%202.933l-.043%20141.388a3.08%203.08%200%200%200%201.913%202.85l1.678.685q.812.329%201.672.489a10.13%2010.13%200%200%200%207.062-.191l44.413-18.168c1.706-.746%202.865-1.582%203.592-2.523c1.112-1.17%201.796-2.711%201.796-4.918V26.928c0-2.39-1.089-4.344-2.753-5.74a8.6%208.6%200%200%200-2.523-1.644z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGztE1eoho)%22%20d%3D%22M98.85%20228.987a3.08%203.08%200%200%200-1.756-2.808l-49.43-23.491a7.963%207.963%200%200%200-10.458%204.32q-.24.581-.389%201.186v81.225c0%201.227.73%202.336%201.855%202.823l2.587%201.118q.399.162.811.283a8.5%208.5%200%200%200%206.963.23l44.032-17.544a8.69%208.69%200%200%200%205.38-8.027a7%207%200%200%200%20.03-.715z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/haiku-icon.svg?color=%231a73e8&size=48
