Icono Waku
thesvg-color:waku
El icono Waku (thesvg-color:waku) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 128 × 128. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 128 × 128
Código SVG
<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>Cómo usar el icono Waku
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:waku" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:waku" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:waku" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--waku]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:waku"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:waku"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/waku.svg" alt="Icono Waku" width="24" height="24">El icono Waku en otras colecciones
Preguntas frecuentes sobre Icono Waku
¿El icono Waku es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Waku en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:waku" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Waku a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/waku.svg" alt="Icono Waku">, o pega el código SVG en línea para darle estilo con CSS.