whatsapp icon
whatsapp from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
whatsapp-fillAkar IconswhatsappBootstrap IconswhatsappBoxicons BrandswhatsappCoreUI BrandswhatsappFont Awesome 6 BrandswhatsappFont Awesome Brandswhatsapp-solidFlowbite IconswhatsappHuge IconswhatsappIconoirwhatsappLine AwesomewhatsappSVG LogoswhatsappMage IconswhatsappMaterial Design Iconswhatsapp-fillMingCute IconwhatsappPixelarticonswhatsappPrime Iconswhatsapp-fillRemix IconwhatsappSimple Iconswhatsapp-outlineTeenyiconswhatsappUniconswhatsappUnicons Monochrome
Use the whatsapp icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M9.516.012C4.206.262.017 4.652.033 9.929a9.8 9.8 0 0 0 1.085 4.465L.06 19.495a.387.387 0 0 0 .47.453l5.034-1.184a10 10 0 0 0 4.284 1.032c5.427.083 9.951-4.195 10.12-9.58C20.15 4.441 15.351-.265 9.516.011zm6.007 15.367a7.78 7.78 0 0 1-5.52 2.27a7.8 7.8 0 0 1-3.474-.808l-.701-.347l-3.087.726l.65-3.131l-.346-.672A7.6 7.6 0 0 1 2.197 9.9c0-2.07.812-4.017 2.286-5.48a7.85 7.85 0 0 1 5.52-2.271c2.086 0 4.046.806 5.52 2.27a7.67 7.67 0 0 1 2.287 5.48c0 2.052-.825 4.03-2.287 5.481z"/><path d="m14.842 12.045l-1.931-.55a.72.72 0 0 0-.713.186l-.472.478a.71.71 0 0 1-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.69.69 0 0 1 .056-.774l.412-.53a.71.71 0 0 0 .089-.726L7.38 5.553a.723.723 0 0 0-1.125-.256c-.539.453-1.179 1.14-1.256 1.903c-.137 1.343.443 3.036 2.637 5.07c2.535 2.349 4.566 2.66 5.887 2.341c.75-.18 1.35-.903 1.727-1.494a.713.713 0 0 0-.408-1.072"/></g></svg>
React
import type { SVGProps } from "react";
export function JamWhatsapp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M9.516.012C4.206.262.017 4.652.033 9.929a9.8 9.8 0 0 0 1.085 4.465L.06 19.495a.387.387 0 0 0 .47.453l5.034-1.184a10 10 0 0 0 4.284 1.032c5.427.083 9.951-4.195 10.12-9.58C20.15 4.441 15.351-.265 9.516.011zm6.007 15.367a7.78 7.78 0 0 1-5.52 2.27a7.8 7.8 0 0 1-3.474-.808l-.701-.347l-3.087.726l.65-3.131l-.346-.672A7.6 7.6 0 0 1 2.197 9.9c0-2.07.812-4.017 2.286-5.48a7.85 7.85 0 0 1 5.52-2.271c2.086 0 4.046.806 5.52 2.27a7.67 7.67 0 0 1 2.287 5.48c0 2.052-.825 4.03-2.287 5.481z"/><path d="m14.842 12.045l-1.931-.55a.72.72 0 0 0-.713.186l-.472.478a.71.71 0 0 1-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.69.69 0 0 1 .056-.774l.412-.53a.71.71 0 0 0 .089-.726L7.38 5.553a.723.723 0 0 0-1.125-.256c-.539.453-1.179 1.14-1.256 1.903c-.137 1.343.443 3.036 2.637 5.07c2.535 2.349 4.566 2.66 5.887 2.341c.75-.18 1.35-.903 1.727-1.494a.713.713 0 0 0-.408-1.072"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -2 24 24"><g fill="currentColor"><path d="M9.516.012C4.206.262.017 4.652.033 9.929a9.8 9.8 0 0 0 1.085 4.465L.06 19.495a.387.387 0 0 0 .47.453l5.034-1.184a10 10 0 0 0 4.284 1.032c5.427.083 9.951-4.195 10.12-9.58C20.15 4.441 15.351-.265 9.516.011zm6.007 15.367a7.78 7.78 0 0 1-5.52 2.27a7.8 7.8 0 0 1-3.474-.808l-.701-.347l-3.087.726l.65-3.131l-.346-.672A7.6 7.6 0 0 1 2.197 9.9c0-2.07.812-4.017 2.286-5.48a7.85 7.85 0 0 1 5.52-2.271c2.086 0 4.046.806 5.52 2.27a7.67 7.67 0 0 1 2.287 5.48c0 2.052-.825 4.03-2.287 5.481z"/><path d="m14.842 12.045l-1.931-.55a.72.72 0 0 0-.713.186l-.472.478a.71.71 0 0 1-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.69.69 0 0 1 .056-.774l.412-.53a.71.71 0 0 0 .089-.726L7.38 5.553a.723.723 0 0 0-1.125-.256c-.539.453-1.179 1.14-1.256 1.903c-.137 1.343.443 3.036 2.637 5.07c2.535 2.349 4.566 2.66 5.887 2.341c.75-.18 1.35-.903 1.727-1.494a.713.713 0 0 0-.408-1.072"/></g></svg> </template>
CSS
.icon-whatsapp {
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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.516.012C4.206.262.017%204.652.033%209.929a9.8%209.8%200%200%200%201.085%204.465L.06%2019.495a.387.387%200%200%200%20.47.453l5.034-1.184a10%2010%200%200%200%204.284%201.032c5.427.083%209.951-4.195%2010.12-9.58C20.15%204.441%2015.351-.265%209.516.011zm6.007%2015.367a7.78%207.78%200%200%201-5.52%202.27a7.8%207.8%200%200%201-3.474-.808l-.701-.347l-3.087.726l.65-3.131l-.346-.672A7.6%207.6%200%200%201%202.197%209.9c0-2.07.812-4.017%202.286-5.48a7.85%207.85%200%200%201%205.52-2.271c2.086%200%204.046.806%205.52%202.27a7.67%207.67%200%200%201%202.287%205.48c0%202.052-.825%204.03-2.287%205.481z%22%2F%3E%3Cpath%20d%3D%22m14.842%2012.045l-1.931-.55a.72.72%200%200%200-.713.186l-.472.478a.71.71%200%200%201-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.69.69%200%200%201%20.056-.774l.412-.53a.71.71%200%200%200%20.089-.726L7.38%205.553a.723.723%200%200%200-1.125-.256c-.539.453-1.179%201.14-1.256%201.903c-.137%201.343.443%203.036%202.637%205.07c2.535%202.349%204.566%202.66%205.887%202.341c.75-.18%201.35-.903%201.727-1.494a.713.713%200%200%200-.408-1.072%22%2F%3E%3C%2Fg%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%22-2%20-2%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.516.012C4.206.262.017%204.652.033%209.929a9.8%209.8%200%200%200%201.085%204.465L.06%2019.495a.387.387%200%200%200%20.47.453l5.034-1.184a10%2010%200%200%200%204.284%201.032c5.427.083%209.951-4.195%2010.12-9.58C20.15%204.441%2015.351-.265%209.516.011zm6.007%2015.367a7.78%207.78%200%200%201-5.52%202.27a7.8%207.8%200%200%201-3.474-.808l-.701-.347l-3.087.726l.65-3.131l-.346-.672A7.6%207.6%200%200%201%202.197%209.9c0-2.07.812-4.017%202.286-5.48a7.85%207.85%200%200%201%205.52-2.271c2.086%200%204.046.806%205.52%202.27a7.67%207.67%200%200%201%202.287%205.48c0%202.052-.825%204.03-2.287%205.481z%22%2F%3E%3Cpath%20d%3D%22m14.842%2012.045l-1.931-.55a.72.72%200%200%200-.713.186l-.472.478a.71.71%200%200%201-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.69.69%200%200%201%20.056-.774l.412-.53a.71.71%200%200%200%20.089-.726L7.38%205.553a.723.723%200%200%200-1.125-.256c-.539.453-1.179%201.14-1.256%201.903c-.137%201.343.443%203.036%202.637%205.07c2.535%202.349%204.566%202.66%205.887%202.341c.75-.18%201.35-.903%201.727-1.494a.713.713%200%200%200-.408-1.072%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/whatsapp.svg?color=%231a73e8&size=48
