bxl whatsapp square icon
bxl-whatsapp-square from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-whatsapp-square
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl whatsapp square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.043 6.925a4.985 4.985 0 0 0-4.98 4.979c-.001.94.263 1.856.761 2.649l.118.188l-.503 1.837l1.885-.494l.181.108a4.97 4.97 0 0 0 2.535.693h.001a4.986 4.986 0 0 0 4.979-4.978a4.946 4.946 0 0 0-1.456-3.522a4.946 4.946 0 0 0-3.521-1.46zm2.928 7.118c-.125.35-.723.668-1.01.711a2.044 2.044 0 0 1-.943-.059a8.51 8.51 0 0 1-.853-.315c-1.502-.648-2.482-2.159-2.558-2.26c-.074-.1-.61-.812-.61-1.548c0-.737.386-1.099.523-1.249a.552.552 0 0 1 .4-.186c.1 0 .199.001.287.005c.092.004.215-.035.336.257c.125.3.425 1.036.462 1.111c.037.074.062.162.013.262c-.05.101-.074.162-.15.25c-.074.088-.157.195-.224.263c-.075.074-.153.155-.066.305c.088.149.388.64.832 1.037c.572.51 1.055.667 1.204.743c.15.074.237.063.325-.038c.087-.101.374-.437.474-.586c.1-.15.199-.125.337-.076c.137.051.873.412 1.022.487c.148.074.249.112.287.175c.036.062.036.361-.088.711z" fill="currentColor"/><path d="M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-7.96 14.896h-.002a5.98 5.98 0 0 1-2.862-.729L6 18l.85-3.104a5.991 5.991 0 0 1 5.19-8.983a5.95 5.95 0 0 1 4.238 1.757a5.95 5.95 0 0 1 1.751 4.237a5.998 5.998 0 0 1-5.989 5.989z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlWhatsappSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.043 6.925a4.985 4.985 0 0 0-4.98 4.979c-.001.94.263 1.856.761 2.649l.118.188l-.503 1.837l1.885-.494l.181.108a4.97 4.97 0 0 0 2.535.693h.001a4.986 4.986 0 0 0 4.979-4.978a4.946 4.946 0 0 0-1.456-3.522a4.946 4.946 0 0 0-3.521-1.46zm2.928 7.118c-.125.35-.723.668-1.01.711a2.044 2.044 0 0 1-.943-.059a8.51 8.51 0 0 1-.853-.315c-1.502-.648-2.482-2.159-2.558-2.26c-.074-.1-.61-.812-.61-1.548c0-.737.386-1.099.523-1.249a.552.552 0 0 1 .4-.186c.1 0 .199.001.287.005c.092.004.215-.035.336.257c.125.3.425 1.036.462 1.111c.037.074.062.162.013.262c-.05.101-.074.162-.15.25c-.074.088-.157.195-.224.263c-.075.074-.153.155-.066.305c.088.149.388.64.832 1.037c.572.51 1.055.667 1.204.743c.15.074.237.063.325-.038c.087-.101.374-.437.474-.586c.1-.15.199-.125.337-.076c.137.051.873.412 1.022.487c.148.074.249.112.287.175c.036.062.036.361-.088.711z" fill="currentColor"/><path d="M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-7.96 14.896h-.002a5.98 5.98 0 0 1-2.862-.729L6 18l.85-3.104a5.991 5.991 0 0 1 5.19-8.983a5.95 5.95 0 0 1 4.238 1.757a5.95 5.95 0 0 1 1.751 4.237a5.998 5.998 0 0 1-5.989 5.989z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.043 6.925a4.985 4.985 0 0 0-4.98 4.979c-.001.94.263 1.856.761 2.649l.118.188l-.503 1.837l1.885-.494l.181.108a4.97 4.97 0 0 0 2.535.693h.001a4.986 4.986 0 0 0 4.979-4.978a4.946 4.946 0 0 0-1.456-3.522a4.946 4.946 0 0 0-3.521-1.46zm2.928 7.118c-.125.35-.723.668-1.01.711a2.044 2.044 0 0 1-.943-.059a8.51 8.51 0 0 1-.853-.315c-1.502-.648-2.482-2.159-2.558-2.26c-.074-.1-.61-.812-.61-1.548c0-.737.386-1.099.523-1.249a.552.552 0 0 1 .4-.186c.1 0 .199.001.287.005c.092.004.215-.035.336.257c.125.3.425 1.036.462 1.111c.037.074.062.162.013.262c-.05.101-.074.162-.15.25c-.074.088-.157.195-.224.263c-.075.074-.153.155-.066.305c.088.149.388.64.832 1.037c.572.51 1.055.667 1.204.743c.15.074.237.063.325-.038c.087-.101.374-.437.474-.586c.1-.15.199-.125.337-.076c.137.051.873.412 1.022.487c.148.074.249.112.287.175c.036.062.036.361-.088.711z" fill="currentColor"/><path d="M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-7.96 14.896h-.002a5.98 5.98 0 0 1-2.862-.729L6 18l.85-3.104a5.991 5.991 0 0 1 5.19-8.983a5.95 5.95 0 0 1 4.238 1.757a5.95 5.95 0 0 1 1.751 4.237a5.998 5.998 0 0 1-5.989 5.989z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-whatsapp-square {
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%2024%2024%22%3E%3Cpath%20d%3D%22M12.043%206.925a4.985%204.985%200%200%200-4.98%204.979c-.001.94.263%201.856.761%202.649l.118.188l-.503%201.837l1.885-.494l.181.108a4.97%204.97%200%200%200%202.535.693h.001a4.986%204.986%200%200%200%204.979-4.978a4.946%204.946%200%200%200-1.456-3.522a4.946%204.946%200%200%200-3.521-1.46zm2.928%207.118c-.125.35-.723.668-1.01.711a2.044%202.044%200%200%201-.943-.059a8.51%208.51%200%200%201-.853-.315c-1.502-.648-2.482-2.159-2.558-2.26c-.074-.1-.61-.812-.61-1.548c0-.737.386-1.099.523-1.249a.552.552%200%200%201%20.4-.186c.1%200%20.199.001.287.005c.092.004.215-.035.336.257c.125.3.425%201.036.462%201.111c.037.074.062.162.013.262c-.05.101-.074.162-.15.25c-.074.088-.157.195-.224.263c-.075.074-.153.155-.066.305c.088.149.388.64.832%201.037c.572.51%201.055.667%201.204.743c.15.074.237.063.325-.038c.087-.101.374-.437.474-.586c.1-.15.199-.125.337-.076c.137.051.873.412%201.022.487c.148.074.249.112.287.175c.036.062.036.361-.088.711z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M20%203H4a1%201%200%200%200-1%201v16a1%201%200%200%200%201%201h16a1%201%200%200%200%201-1V4a1%201%200%200%200-1-1zm-7.96%2014.896h-.002a5.98%205.98%200%200%201-2.862-.729L6%2018l.85-3.104a5.991%205.991%200%200%201%205.19-8.983a5.95%205.95%200%200%201%204.238%201.757a5.95%205.95%200%200%201%201.751%204.237a5.998%205.998%200%200%201-5.989%205.989z%22%20fill%3D%22currentColor%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%2024%2024%22%3E%3Cpath%20d%3D%22M12.043%206.925a4.985%204.985%200%200%200-4.98%204.979c-.001.94.263%201.856.761%202.649l.118.188l-.503%201.837l1.885-.494l.181.108a4.97%204.97%200%200%200%202.535.693h.001a4.986%204.986%200%200%200%204.979-4.978a4.946%204.946%200%200%200-1.456-3.522a4.946%204.946%200%200%200-3.521-1.46zm2.928%207.118c-.125.35-.723.668-1.01.711a2.044%202.044%200%200%201-.943-.059a8.51%208.51%200%200%201-.853-.315c-1.502-.648-2.482-2.159-2.558-2.26c-.074-.1-.61-.812-.61-1.548c0-.737.386-1.099.523-1.249a.552.552%200%200%201%20.4-.186c.1%200%20.199.001.287.005c.092.004.215-.035.336.257c.125.3.425%201.036.462%201.111c.037.074.062.162.013.262c-.05.101-.074.162-.15.25c-.074.088-.157.195-.224.263c-.075.074-.153.155-.066.305c.088.149.388.64.832%201.037c.572.51%201.055.667%201.204.743c.15.074.237.063.325-.038c.087-.101.374-.437.474-.586c.1-.15.199-.125.337-.076c.137.051.873.412%201.022.487c.148.074.249.112.287.175c.036.062.036.361-.088.711z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M20%203H4a1%201%200%200%200-1%201v16a1%201%200%200%200%201%201h16a1%201%200%200%200%201-1V4a1%201%200%200%200-1-1zm-7.96%2014.896h-.002a5.98%205.98%200%200%201-2.862-.729L6%2018l.85-3.104a5.991%205.991%200%200%201%205.19-8.983a5.95%205.95%200%200%201%204.238%201.757a5.95%205.95%200%200%201%201.751%204.237a5.998%205.998%200%200%201-5.989%205.989z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-whatsapp-square.svg?color=%231a73e8&size=48
