Icono Whatsapp Light
selfhst:whatsapp-light
El icono Whatsapp Light (selfhst:whatsapp-light) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- whatsapplight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M401.8 109.3c-38-38.1-90.6-59.9-144.3-59.9h-.4C144.4 49.4 52.7 141 52.6 253.7c0 38.4 10.8 76.1 31.4 108.8l6.6 10.4l-19.1 69.7l71.5-18.7l10.1 5.9c31.4 18.6 67.4 28.5 104 28.5c112.7 0 204.4-91.7 204.5-204.3c.1-54.1-21.7-106.7-59.8-144.7m-20.5 235c-5.3 14.8-31.2 29-42.8 30.2c-11.7 1-22.5 5.2-76.1-15.9c-64.5-25.4-105.1-91.5-108.4-95.7c-3.2-4.2-25.9-34.4-25.9-65.5s16.4-46.5 22.2-52.9c5.8-6.3 12.7-7.9 16.9-7.9l12.2.1c4.5.2 9.5.4 14.3 11c5.6 12.6 17.9 43.9 19.7 46.9c1.6 3.2 2.6 6.9.5 11.2c-2.1 4.2-3.1 6.8-6.3 10.6s-6.7 8.3-9.5 11.2c-3.2 3.2-6.5 6.6-2.8 13c3.7 6.3 16.4 27.1 35.3 43.9c24.2 21.6 44.6 28.2 51 31.5c6.3 3.1 10.1 2.6 13.8-1.6s15.9-18.5 20.1-24.8c4.2-6.4 8.4-5.3 14.3-3.2c5.8 2.1 37 17.4 43.3 20.6s10.6 4.8 12.2 7.4c1.4 2.4 1.4 15.2-4 29.9m55.3-269.9C388.7 26.4 325 0 257.1 0C117.2 0 3.3 113.8 3.3 253.7c-.1 44.5 11.6 88.2 33.9 126.8L1.1 512l134.6-35.3c37.1 20.2 78.8 30.9 121.3 30.9h.1c139.8 0 253.7-113.8 253.8-253.7c0-67.9-26.3-131.6-74.3-179.5M257.1 471.2c-39.1 0-77.4-10.5-110.8-30.3l-5.4-3.1l-88.1 23.1L76.4 375l-3.5-5.5C51 334.6 39.5 294.6 39.5 253.7c.1-119.9 97.7-217.4 217.6-217.4h.4c28.6 0 56.5 5.6 82.9 16.5c26.5 11 50.3 26.9 70.6 47.2c20.4 20.3 36.3 44 47.2 70.5c11 26.5 16.5 54.6 16.4 83.3c-.1 119.9-97.7 217.4-217.5 217.4"/></svg>Cómo usar el icono Whatsapp Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:whatsapp-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:whatsapp-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:whatsapp-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--whatsapp-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:whatsapp-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:whatsapp-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/whatsapp-light.svg" alt="Icono Whatsapp Light" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Whatsapp Light
¿El icono Whatsapp Light es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Whatsapp Light en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:whatsapp-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Whatsapp Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/whatsapp-light.svg" alt="Icono Whatsapp Light">, o pega el código SVG en línea para darle estilo con CSS.