haiku logo
haiku from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- haiku
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×132
- License
- CC0
Related icons in SVG Logos
Use the haiku logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosHaiku(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 132"><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 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-haiku {
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%20512%20132%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%20d%3D%22M275.943%2039.187c23.798%200%2033.263%208.384%2033.263%2023.123v35.697c0%206.49.27%2011.223%202.434%2016.496h-25.96c-1.353-2.028-2.3-4.462-2.84-7.03c-4.733%206.49-11.358%208.923-20.418%208.923c-15.28%200-23.934-9.33-23.934-22.446c0-14.468%208.249-22.716%2031.912-25.691l11.764-1.487v-2.84c0-5.003-1.352-7.031-6.626-7.031s-7.166%202.163-7.302%206.76h-26.908c.54-15.685%2012.71-24.474%2034.616-24.474m190.763%202.028v42.73c0%207.166%202.84%209.464%207.84%209.464c6.49%200%2010.414-5.408%2010.414-12.575V41.215H512v73.288h-25.69v-9.194c-5.679%207.572-12.438%2011.087-22.716%2011.087c-12.844%200-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%2021.364v73.288h-27.043V41.215zm37.899-21.364v45.298l21.768-23.934h30.29L409.472%2068.8l28.126%2045.703h-31.234l-15.282-26.908l-6.76%207.031v19.877H357.28V19.851zm-102.16%2062.2l-5.95.947c-7.707%201.217-10.412%203.786-10.412%207.843c0%203.92%202.57%205.949%206.356%205.949c5.95%200%2010.006-4.057%2010.006-9.6zm50.74-76.533c7.977%200%2014.873%205.95%2014.873%2013.927c0%207.843-6.896%2013.928-14.874%2013.928c-7.842%200-14.874-6.085-14.874-13.928c0-7.977%207.032-13.927%2014.874-13.927%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgmD7jdIF)%22%20d%3D%22m91.94.396l-.817-.29a3.8%203.8%200%200%200-2.746.384a1866%201866%200%200%200-18.044%207.455c-1.118.47-1.114%202.053.006%202.519l15.048%206.264c.51.213.842.711.843%201.263c.008%204.93.073%209.543.012%2014.478a1.36%201.36%200%200%201-.836%201.24l-39.62%2016.682c-.902.38-1.9-.283-1.9-1.261l.002-37.155c0-1.425-.798-2.509-1.995-3.113a4%204%200%200%200-.352-.17L21.73.302a3.79%203.79%200%200%200-3.34.186C12.999%202.688%206.563%205.344.839%207.737C-.27%208.2-.283%209.76.815%2010.247l14.747%206.52c.496.218.815.709.815%201.25v47.42c.116.517.325.96.607%201.326c.287.48.76.902%201.471%201.238l43.576%2020.737l.234.092a3.5%203.5%200%200%200%201.57.368l.254-.01a3.574%203.574%200%200%200%203.3-3.576V70.98c0-.597.385-1.124.954-1.304l16.135-5.128a1.368%201.368%200%200%201%201.782%201.304l-.02%2062.893c0%20.556.337%201.057.852%201.267l.746.305q.362.147.744.218a4.5%204.5%200%200%200%203.141-.085l19.756-8.081c.759-.332%201.275-.704%201.598-1.123c.495-.52.8-1.206.8-2.187V11.978c0-1.063-.485-1.932-1.225-2.553a3.8%203.8%200%200%200-1.123-.731z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGztE1eoho)%22%20d%3D%22M43.97%20101.859a1.37%201.37%200%200%200-.78-1.25L21.202%2090.16a3.54%203.54%200%200%200-4.652%201.922a3.6%203.6%200%200%200-.173.527v36.131c0%20.546.324%201.04.825%201.256l1.151.497q.177.072.36.126a3.8%203.8%200%200%200%203.098.103l19.586-7.805a3.87%203.87%200%200%200%202.394-3.57q.014-.157.013-.318z%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%20512%20132%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%20d%3D%22M275.943%2039.187c23.798%200%2033.263%208.384%2033.263%2023.123v35.697c0%206.49.27%2011.223%202.434%2016.496h-25.96c-1.353-2.028-2.3-4.462-2.84-7.03c-4.733%206.49-11.358%208.923-20.418%208.923c-15.28%200-23.934-9.33-23.934-22.446c0-14.468%208.249-22.716%2031.912-25.691l11.764-1.487v-2.84c0-5.003-1.352-7.031-6.626-7.031s-7.166%202.163-7.302%206.76h-26.908c.54-15.685%2012.71-24.474%2034.616-24.474m190.763%202.028v42.73c0%207.166%202.84%209.464%207.84%209.464c6.49%200%2010.414-5.408%2010.414-12.575V41.215H512v73.288h-25.69v-9.194c-5.679%207.572-12.438%2011.087-22.716%2011.087c-12.844%200-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%2021.364v73.288h-27.043V41.215zm37.899-21.364v45.298l21.768-23.934h30.29L409.472%2068.8l28.126%2045.703h-31.234l-15.282-26.908l-6.76%207.031v19.877H357.28V19.851zm-102.16%2062.2l-5.95.947c-7.707%201.217-10.412%203.786-10.412%207.843c0%203.92%202.57%205.949%206.356%205.949c5.95%200%2010.006-4.057%2010.006-9.6zm50.74-76.533c7.977%200%2014.873%205.95%2014.873%2013.927c0%207.843-6.896%2013.928-14.874%2013.928c-7.842%200-14.874-6.085-14.874-13.928c0-7.977%207.032-13.927%2014.874-13.927%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGgmD7jdIF)%22%20d%3D%22m91.94.396l-.817-.29a3.8%203.8%200%200%200-2.746.384a1866%201866%200%200%200-18.044%207.455c-1.118.47-1.114%202.053.006%202.519l15.048%206.264c.51.213.842.711.843%201.263c.008%204.93.073%209.543.012%2014.478a1.36%201.36%200%200%201-.836%201.24l-39.62%2016.682c-.902.38-1.9-.283-1.9-1.261l.002-37.155c0-1.425-.798-2.509-1.995-3.113a4%204%200%200%200-.352-.17L21.73.302a3.79%203.79%200%200%200-3.34.186C12.999%202.688%206.563%205.344.839%207.737C-.27%208.2-.283%209.76.815%2010.247l14.747%206.52c.496.218.815.709.815%201.25v47.42c.116.517.325.96.607%201.326c.287.48.76.902%201.471%201.238l43.576%2020.737l.234.092a3.5%203.5%200%200%200%201.57.368l.254-.01a3.574%203.574%200%200%200%203.3-3.576V70.98c0-.597.385-1.124.954-1.304l16.135-5.128a1.368%201.368%200%200%201%201.782%201.304l-.02%2062.893c0%20.556.337%201.057.852%201.267l.746.305q.362.147.744.218a4.5%204.5%200%200%200%203.141-.085l19.756-8.081c.759-.332%201.275-.704%201.598-1.123c.495-.52.8-1.206.8-2.187V11.978c0-1.063-.485-1.932-1.225-2.553a3.8%203.8%200%200%200-1.123-.731z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGztE1eoho)%22%20d%3D%22M43.97%20101.859a1.37%201.37%200%200%200-.78-1.25L21.202%2090.16a3.54%203.54%200%200%200-4.652%201.922a3.6%203.6%200%200%200-.173.527v36.131c0%20.546.324%201.04.825%201.256l1.151.497q.177.072.36.126a3.8%203.8%200%200%200%203.098.103l19.586-7.805a3.87%203.87%200%200%200%202.394-3.57q.014-.157.013-.318z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/haiku.svg?color=%231a73e8&size=48
