whatsapp icon

whatsapp from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.

Name
whatsapp
Set
Unicons
Style
Line
Category
Brand Logos
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

whatsapp-fillAkar IconswhatsappBootstrap IconswhatsappBoxicons BrandswhatsappCoreUI BrandswhatsappFont Awesome 6 BrandswhatsappFont Awesome Brandswhatsapp-solidFlowbite IconswhatsappHuge IconswhatsappIconoirwhatsappJam IconswhatsappLine AwesomewhatsappSVG LogoswhatsappMage IconswhatsappMaterial Design Iconswhatsapp-fillMingCute IconwhatsappPixelarticonswhatsappPrime Iconswhatsapp-fillRemix IconwhatsappSimple Iconswhatsapp-outlineTeenyiconswhatsappUnicons Monochrome

More brand logos icons from Unicons

500pxadobeadobe-altamazonandroidandroid-altappleapple-altbehancebehance-altbingbitcoinbitcoin-altblack-berrybloggerblogger-altcss3-simplediscorddockerdribbbledropboxfacebookfacebook-ffacebook-messenger

Use the whatsapp icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.6 14c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1s-.6.8-.8 1c-.1.2-.3.2-.5.1c-.7-.3-1.4-.7-2-1.2c-.5-.5-1-1.1-1.4-1.7c-.1-.2 0-.4.1-.5s.2-.3.4-.4c.1-.1.2-.3.2-.4c.1-.1.1-.3 0-.4S9.7 8.5 9.5 8c-.1-.7-.3-.7-.5-.7h-.5c-.2 0-.5.2-.6.3Q7 8.5 7 9.7c.1.9.4 1.8 1 2.6c1.1 1.6 2.5 2.9 4.2 3.7c.5.2.9.4 1.4.5c.5.2 1 .2 1.6.1c.7-.1 1.3-.6 1.7-1.2c.2-.4.2-.8.1-1.2zm2.5-9.1C15.2 1 8.9 1 5 4.9c-3.2 3.2-3.8 8.1-1.6 12L2 22l5.3-1.4c1.5.8 3.1 1.2 4.7 1.2c5.5 0 9.9-4.4 9.9-9.9c.1-2.6-1-5.1-2.8-7m-2.7 14c-1.3.8-2.8 1.3-4.4 1.3c-1.5 0-2.9-.4-4.2-1.1l-.3-.2l-3.1.8l.8-3l-.2-.3c-2.4-4-1.2-9 2.7-11.5S16.6 3.7 19 7.5c2.4 3.9 1.3 9-2.6 11.4"/></svg>

React

import type { SVGProps } from "react";

export function UilWhatsapp(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="M16.6 14c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1s-.6.8-.8 1c-.1.2-.3.2-.5.1c-.7-.3-1.4-.7-2-1.2c-.5-.5-1-1.1-1.4-1.7c-.1-.2 0-.4.1-.5s.2-.3.4-.4c.1-.1.2-.3.2-.4c.1-.1.1-.3 0-.4S9.7 8.5 9.5 8c-.1-.7-.3-.7-.5-.7h-.5c-.2 0-.5.2-.6.3Q7 8.5 7 9.7c.1.9.4 1.8 1 2.6c1.1 1.6 2.5 2.9 4.2 3.7c.5.2.9.4 1.4.5c.5.2 1 .2 1.6.1c.7-.1 1.3-.6 1.7-1.2c.2-.4.2-.8.1-1.2zm2.5-9.1C15.2 1 8.9 1 5 4.9c-3.2 3.2-3.8 8.1-1.6 12L2 22l5.3-1.4c1.5.8 3.1 1.2 4.7 1.2c5.5 0 9.9-4.4 9.9-9.9c.1-2.6-1-5.1-2.8-7m-2.7 14c-1.3.8-2.8 1.3-4.4 1.3c-1.5 0-2.9-.4-4.2-1.1l-.3-.2l-3.1.8l.8-3l-.2-.3c-2.4-4-1.2-9 2.7-11.5S16.6 3.7 19 7.5c2.4 3.9 1.3 9-2.6 11.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.6 14c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1s-.6.8-.8 1c-.1.2-.3.2-.5.1c-.7-.3-1.4-.7-2-1.2c-.5-.5-1-1.1-1.4-1.7c-.1-.2 0-.4.1-.5s.2-.3.4-.4c.1-.1.2-.3.2-.4c.1-.1.1-.3 0-.4S9.7 8.5 9.5 8c-.1-.7-.3-.7-.5-.7h-.5c-.2 0-.5.2-.6.3Q7 8.5 7 9.7c.1.9.4 1.8 1 2.6c1.1 1.6 2.5 2.9 4.2 3.7c.5.2.9.4 1.4.5c.5.2 1 .2 1.6.1c.7-.1 1.3-.6 1.7-1.2c.2-.4.2-.8.1-1.2zm2.5-9.1C15.2 1 8.9 1 5 4.9c-3.2 3.2-3.8 8.1-1.6 12L2 22l5.3-1.4c1.5.8 3.1 1.2 4.7 1.2c5.5 0 9.9-4.4 9.9-9.9c.1-2.6-1-5.1-2.8-7m-2.7 14c-1.3.8-2.8 1.3-4.4 1.3c-1.5 0-2.9-.4-4.2-1.1l-.3-.2l-3.1.8l.8-3l-.2-.3c-2.4-4-1.2-9 2.7-11.5S16.6 3.7 19 7.5c2.4 3.9 1.3 9-2.6 11.4"/></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%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.6%2014c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1s-.6.8-.8%201c-.1.2-.3.2-.5.1c-.7-.3-1.4-.7-2-1.2c-.5-.5-1-1.1-1.4-1.7c-.1-.2%200-.4.1-.5s.2-.3.4-.4c.1-.1.2-.3.2-.4c.1-.1.1-.3%200-.4S9.7%208.5%209.5%208c-.1-.7-.3-.7-.5-.7h-.5c-.2%200-.5.2-.6.3Q7%208.5%207%209.7c.1.9.4%201.8%201%202.6c1.1%201.6%202.5%202.9%204.2%203.7c.5.2.9.4%201.4.5c.5.2%201%20.2%201.6.1c.7-.1%201.3-.6%201.7-1.2c.2-.4.2-.8.1-1.2zm2.5-9.1C15.2%201%208.9%201%205%204.9c-3.2%203.2-3.8%208.1-1.6%2012L2%2022l5.3-1.4c1.5.8%203.1%201.2%204.7%201.2c5.5%200%209.9-4.4%209.9-9.9c.1-2.6-1-5.1-2.8-7m-2.7%2014c-1.3.8-2.8%201.3-4.4%201.3c-1.5%200-2.9-.4-4.2-1.1l-.3-.2l-3.1.8l.8-3l-.2-.3c-2.4-4-1.2-9%202.7-11.5S16.6%203.7%2019%207.5c2.4%203.9%201.3%209-2.6%2011.4%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%22M16.6%2014c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1s-.6.8-.8%201c-.1.2-.3.2-.5.1c-.7-.3-1.4-.7-2-1.2c-.5-.5-1-1.1-1.4-1.7c-.1-.2%200-.4.1-.5s.2-.3.4-.4c.1-.1.2-.3.2-.4c.1-.1.1-.3%200-.4S9.7%208.5%209.5%208c-.1-.7-.3-.7-.5-.7h-.5c-.2%200-.5.2-.6.3Q7%208.5%207%209.7c.1.9.4%201.8%201%202.6c1.1%201.6%202.5%202.9%204.2%203.7c.5.2.9.4%201.4.5c.5.2%201%20.2%201.6.1c.7-.1%201.3-.6%201.7-1.2c.2-.4.2-.8.1-1.2zm2.5-9.1C15.2%201%208.9%201%205%204.9c-3.2%203.2-3.8%208.1-1.6%2012L2%2022l5.3-1.4c1.5.8%203.1%201.2%204.7%201.2c5.5%200%209.9-4.4%209.9-9.9c.1-2.6-1-5.1-2.8-7m-2.7%2014c-1.3.8-2.8%201.3-4.4%201.3c-1.5%200-2.9-.4-4.2-1.1l-.3-.2l-3.1.8l.8-3l-.2-.3c-2.4-4-1.2-9%202.7-11.5S16.6%203.7%2019%207.5c2.4%203.9%201.3%209-2.6%2011.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/whatsapp.svg?color=%231a73e8&size=48