Ícone Whatsapp
bxl:whatsapp
O ícone Whatsapp (bxl:whatsapp) é um ícone SVG gratuito da coleção Boxicons Brands de Boxicons. Ele é desenhado em uma grade de 24 × 24. Boxicons Brands icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Boxicons Brands
- Autor
- Boxicons
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.403 5.633A8.92 8.92 0 0 0 12.053 3c-4.948 0-8.976 4.027-8.978 8.977c0 1.582.413 3.126 1.198 4.488L3 21.116l4.759-1.249a9 9 0 0 0 4.29 1.093h.004c4.947 0 8.975-4.027 8.977-8.977a8.93 8.93 0 0 0-2.627-6.35m-6.35 13.812h-.003a7.45 7.45 0 0 1-3.798-1.041l-.272-.162l-2.824.741l.753-2.753l-.177-.282a7.45 7.45 0 0 1-1.141-3.971c.002-4.114 3.349-7.461 7.465-7.461a7.4 7.4 0 0 1 5.275 2.188a7.42 7.42 0 0 1 2.183 5.279c-.002 4.114-3.349 7.462-7.461 7.462m4.093-5.589c-.225-.113-1.327-.655-1.533-.73s-.354-.112-.504.112s-.58.729-.711.879s-.262.168-.486.056s-.947-.349-1.804-1.113c-.667-.595-1.117-1.329-1.248-1.554s-.014-.346.099-.458c.101-.1.224-.262.336-.393s.149-.224.224-.374s.038-.281-.019-.393c-.056-.113-.505-1.217-.692-1.666c-.181-.435-.366-.377-.504-.383a10 10 0 0 0-.429-.008a.83.83 0 0 0-.599.28c-.206.225-.785.767-.785 1.871s.804 2.171.916 2.321s1.582 2.415 3.832 3.387c.536.231.954.369 1.279.473c.537.171 1.026.146 1.413.089c.431-.064 1.327-.542 1.514-1.066s.187-.973.131-1.067s-.207-.151-.43-.263" clip-rule="evenodd"/></svg>
Como usar o ícone Whatsapp
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:whatsapp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:whatsapp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:whatsapp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--whatsapp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:whatsapp"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:whatsapp"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/bxl/whatsapp.svg" alt="Ícone Whatsapp" width="24" height="24">
Ícones relacionados em Boxicons Brands
O ícone Whatsapp em outras coleções
Perguntas frequentes sobre Ícone Whatsapp
O ícone Whatsapp é grátis para uso comercial?
Sim. Boxicons Brands icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Whatsapp no React?
Instale @iconify/react e renderize <Icon icon="bxl:whatsapp" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Whatsapp a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/bxl/whatsapp.svg" alt="Ícone Whatsapp">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Boxicons Brands →
ICONYZ
