whats app icon

whats-app-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: whats-app-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: whats-app

Use the whats app icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M713.5 599.9c-10.9-5.6-65.2-32.2-75.3-35.8c-10.1-3.8-17.5-5.6-24.8 5.6c-7.4 11.1-28.4 35.8-35 43.3c-6.4 7.4-12.9 8.3-23.8 2.8c-64.8-32.4-107.3-57.8-150-131.1c-11.3-19.5 11.3-18.1 32.4-60.2c3.6-7.4 1.8-13.7-1-19.3s-24.8-59.8-34-81.9c-8.9-21.5-18.1-18.5-24.8-18.9c-6.4-.4-13.7-.4-21.1-.4s-19.3 2.8-29.4 13.7c-10.1 11.1-38.6 37.8-38.6 92s39.5 106.7 44.9 114.1c5.6 7.4 77.7 118.6 188.4 166.5c70 30.2 97.4 32.8 132.4 27.6c21.3-3.2 65.2-26.6 74.3-52.5c9.1-25.8 9.1-47.9 6.4-52.5c-2.7-4.9-10.1-7.7-21-13"/><path fill="currentColor" d="M925.2 338.4c-22.6-53.7-55-101.9-96.3-143.3c-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9c-53.3 22.8-101.1 55.2-142 96.5s-73 89.3-95.2 142.8c-23 55.4-34.6 114.3-34.3 174.9c.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3c53.5-22.3 101.6-54.3 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142c23.6-55.2 35.6-113.9 35.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8c69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9c44.6 18.7 84.6 45.6 119 80c34.3 34.3 61.3 74.4 80 119c19.4 46.2 29.1 95.2 28.9 145.8c-.6 99.6-39.7 192.9-110.1 262.7"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignWhatsAppOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M713.5 599.9c-10.9-5.6-65.2-32.2-75.3-35.8c-10.1-3.8-17.5-5.6-24.8 5.6c-7.4 11.1-28.4 35.8-35 43.3c-6.4 7.4-12.9 8.3-23.8 2.8c-64.8-32.4-107.3-57.8-150-131.1c-11.3-19.5 11.3-18.1 32.4-60.2c3.6-7.4 1.8-13.7-1-19.3s-24.8-59.8-34-81.9c-8.9-21.5-18.1-18.5-24.8-18.9c-6.4-.4-13.7-.4-21.1-.4s-19.3 2.8-29.4 13.7c-10.1 11.1-38.6 37.8-38.6 92s39.5 106.7 44.9 114.1c5.6 7.4 77.7 118.6 188.4 166.5c70 30.2 97.4 32.8 132.4 27.6c21.3-3.2 65.2-26.6 74.3-52.5c9.1-25.8 9.1-47.9 6.4-52.5c-2.7-4.9-10.1-7.7-21-13"/><path fill="currentColor" d="M925.2 338.4c-22.6-53.7-55-101.9-96.3-143.3c-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9c-53.3 22.8-101.1 55.2-142 96.5s-73 89.3-95.2 142.8c-23 55.4-34.6 114.3-34.3 174.9c.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3c53.5-22.3 101.6-54.3 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142c23.6-55.2 35.6-113.9 35.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8c69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9c44.6 18.7 84.6 45.6 119 80c34.3 34.3 61.3 74.4 80 119c19.4 46.2 29.1 95.2 28.9 145.8c-.6 99.6-39.7 192.9-110.1 262.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M713.5 599.9c-10.9-5.6-65.2-32.2-75.3-35.8c-10.1-3.8-17.5-5.6-24.8 5.6c-7.4 11.1-28.4 35.8-35 43.3c-6.4 7.4-12.9 8.3-23.8 2.8c-64.8-32.4-107.3-57.8-150-131.1c-11.3-19.5 11.3-18.1 32.4-60.2c3.6-7.4 1.8-13.7-1-19.3s-24.8-59.8-34-81.9c-8.9-21.5-18.1-18.5-24.8-18.9c-6.4-.4-13.7-.4-21.1-.4s-19.3 2.8-29.4 13.7c-10.1 11.1-38.6 37.8-38.6 92s39.5 106.7 44.9 114.1c5.6 7.4 77.7 118.6 188.4 166.5c70 30.2 97.4 32.8 132.4 27.6c21.3-3.2 65.2-26.6 74.3-52.5c9.1-25.8 9.1-47.9 6.4-52.5c-2.7-4.9-10.1-7.7-21-13"/><path fill="currentColor" d="M925.2 338.4c-22.6-53.7-55-101.9-96.3-143.3c-41.3-41.3-89.5-73.8-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9c-53.3 22.8-101.1 55.2-142 96.5s-73 89.3-95.2 142.8c-23 55.4-34.6 114.3-34.3 174.9c.3 69.4 16.9 138.3 48 199.9v152c0 25.4 20.6 46 46 46h152.1c61.6 31.1 130.5 47.7 199.9 48h2.1c59.9 0 118-11.6 172.7-34.3c53.5-22.3 101.6-54.3 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142c23.6-55.2 35.6-113.9 35.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8c69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9c44.6 18.7 84.6 45.6 119 80c34.3 34.3 61.3 74.4 80 119c19.4 46.2 29.1 95.2 28.9 145.8c-.6 99.6-39.7 192.9-110.1 262.7"/></svg>
</template>

CSS

.icon-whats-app-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M713.5%20599.9c-10.9-5.6-65.2-32.2-75.3-35.8c-10.1-3.8-17.5-5.6-24.8%205.6c-7.4%2011.1-28.4%2035.8-35%2043.3c-6.4%207.4-12.9%208.3-23.8%202.8c-64.8-32.4-107.3-57.8-150-131.1c-11.3-19.5%2011.3-18.1%2032.4-60.2c3.6-7.4%201.8-13.7-1-19.3s-24.8-59.8-34-81.9c-8.9-21.5-18.1-18.5-24.8-18.9c-6.4-.4-13.7-.4-21.1-.4s-19.3%202.8-29.4%2013.7c-10.1%2011.1-38.6%2037.8-38.6%2092s39.5%20106.7%2044.9%20114.1c5.6%207.4%2077.7%20118.6%20188.4%20166.5c70%2030.2%2097.4%2032.8%20132.4%2027.6c21.3-3.2%2065.2-26.6%2074.3-52.5c9.1-25.8%209.1-47.9%206.4-52.5c-2.7-4.9-10.1-7.7-21-13%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M925.2%20338.4c-22.6-53.7-55-101.9-96.3-143.3c-41.3-41.3-89.5-73.8-143.3-96.3C630.6%2075.7%20572.2%2064%20512%2064h-2c-60.6.3-119.3%2012.3-174.5%2035.9c-53.3%2022.8-101.1%2055.2-142%2096.5s-73%2089.3-95.2%20142.8c-23%2055.4-34.6%20114.3-34.3%20174.9c.3%2069.4%2016.9%20138.3%2048%20199.9v152c0%2025.4%2020.6%2046%2046%2046h152.1c61.6%2031.1%20130.5%2047.7%20199.9%2048h2.1c59.9%200%20118-11.6%20172.7-34.3c53.5-22.3%20101.6-54.3%20142.8-95.2c41.3-40.9%2073.8-88.7%2096.5-142c23.6-55.2%2035.6-113.9%2035.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1%20438C704%20845.8%20611%20884%20512%20884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3%20633.9%20140.3%20574%20140%20513.7c-.4-99.7%2037.7-193.3%20107.6-263.8c69.8-70.5%20163.1-109.5%20262.8-109.9h1.7c50%200%2098.5%209.7%20144.2%2028.9c44.6%2018.7%2084.6%2045.6%20119%2080c34.3%2034.3%2061.3%2074.4%2080%20119c19.4%2046.2%2029.1%2095.2%2028.9%20145.8c-.6%2099.6-39.7%20192.9-110.1%20262.7%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M713.5%20599.9c-10.9-5.6-65.2-32.2-75.3-35.8c-10.1-3.8-17.5-5.6-24.8%205.6c-7.4%2011.1-28.4%2035.8-35%2043.3c-6.4%207.4-12.9%208.3-23.8%202.8c-64.8-32.4-107.3-57.8-150-131.1c-11.3-19.5%2011.3-18.1%2032.4-60.2c3.6-7.4%201.8-13.7-1-19.3s-24.8-59.8-34-81.9c-8.9-21.5-18.1-18.5-24.8-18.9c-6.4-.4-13.7-.4-21.1-.4s-19.3%202.8-29.4%2013.7c-10.1%2011.1-38.6%2037.8-38.6%2092s39.5%20106.7%2044.9%20114.1c5.6%207.4%2077.7%20118.6%20188.4%20166.5c70%2030.2%2097.4%2032.8%20132.4%2027.6c21.3-3.2%2065.2-26.6%2074.3-52.5c9.1-25.8%209.1-47.9%206.4-52.5c-2.7-4.9-10.1-7.7-21-13%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M925.2%20338.4c-22.6-53.7-55-101.9-96.3-143.3c-41.3-41.3-89.5-73.8-143.3-96.3C630.6%2075.7%20572.2%2064%20512%2064h-2c-60.6.3-119.3%2012.3-174.5%2035.9c-53.3%2022.8-101.1%2055.2-142%2096.5s-73%2089.3-95.2%20142.8c-23%2055.4-34.6%20114.3-34.3%20174.9c.3%2069.4%2016.9%20138.3%2048%20199.9v152c0%2025.4%2020.6%2046%2046%2046h152.1c61.6%2031.1%20130.5%2047.7%20199.9%2048h2.1c59.9%200%20118-11.6%20172.7-34.3c53.5-22.3%20101.6-54.3%20142.8-95.2c41.3-40.9%2073.8-88.7%2096.5-142c23.6-55.2%2035.6-113.9%2035.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1%20438C704%20845.8%20611%20884%20512%20884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3%20633.9%20140.3%20574%20140%20513.7c-.4-99.7%2037.7-193.3%20107.6-263.8c69.8-70.5%20163.1-109.5%20262.8-109.9h1.7c50%200%2098.5%209.7%20144.2%2028.9c44.6%2018.7%2084.6%2045.6%20119%2080c34.3%2034.3%2061.3%2074.4%2080%20119c19.4%2046.2%2029.1%2095.2%2028.9%20145.8c-.6%2099.6-39.7%20192.9-110.1%20262.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/whats-app-outlined.svg?color=%231a73e8&size=48