waku logo

waku from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: waku
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

Use the waku logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#dd2e44" d="M10.666 16a7.114 7.114 0 0 0-7.111 7.111c0 3.926 2.61 6.166 7.111 7.112c0 0 2.003.607 7.111 1.316V48H7.111A7.114 7.114 0 0 0 0 55.111a7.114 7.114 0 0 0 7.111 7.112h10.666v53.332a7.114 7.114 0 0 0 7.112 7.111A7.114 7.114 0 0 0 32 115.555V62.223h64v53.332a7.114 7.114 0 0 0 7.111 7.111a7.114 7.114 0 0 0 7.112-7.111V62.223h10.666A7.114 7.114 0 0 0 128 55.11a7.114 7.114 0 0 0-7.111-7.11h-10.666V31.54c5.108-.71 7.111-1.317 7.111-1.317c4.334-1 7.111-3.186 7.111-7.112A7.114 7.114 0 0 0 117.334 16zM32 32.902c6.412.412 14.564.735 24.889.838V48H32zm64 0V48H71.111V33.74c10.325-.103 18.477-.426 24.889-.838"/><path fill="#292f33" d="M127.666 12.444c0 3.926-2.343 6.39-6.784 7.112c0 0-14.222 3.555-56.886 3.555c-42.66 0-56.878-3.555-56.878-3.555c-4.163-.669-6.73-3.15-6.73-7.076c0-3.929-.75-10.702 3.175-10.702c0 0 14.218 7.11 60.433 7.11s60.438-7.11 60.438-7.11c3.929 0 3.232 6.738 3.232 10.666M39.111 119.111A7.114 7.114 0 0 1 32 126.222H17.778a7.114 7.114 0 0 1-7.111-7.11a7.114 7.114 0 0 1 7.11-7.112H32a7.114 7.114 0 0 1 7.111 7.111m78.222 0a7.114 7.114 0 0 1-7.11 7.111H96a7.114 7.114 0 0 1-7.111-7.11A7.114 7.114 0 0 1 96 112h14.222a7.114 7.114 0 0 1 7.111 7.111"/></svg>

React

import type { SVGProps } from "react";

export function DeviconWaku(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#dd2e44" d="M10.666 16a7.114 7.114 0 0 0-7.111 7.111c0 3.926 2.61 6.166 7.111 7.112c0 0 2.003.607 7.111 1.316V48H7.111A7.114 7.114 0 0 0 0 55.111a7.114 7.114 0 0 0 7.111 7.112h10.666v53.332a7.114 7.114 0 0 0 7.112 7.111A7.114 7.114 0 0 0 32 115.555V62.223h64v53.332a7.114 7.114 0 0 0 7.111 7.111a7.114 7.114 0 0 0 7.112-7.111V62.223h10.666A7.114 7.114 0 0 0 128 55.11a7.114 7.114 0 0 0-7.111-7.11h-10.666V31.54c5.108-.71 7.111-1.317 7.111-1.317c4.334-1 7.111-3.186 7.111-7.112A7.114 7.114 0 0 0 117.334 16zM32 32.902c6.412.412 14.564.735 24.889.838V48H32zm64 0V48H71.111V33.74c10.325-.103 18.477-.426 24.889-.838"/><path fill="#292f33" d="M127.666 12.444c0 3.926-2.343 6.39-6.784 7.112c0 0-14.222 3.555-56.886 3.555c-42.66 0-56.878-3.555-56.878-3.555c-4.163-.669-6.73-3.15-6.73-7.076c0-3.929-.75-10.702 3.175-10.702c0 0 14.218 7.11 60.433 7.11s60.438-7.11 60.438-7.11c3.929 0 3.232 6.738 3.232 10.666M39.111 119.111A7.114 7.114 0 0 1 32 126.222H17.778a7.114 7.114 0 0 1-7.111-7.11a7.114 7.114 0 0 1 7.11-7.112H32a7.114 7.114 0 0 1 7.111 7.111m78.222 0a7.114 7.114 0 0 1-7.11 7.111H96a7.114 7.114 0 0 1-7.111-7.11A7.114 7.114 0 0 1 96 112h14.222a7.114 7.114 0 0 1 7.111 7.111"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#dd2e44" d="M10.666 16a7.114 7.114 0 0 0-7.111 7.111c0 3.926 2.61 6.166 7.111 7.112c0 0 2.003.607 7.111 1.316V48H7.111A7.114 7.114 0 0 0 0 55.111a7.114 7.114 0 0 0 7.111 7.112h10.666v53.332a7.114 7.114 0 0 0 7.112 7.111A7.114 7.114 0 0 0 32 115.555V62.223h64v53.332a7.114 7.114 0 0 0 7.111 7.111a7.114 7.114 0 0 0 7.112-7.111V62.223h10.666A7.114 7.114 0 0 0 128 55.11a7.114 7.114 0 0 0-7.111-7.11h-10.666V31.54c5.108-.71 7.111-1.317 7.111-1.317c4.334-1 7.111-3.186 7.111-7.112A7.114 7.114 0 0 0 117.334 16zM32 32.902c6.412.412 14.564.735 24.889.838V48H32zm64 0V48H71.111V33.74c10.325-.103 18.477-.426 24.889-.838"/><path fill="#292f33" d="M127.666 12.444c0 3.926-2.343 6.39-6.784 7.112c0 0-14.222 3.555-56.886 3.555c-42.66 0-56.878-3.555-56.878-3.555c-4.163-.669-6.73-3.15-6.73-7.076c0-3.929-.75-10.702 3.175-10.702c0 0 14.218 7.11 60.433 7.11s60.438-7.11 60.438-7.11c3.929 0 3.232 6.738 3.232 10.666M39.111 119.111A7.114 7.114 0 0 1 32 126.222H17.778a7.114 7.114 0 0 1-7.111-7.11a7.114 7.114 0 0 1 7.11-7.112H32a7.114 7.114 0 0 1 7.111 7.111m78.222 0a7.114 7.114 0 0 1-7.11 7.111H96a7.114 7.114 0 0 1-7.111-7.11A7.114 7.114 0 0 1 96 112h14.222a7.114 7.114 0 0 1 7.111 7.111"/></svg>
</template>

CSS

.icon-waku {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M10.666%2016a7.114%207.114%200%200%200-7.111%207.111c0%203.926%202.61%206.166%207.111%207.112c0%200%202.003.607%207.111%201.316V48H7.111A7.114%207.114%200%200%200%200%2055.111a7.114%207.114%200%200%200%207.111%207.112h10.666v53.332a7.114%207.114%200%200%200%207.112%207.111A7.114%207.114%200%200%200%2032%20115.555V62.223h64v53.332a7.114%207.114%200%200%200%207.111%207.111a7.114%207.114%200%200%200%207.112-7.111V62.223h10.666A7.114%207.114%200%200%200%20128%2055.11a7.114%207.114%200%200%200-7.111-7.11h-10.666V31.54c5.108-.71%207.111-1.317%207.111-1.317c4.334-1%207.111-3.186%207.111-7.112A7.114%207.114%200%200%200%20117.334%2016zM32%2032.902c6.412.412%2014.564.735%2024.889.838V48H32zm64%200V48H71.111V33.74c10.325-.103%2018.477-.426%2024.889-.838%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M127.666%2012.444c0%203.926-2.343%206.39-6.784%207.112c0%200-14.222%203.555-56.886%203.555c-42.66%200-56.878-3.555-56.878-3.555c-4.163-.669-6.73-3.15-6.73-7.076c0-3.929-.75-10.702%203.175-10.702c0%200%2014.218%207.11%2060.433%207.11s60.438-7.11%2060.438-7.11c3.929%200%203.232%206.738%203.232%2010.666M39.111%20119.111A7.114%207.114%200%200%201%2032%20126.222H17.778a7.114%207.114%200%200%201-7.111-7.11a7.114%207.114%200%200%201%207.11-7.112H32a7.114%207.114%200%200%201%207.111%207.111m78.222%200a7.114%207.114%200%200%201-7.11%207.111H96a7.114%207.114%200%200%201-7.111-7.11A7.114%207.114%200%200%201%2096%20112h14.222a7.114%207.114%200%200%201%207.111%207.111%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M10.666%2016a7.114%207.114%200%200%200-7.111%207.111c0%203.926%202.61%206.166%207.111%207.112c0%200%202.003.607%207.111%201.316V48H7.111A7.114%207.114%200%200%200%200%2055.111a7.114%207.114%200%200%200%207.111%207.112h10.666v53.332a7.114%207.114%200%200%200%207.112%207.111A7.114%207.114%200%200%200%2032%20115.555V62.223h64v53.332a7.114%207.114%200%200%200%207.111%207.111a7.114%207.114%200%200%200%207.112-7.111V62.223h10.666A7.114%207.114%200%200%200%20128%2055.11a7.114%207.114%200%200%200-7.111-7.11h-10.666V31.54c5.108-.71%207.111-1.317%207.111-1.317c4.334-1%207.111-3.186%207.111-7.112A7.114%207.114%200%200%200%20117.334%2016zM32%2032.902c6.412.412%2014.564.735%2024.889.838V48H32zm64%200V48H71.111V33.74c10.325-.103%2018.477-.426%2024.889-.838%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M127.666%2012.444c0%203.926-2.343%206.39-6.784%207.112c0%200-14.222%203.555-56.886%203.555c-42.66%200-56.878-3.555-56.878-3.555c-4.163-.669-6.73-3.15-6.73-7.076c0-3.929-.75-10.702%203.175-10.702c0%200%2014.218%207.11%2060.433%207.11s60.438-7.11%2060.438-7.11c3.929%200%203.232%206.738%203.232%2010.666M39.111%20119.111A7.114%207.114%200%200%201%2032%20126.222H17.778a7.114%207.114%200%200%201-7.111-7.11a7.114%207.114%200%200%201%207.11-7.112H32a7.114%207.114%200%200%201%207.111%207.111m78.222%200a7.114%207.114%200%200%201-7.11%207.111H96a7.114%207.114%200%200%201-7.111-7.11A7.114%207.114%200%200%201%2096%20112h14.222a7.114%207.114%200%200%201%207.111%207.111%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/waku.svg?color=%231a73e8&size=48