whatsapp icon
whatsapp-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- whatsapp-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
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 IconswhatsappSimple Iconswhatsapp-outlineTeenyiconswhatsappUniconswhatsappUnicons Monochrome
More logos icons from Remix Icon
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="m7.254 18.494l.724.423A7.95 7.95 0 0 0 12.001 20a8 8 0 1 0-8-8a7.95 7.95 0 0 0 1.084 4.024l.422.724l-.653 2.401zM2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355zM8.392 7.308q.202-.014.403-.004q.081.006.162.016c.159.018.334.115.393.249q.447 1.015.868 2.04c.062.152.025.347-.093.537c-.06.097-.154.233-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86 1.02 1.268c.12.116.237.235.363.346c.468.413.998.75 1.57 1l.005.002c.085.037.128.057.252.11q.093.039.191.066q.036.01.073.011a.35.35 0 0 0 .295-.142c.723-.876.79-.933.795-.933v.002a.48.48 0 0 1 .378-.127q.092.004.177.04c.531.243 1.4.622 1.4.622l.582.261c.098.047.187.158.19.265c.004.067.01.175-.013.373c-.032.259-.11.57-.188.733a1.2 1.2 0 0 1-.21.302a2.4 2.4 0 0 1-.33.288q-.124.092-.125.09a5 5 0 0 1-.383.22a2 2 0 0 1-.833.23c-.185.01-.37.024-.556.014c-.008 0-.568-.087-.568-.087a9.45 9.45 0 0 1-3.84-2.046c-.226-.199-.436-.413-.65-.626c-.888-.885-1.561-1.84-1.97-2.742a3.5 3.5 0 0 1-.33-1.413a2.73 2.73 0 0 1 .565-1.68c.073-.094.142-.192.261-.305c.126-.12.207-.184.294-.228a1 1 0 0 1 .371-.1"/></svg>
React
import type { SVGProps } from "react";
export function RiWhatsappLine(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="m7.254 18.494l.724.423A7.95 7.95 0 0 0 12.001 20a8 8 0 1 0-8-8a7.95 7.95 0 0 0 1.084 4.024l.422.724l-.653 2.401zM2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355zM8.392 7.308q.202-.014.403-.004q.081.006.162.016c.159.018.334.115.393.249q.447 1.015.868 2.04c.062.152.025.347-.093.537c-.06.097-.154.233-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86 1.02 1.268c.12.116.237.235.363.346c.468.413.998.75 1.57 1l.005.002c.085.037.128.057.252.11q.093.039.191.066q.036.01.073.011a.35.35 0 0 0 .295-.142c.723-.876.79-.933.795-.933v.002a.48.48 0 0 1 .378-.127q.092.004.177.04c.531.243 1.4.622 1.4.622l.582.261c.098.047.187.158.19.265c.004.067.01.175-.013.373c-.032.259-.11.57-.188.733a1.2 1.2 0 0 1-.21.302a2.4 2.4 0 0 1-.33.288q-.124.092-.125.09a5 5 0 0 1-.383.22a2 2 0 0 1-.833.23c-.185.01-.37.024-.556.014c-.008 0-.568-.087-.568-.087a9.45 9.45 0 0 1-3.84-2.046c-.226-.199-.436-.413-.65-.626c-.888-.885-1.561-1.84-1.97-2.742a3.5 3.5 0 0 1-.33-1.413a2.73 2.73 0 0 1 .565-1.68c.073-.094.142-.192.261-.305c.126-.12.207-.184.294-.228a1 1 0 0 1 .371-.1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7.254 18.494l.724.423A7.95 7.95 0 0 0 12.001 20a8 8 0 1 0-8-8a7.95 7.95 0 0 0 1.084 4.024l.422.724l-.653 2.401zM2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355zM8.392 7.308q.202-.014.403-.004q.081.006.162.016c.159.018.334.115.393.249q.447 1.015.868 2.04c.062.152.025.347-.093.537c-.06.097-.154.233-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86 1.02 1.268c.12.116.237.235.363.346c.468.413.998.75 1.57 1l.005.002c.085.037.128.057.252.11q.093.039.191.066q.036.01.073.011a.35.35 0 0 0 .295-.142c.723-.876.79-.933.795-.933v.002a.48.48 0 0 1 .378-.127q.092.004.177.04c.531.243 1.4.622 1.4.622l.582.261c.098.047.187.158.19.265c.004.067.01.175-.013.373c-.032.259-.11.57-.188.733a1.2 1.2 0 0 1-.21.302a2.4 2.4 0 0 1-.33.288q-.124.092-.125.09a5 5 0 0 1-.383.22a2 2 0 0 1-.833.23c-.185.01-.37.024-.556.014c-.008 0-.568-.087-.568-.087a9.45 9.45 0 0 1-3.84-2.046c-.226-.199-.436-.413-.65-.626c-.888-.885-1.561-1.84-1.97-2.742a3.5 3.5 0 0 1-.33-1.413a2.73 2.73 0 0 1 .565-1.68c.073-.094.142-.192.261-.305c.126-.12.207-.184.294-.228a1 1 0 0 1 .371-.1"/></svg> </template>
CSS
.icon-whatsapp-line {
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%22m7.254%2018.494l.724.423A7.95%207.95%200%200%200%2012.001%2020a8%208%200%201%200-8-8a7.95%207.95%200%200%200%201.084%204.024l.422.724l-.653%202.401zM2.005%2022l1.352-4.968A9.95%209.95%200%200%201%202.001%2012c0-5.523%204.477-10%2010-10s10%204.477%2010%2010s-4.477%2010-10%2010a9.95%209.95%200%200%201-5.03-1.355zM8.392%207.308q.202-.014.403-.004q.081.006.162.016c.159.018.334.115.393.249q.447%201.015.868%202.04c.062.152.025.347-.093.537c-.06.097-.154.233-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86%201.02%201.268c.12.116.237.235.363.346c.468.413.998.75%201.57%201l.005.002c.085.037.128.057.252.11q.093.039.191.066q.036.01.073.011a.35.35%200%200%200%20.295-.142c.723-.876.79-.933.795-.933v.002a.48.48%200%200%201%20.378-.127q.092.004.177.04c.531.243%201.4.622%201.4.622l.582.261c.098.047.187.158.19.265c.004.067.01.175-.013.373c-.032.259-.11.57-.188.733a1.2%201.2%200%200%201-.21.302a2.4%202.4%200%200%201-.33.288q-.124.092-.125.09a5%205%200%200%201-.383.22a2%202%200%200%201-.833.23c-.185.01-.37.024-.556.014c-.008%200-.568-.087-.568-.087a9.45%209.45%200%200%201-3.84-2.046c-.226-.199-.436-.413-.65-.626c-.888-.885-1.561-1.84-1.97-2.742a3.5%203.5%200%200%201-.33-1.413a2.73%202.73%200%200%201%20.565-1.68c.073-.094.142-.192.261-.305c.126-.12.207-.184.294-.228a1%201%200%200%201%20.371-.1%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%22m7.254%2018.494l.724.423A7.95%207.95%200%200%200%2012.001%2020a8%208%200%201%200-8-8a7.95%207.95%200%200%200%201.084%204.024l.422.724l-.653%202.401zM2.005%2022l1.352-4.968A9.95%209.95%200%200%201%202.001%2012c0-5.523%204.477-10%2010-10s10%204.477%2010%2010s-4.477%2010-10%2010a9.95%209.95%200%200%201-5.03-1.355zM8.392%207.308q.202-.014.403-.004q.081.006.162.016c.159.018.334.115.393.249q.447%201.015.868%202.04c.062.152.025.347-.093.537c-.06.097-.154.233-.263.372c-.113.145-.356.411-.356.411s-.099.118-.061.265c.014.056.06.137.102.205l.059.095c.256.427.6.86%201.02%201.268c.12.116.237.235.363.346c.468.413.998.75%201.57%201l.005.002c.085.037.128.057.252.11q.093.039.191.066q.036.01.073.011a.35.35%200%200%200%20.295-.142c.723-.876.79-.933.795-.933v.002a.48.48%200%200%201%20.378-.127q.092.004.177.04c.531.243%201.4.622%201.4.622l.582.261c.098.047.187.158.19.265c.004.067.01.175-.013.373c-.032.259-.11.57-.188.733a1.2%201.2%200%200%201-.21.302a2.4%202.4%200%200%201-.33.288q-.124.092-.125.09a5%205%200%200%201-.383.22a2%202%200%200%201-.833.23c-.185.01-.37.024-.556.014c-.008%200-.568-.087-.568-.087a9.45%209.45%200%200%201-3.84-2.046c-.226-.199-.436-.413-.65-.626c-.888-.885-1.561-1.84-1.97-2.742a3.5%203.5%200%200%201-.33-1.413a2.73%202.73%200%200%201%20.565-1.68c.073-.094.142-.192.261-.305c.126-.12.207-.184.294-.228a1%201%200%200%201%20.371-.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/whatsapp-line.svg?color=%231a73e8&size=48
