Waku icon

devicon:waku

The Waku icon (devicon:waku) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" 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>

How to use the Waku icon

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:waku" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:waku" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:waku" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--waku]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:waku"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:waku"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/devicon/waku.svg" alt="Waku icon" width="24" height="24">

Waku icon in other icon sets

Waku icon FAQ

Is the Waku icon free for commercial use?

Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Waku icon in React?

Install @iconify/react and render <Icon icon="devicon:waku" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Waku icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/waku.svg" alt="Waku icon">, or paste the SVG code inline to style it with CSS.

Browse all Devicon icons →