whatsapp alt icon
whatsapp-alt from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- whatsapp-alt
- Set
- Unicons
- Style
- Line
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
More brand logos icons from Unicons
Use the whatsapp alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 6.55a13 13 0 0 0-.1-1.29a4.3 4.3 0 0 0-.37-1.08a3.7 3.7 0 0 0-.71-1a3.9 3.9 0 0 0-1-.71a4.3 4.3 0 0 0-1.08-.36A10 10 0 0 0 17.46 2H6.55a13 13 0 0 0-1.29.1a4.3 4.3 0 0 0-1.08.37a3.7 3.7 0 0 0-1 .71a3.9 3.9 0 0 0-.71 1a4.3 4.3 0 0 0-.36 1.08A10 10 0 0 0 2 6.54v10.91a13 13 0 0 0 .1 1.29a4.3 4.3 0 0 0 .37 1.08a3.7 3.7 0 0 0 .71 1a3.9 3.9 0 0 0 1 .71a4.3 4.3 0 0 0 1.08.36a10 10 0 0 0 1.28.11h10.91a13 13 0 0 0 1.29-.1a4.3 4.3 0 0 0 1.08-.37a3.7 3.7 0 0 0 1-.71a3.9 3.9 0 0 0 .71-1a4.3 4.3 0 0 0 .36-1.08a10 10 0 0 0 .11-1.28zM12.23 19a7.1 7.1 0 0 1-3.43-.9l-3.8 1l1-3.72a7.1 7.1 0 0 1-1-3.58a7.18 7.18 0 1 1 7.23 7.2m0-13.13A6 6 0 0 0 7.18 15l.14.23l-.6 2.19L9 16.8l.22.13a6 6 0 0 0 3 .83a6 6 0 0 0 6-6a6 6 0 0 0-6-6Zm3.5 8.52a1.82 1.82 0 0 1-1.21.85a2.3 2.3 0 0 1-1.12-.07a9 9 0 0 1-1-.38a8 8 0 0 1-3.06-2.7a3.5 3.5 0 0 1-.73-1.85a2 2 0 0 1 .63-1.5a.65.65 0 0 1 .48-.22H10c.11 0 .26 0 .4.31s.51 1.24.56 1.33a.34.34 0 0 1 0 .31a1.1 1.1 0 0 1-.18.3c-.09.11-.19.24-.27.32s-.18.18-.08.36a5.6 5.6 0 0 0 1 1.24a5 5 0 0 0 1.44.89c.18.09.29.08.39 0s.45-.52.57-.7s.24-.15.4-.09s1.05.49 1.23.58s.29.13.34.21a1.56 1.56 0 0 1-.07.78Z"/></svg>
React
import type { SVGProps } from "react";
export function UilWhatsappAlt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 6.55a13 13 0 0 0-.1-1.29a4.3 4.3 0 0 0-.37-1.08a3.7 3.7 0 0 0-.71-1a3.9 3.9 0 0 0-1-.71a4.3 4.3 0 0 0-1.08-.36A10 10 0 0 0 17.46 2H6.55a13 13 0 0 0-1.29.1a4.3 4.3 0 0 0-1.08.37a3.7 3.7 0 0 0-1 .71a3.9 3.9 0 0 0-.71 1a4.3 4.3 0 0 0-.36 1.08A10 10 0 0 0 2 6.54v10.91a13 13 0 0 0 .1 1.29a4.3 4.3 0 0 0 .37 1.08a3.7 3.7 0 0 0 .71 1a3.9 3.9 0 0 0 1 .71a4.3 4.3 0 0 0 1.08.36a10 10 0 0 0 1.28.11h10.91a13 13 0 0 0 1.29-.1a4.3 4.3 0 0 0 1.08-.37a3.7 3.7 0 0 0 1-.71a3.9 3.9 0 0 0 .71-1a4.3 4.3 0 0 0 .36-1.08a10 10 0 0 0 .11-1.28zM12.23 19a7.1 7.1 0 0 1-3.43-.9l-3.8 1l1-3.72a7.1 7.1 0 0 1-1-3.58a7.18 7.18 0 1 1 7.23 7.2m0-13.13A6 6 0 0 0 7.18 15l.14.23l-.6 2.19L9 16.8l.22.13a6 6 0 0 0 3 .83a6 6 0 0 0 6-6a6 6 0 0 0-6-6Zm3.5 8.52a1.82 1.82 0 0 1-1.21.85a2.3 2.3 0 0 1-1.12-.07a9 9 0 0 1-1-.38a8 8 0 0 1-3.06-2.7a3.5 3.5 0 0 1-.73-1.85a2 2 0 0 1 .63-1.5a.65.65 0 0 1 .48-.22H10c.11 0 .26 0 .4.31s.51 1.24.56 1.33a.34.34 0 0 1 0 .31a1.1 1.1 0 0 1-.18.3c-.09.11-.19.24-.27.32s-.18.18-.08.36a5.6 5.6 0 0 0 1 1.24a5 5 0 0 0 1.44.89c.18.09.29.08.39 0s.45-.52.57-.7s.24-.15.4-.09s1.05.49 1.23.58s.29.13.34.21a1.56 1.56 0 0 1-.07.78Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 6.55a13 13 0 0 0-.1-1.29a4.3 4.3 0 0 0-.37-1.08a3.7 3.7 0 0 0-.71-1a3.9 3.9 0 0 0-1-.71a4.3 4.3 0 0 0-1.08-.36A10 10 0 0 0 17.46 2H6.55a13 13 0 0 0-1.29.1a4.3 4.3 0 0 0-1.08.37a3.7 3.7 0 0 0-1 .71a3.9 3.9 0 0 0-.71 1a4.3 4.3 0 0 0-.36 1.08A10 10 0 0 0 2 6.54v10.91a13 13 0 0 0 .1 1.29a4.3 4.3 0 0 0 .37 1.08a3.7 3.7 0 0 0 .71 1a3.9 3.9 0 0 0 1 .71a4.3 4.3 0 0 0 1.08.36a10 10 0 0 0 1.28.11h10.91a13 13 0 0 0 1.29-.1a4.3 4.3 0 0 0 1.08-.37a3.7 3.7 0 0 0 1-.71a3.9 3.9 0 0 0 .71-1a4.3 4.3 0 0 0 .36-1.08a10 10 0 0 0 .11-1.28zM12.23 19a7.1 7.1 0 0 1-3.43-.9l-3.8 1l1-3.72a7.1 7.1 0 0 1-1-3.58a7.18 7.18 0 1 1 7.23 7.2m0-13.13A6 6 0 0 0 7.18 15l.14.23l-.6 2.19L9 16.8l.22.13a6 6 0 0 0 3 .83a6 6 0 0 0 6-6a6 6 0 0 0-6-6Zm3.5 8.52a1.82 1.82 0 0 1-1.21.85a2.3 2.3 0 0 1-1.12-.07a9 9 0 0 1-1-.38a8 8 0 0 1-3.06-2.7a3.5 3.5 0 0 1-.73-1.85a2 2 0 0 1 .63-1.5a.65.65 0 0 1 .48-.22H10c.11 0 .26 0 .4.31s.51 1.24.56 1.33a.34.34 0 0 1 0 .31a1.1 1.1 0 0 1-.18.3c-.09.11-.19.24-.27.32s-.18.18-.08.36a5.6 5.6 0 0 0 1 1.24a5 5 0 0 0 1.44.89c.18.09.29.08.39 0s.45-.52.57-.7s.24-.15.4-.09s1.05.49 1.23.58s.29.13.34.21a1.56 1.56 0 0 1-.07.78Z"/></svg> </template>
CSS
.icon-whatsapp-alt {
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%20fill%3D%22currentColor%22%20d%3D%22M22%206.55a13%2013%200%200%200-.1-1.29a4.3%204.3%200%200%200-.37-1.08a3.7%203.7%200%200%200-.71-1a3.9%203.9%200%200%200-1-.71a4.3%204.3%200%200%200-1.08-.36A10%2010%200%200%200%2017.46%202H6.55a13%2013%200%200%200-1.29.1a4.3%204.3%200%200%200-1.08.37a3.7%203.7%200%200%200-1%20.71a3.9%203.9%200%200%200-.71%201a4.3%204.3%200%200%200-.36%201.08A10%2010%200%200%200%202%206.54v10.91a13%2013%200%200%200%20.1%201.29a4.3%204.3%200%200%200%20.37%201.08a3.7%203.7%200%200%200%20.71%201a3.9%203.9%200%200%200%201%20.71a4.3%204.3%200%200%200%201.08.36a10%2010%200%200%200%201.28.11h10.91a13%2013%200%200%200%201.29-.1a4.3%204.3%200%200%200%201.08-.37a3.7%203.7%200%200%200%201-.71a3.9%203.9%200%200%200%20.71-1a4.3%204.3%200%200%200%20.36-1.08a10%2010%200%200%200%20.11-1.28zM12.23%2019a7.1%207.1%200%200%201-3.43-.9l-3.8%201l1-3.72a7.1%207.1%200%200%201-1-3.58a7.18%207.18%200%201%201%207.23%207.2m0-13.13A6%206%200%200%200%207.18%2015l.14.23l-.6%202.19L9%2016.8l.22.13a6%206%200%200%200%203%20.83a6%206%200%200%200%206-6a6%206%200%200%200-6-6Zm3.5%208.52a1.82%201.82%200%200%201-1.21.85a2.3%202.3%200%200%201-1.12-.07a9%209%200%200%201-1-.38a8%208%200%200%201-3.06-2.7a3.5%203.5%200%200%201-.73-1.85a2%202%200%200%201%20.63-1.5a.65.65%200%200%201%20.48-.22H10c.11%200%20.26%200%20.4.31s.51%201.24.56%201.33a.34.34%200%200%201%200%20.31a1.1%201.1%200%200%201-.18.3c-.09.11-.19.24-.27.32s-.18.18-.08.36a5.6%205.6%200%200%200%201%201.24a5%205%200%200%200%201.44.89c.18.09.29.08.39%200s.45-.52.57-.7s.24-.15.4-.09s1.05.49%201.23.58s.29.13.34.21a1.56%201.56%200%200%201-.07.78Z%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%20fill%3D%22currentColor%22%20d%3D%22M22%206.55a13%2013%200%200%200-.1-1.29a4.3%204.3%200%200%200-.37-1.08a3.7%203.7%200%200%200-.71-1a3.9%203.9%200%200%200-1-.71a4.3%204.3%200%200%200-1.08-.36A10%2010%200%200%200%2017.46%202H6.55a13%2013%200%200%200-1.29.1a4.3%204.3%200%200%200-1.08.37a3.7%203.7%200%200%200-1%20.71a3.9%203.9%200%200%200-.71%201a4.3%204.3%200%200%200-.36%201.08A10%2010%200%200%200%202%206.54v10.91a13%2013%200%200%200%20.1%201.29a4.3%204.3%200%200%200%20.37%201.08a3.7%203.7%200%200%200%20.71%201a3.9%203.9%200%200%200%201%20.71a4.3%204.3%200%200%200%201.08.36a10%2010%200%200%200%201.28.11h10.91a13%2013%200%200%200%201.29-.1a4.3%204.3%200%200%200%201.08-.37a3.7%203.7%200%200%200%201-.71a3.9%203.9%200%200%200%20.71-1a4.3%204.3%200%200%200%20.36-1.08a10%2010%200%200%200%20.11-1.28zM12.23%2019a7.1%207.1%200%200%201-3.43-.9l-3.8%201l1-3.72a7.1%207.1%200%200%201-1-3.58a7.18%207.18%200%201%201%207.23%207.2m0-13.13A6%206%200%200%200%207.18%2015l.14.23l-.6%202.19L9%2016.8l.22.13a6%206%200%200%200%203%20.83a6%206%200%200%200%206-6a6%206%200%200%200-6-6Zm3.5%208.52a1.82%201.82%200%200%201-1.21.85a2.3%202.3%200%200%201-1.12-.07a9%209%200%200%201-1-.38a8%208%200%200%201-3.06-2.7a3.5%203.5%200%200%201-.73-1.85a2%202%200%200%201%20.63-1.5a.65.65%200%200%201%20.48-.22H10c.11%200%20.26%200%20.4.31s.51%201.24.56%201.33a.34.34%200%200%201%200%20.31a1.1%201.1%200%200%201-.18.3c-.09.11-.19.24-.27.32s-.18.18-.08.36a5.6%205.6%200%200%200%201%201.24a5%205%200%200%200%201.44.89c.18.09.29.08.39%200s.45-.52.57-.7s.24-.15.4-.09s1.05.49%201.23.58s.29.13.34.21a1.56%201.56%200%200%201-.07.78Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/whatsapp-alt.svg?color=%231a73e8&size=48
