whatsapp monochrome icon logo
whatsapp-monochrome-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- whatsapp-monochrome-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×258
- License
- CC0
Related icons in SVG Logos
Use the whatsapp monochrome icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#455a64" d="M128.534 0c34.098.017 66.102 13.29 90.167 37.383c24.066 24.092 37.312 56.12 37.299 90.174c-.028 69.579-56.076 126.318-125.36 127.446l-2.103.017h-.053c-21.005-.007-41.65-5.194-60.051-15.045l-.86-.466L0 257.233l18.083-66.055C6.93 171.852 1.061 149.922 1.07 127.455C1.098 57.178 58.279 0 128.534 0m.044 21.53c-58.437 0-105.964 47.523-105.987 105.936c-.008 19.712 5.424 38.921 15.719 55.612l.478.769l2.52 4.009l-10.703 39.093l40.097-10.517l3.869 2.294c16.007 9.499 34.32 14.599 53.017 14.764l.905.004h.044c58.392 0 105.918-47.526 105.942-105.943c.01-28.308-10.998-54.927-31.001-74.952s-46.603-31.06-74.9-31.07m-45.17 47.063c2.122 0 4.25.02 6.104.115c1.956.096 4.581-.743 7.165 5.466c.992 2.38 2.5 6.057 4.044 9.813l.331.805c2.485 6.045 4.969 12.072 5.447 13.029c.795 1.593 1.325 3.455.264 5.579c-1.06 2.127-1.593 3.454-3.184 5.316c-1.593 1.858-3.344 4.153-4.777 5.579l-.234.233l-.232.237c-1.42 1.469-2.608 3.153-.93 6.027c1.857 3.19 8.248 13.622 17.716 22.066c12.165 10.85 22.428 14.214 25.613 15.809s5.043 1.328 6.9-.8c1.859-2.124 7.961-9.298 10.085-12.487c2.123-3.188 4.246-2.655 7.166-1.593c1.387.505 5.654 2.511 10.092 4.649l1.38.666c4.443 2.15 8.776 4.288 10.29 5.046c3.185 1.595 5.309 2.392 6.104 3.719c.796 1.33.796 7.705-1.858 15.145s-15.378 14.23-21.497 15.146c-5.487.818-12.43 1.16-20.06-1.262c-4.624-1.47-10.558-3.429-18.157-6.71c-31.948-13.794-52.815-45.966-54.406-48.09l-.108-.144c-1.941-2.594-12.898-17.445-12.898-32.804c0-15.675 8.229-23.38 11.147-26.569c2.92-3.186 6.37-3.986 8.493-3.986"/></svg>
React
import type { SVGProps } from "react";
export function LogosWhatsappMonochromeIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#455a64" d="M128.534 0c34.098.017 66.102 13.29 90.167 37.383c24.066 24.092 37.312 56.12 37.299 90.174c-.028 69.579-56.076 126.318-125.36 127.446l-2.103.017h-.053c-21.005-.007-41.65-5.194-60.051-15.045l-.86-.466L0 257.233l18.083-66.055C6.93 171.852 1.061 149.922 1.07 127.455C1.098 57.178 58.279 0 128.534 0m.044 21.53c-58.437 0-105.964 47.523-105.987 105.936c-.008 19.712 5.424 38.921 15.719 55.612l.478.769l2.52 4.009l-10.703 39.093l40.097-10.517l3.869 2.294c16.007 9.499 34.32 14.599 53.017 14.764l.905.004h.044c58.392 0 105.918-47.526 105.942-105.943c.01-28.308-10.998-54.927-31.001-74.952s-46.603-31.06-74.9-31.07m-45.17 47.063c2.122 0 4.25.02 6.104.115c1.956.096 4.581-.743 7.165 5.466c.992 2.38 2.5 6.057 4.044 9.813l.331.805c2.485 6.045 4.969 12.072 5.447 13.029c.795 1.593 1.325 3.455.264 5.579c-1.06 2.127-1.593 3.454-3.184 5.316c-1.593 1.858-3.344 4.153-4.777 5.579l-.234.233l-.232.237c-1.42 1.469-2.608 3.153-.93 6.027c1.857 3.19 8.248 13.622 17.716 22.066c12.165 10.85 22.428 14.214 25.613 15.809s5.043 1.328 6.9-.8c1.859-2.124 7.961-9.298 10.085-12.487c2.123-3.188 4.246-2.655 7.166-1.593c1.387.505 5.654 2.511 10.092 4.649l1.38.666c4.443 2.15 8.776 4.288 10.29 5.046c3.185 1.595 5.309 2.392 6.104 3.719c.796 1.33.796 7.705-1.858 15.145s-15.378 14.23-21.497 15.146c-5.487.818-12.43 1.16-20.06-1.262c-4.624-1.47-10.558-3.429-18.157-6.71c-31.948-13.794-52.815-45.966-54.406-48.09l-.108-.144c-1.941-2.594-12.898-17.445-12.898-32.804c0-15.675 8.229-23.38 11.147-26.569c2.92-3.186 6.37-3.986 8.493-3.986"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#455a64" d="M128.534 0c34.098.017 66.102 13.29 90.167 37.383c24.066 24.092 37.312 56.12 37.299 90.174c-.028 69.579-56.076 126.318-125.36 127.446l-2.103.017h-.053c-21.005-.007-41.65-5.194-60.051-15.045l-.86-.466L0 257.233l18.083-66.055C6.93 171.852 1.061 149.922 1.07 127.455C1.098 57.178 58.279 0 128.534 0m.044 21.53c-58.437 0-105.964 47.523-105.987 105.936c-.008 19.712 5.424 38.921 15.719 55.612l.478.769l2.52 4.009l-10.703 39.093l40.097-10.517l3.869 2.294c16.007 9.499 34.32 14.599 53.017 14.764l.905.004h.044c58.392 0 105.918-47.526 105.942-105.943c.01-28.308-10.998-54.927-31.001-74.952s-46.603-31.06-74.9-31.07m-45.17 47.063c2.122 0 4.25.02 6.104.115c1.956.096 4.581-.743 7.165 5.466c.992 2.38 2.5 6.057 4.044 9.813l.331.805c2.485 6.045 4.969 12.072 5.447 13.029c.795 1.593 1.325 3.455.264 5.579c-1.06 2.127-1.593 3.454-3.184 5.316c-1.593 1.858-3.344 4.153-4.777 5.579l-.234.233l-.232.237c-1.42 1.469-2.608 3.153-.93 6.027c1.857 3.19 8.248 13.622 17.716 22.066c12.165 10.85 22.428 14.214 25.613 15.809s5.043 1.328 6.9-.8c1.859-2.124 7.961-9.298 10.085-12.487c2.123-3.188 4.246-2.655 7.166-1.593c1.387.505 5.654 2.511 10.092 4.649l1.38.666c4.443 2.15 8.776 4.288 10.29 5.046c3.185 1.595 5.309 2.392 6.104 3.719c.796 1.33.796 7.705-1.858 15.145s-15.378 14.23-21.497 15.146c-5.487.818-12.43 1.16-20.06-1.262c-4.624-1.47-10.558-3.429-18.157-6.71c-31.948-13.794-52.815-45.966-54.406-48.09l-.108-.144c-1.941-2.594-12.898-17.445-12.898-32.804c0-15.675 8.229-23.38 11.147-26.569c2.92-3.186 6.37-3.986 8.493-3.986"/></svg> </template>
CSS
.icon-whatsapp-monochrome-icon {
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%20256%20258%22%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M128.534%200c34.098.017%2066.102%2013.29%2090.167%2037.383c24.066%2024.092%2037.312%2056.12%2037.299%2090.174c-.028%2069.579-56.076%20126.318-125.36%20127.446l-2.103.017h-.053c-21.005-.007-41.65-5.194-60.051-15.045l-.86-.466L0%20257.233l18.083-66.055C6.93%20171.852%201.061%20149.922%201.07%20127.455C1.098%2057.178%2058.279%200%20128.534%200m.044%2021.53c-58.437%200-105.964%2047.523-105.987%20105.936c-.008%2019.712%205.424%2038.921%2015.719%2055.612l.478.769l2.52%204.009l-10.703%2039.093l40.097-10.517l3.869%202.294c16.007%209.499%2034.32%2014.599%2053.017%2014.764l.905.004h.044c58.392%200%20105.918-47.526%20105.942-105.943c.01-28.308-10.998-54.927-31.001-74.952s-46.603-31.06-74.9-31.07m-45.17%2047.063c2.122%200%204.25.02%206.104.115c1.956.096%204.581-.743%207.165%205.466c.992%202.38%202.5%206.057%204.044%209.813l.331.805c2.485%206.045%204.969%2012.072%205.447%2013.029c.795%201.593%201.325%203.455.264%205.579c-1.06%202.127-1.593%203.454-3.184%205.316c-1.593%201.858-3.344%204.153-4.777%205.579l-.234.233l-.232.237c-1.42%201.469-2.608%203.153-.93%206.027c1.857%203.19%208.248%2013.622%2017.716%2022.066c12.165%2010.85%2022.428%2014.214%2025.613%2015.809s5.043%201.328%206.9-.8c1.859-2.124%207.961-9.298%2010.085-12.487c2.123-3.188%204.246-2.655%207.166-1.593c1.387.505%205.654%202.511%2010.092%204.649l1.38.666c4.443%202.15%208.776%204.288%2010.29%205.046c3.185%201.595%205.309%202.392%206.104%203.719c.796%201.33.796%207.705-1.858%2015.145s-15.378%2014.23-21.497%2015.146c-5.487.818-12.43%201.16-20.06-1.262c-4.624-1.47-10.558-3.429-18.157-6.71c-31.948-13.794-52.815-45.966-54.406-48.09l-.108-.144c-1.941-2.594-12.898-17.445-12.898-32.804c0-15.675%208.229-23.38%2011.147-26.569c2.92-3.186%206.37-3.986%208.493-3.986%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%20256%20258%22%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M128.534%200c34.098.017%2066.102%2013.29%2090.167%2037.383c24.066%2024.092%2037.312%2056.12%2037.299%2090.174c-.028%2069.579-56.076%20126.318-125.36%20127.446l-2.103.017h-.053c-21.005-.007-41.65-5.194-60.051-15.045l-.86-.466L0%20257.233l18.083-66.055C6.93%20171.852%201.061%20149.922%201.07%20127.455C1.098%2057.178%2058.279%200%20128.534%200m.044%2021.53c-58.437%200-105.964%2047.523-105.987%20105.936c-.008%2019.712%205.424%2038.921%2015.719%2055.612l.478.769l2.52%204.009l-10.703%2039.093l40.097-10.517l3.869%202.294c16.007%209.499%2034.32%2014.599%2053.017%2014.764l.905.004h.044c58.392%200%20105.918-47.526%20105.942-105.943c.01-28.308-10.998-54.927-31.001-74.952s-46.603-31.06-74.9-31.07m-45.17%2047.063c2.122%200%204.25.02%206.104.115c1.956.096%204.581-.743%207.165%205.466c.992%202.38%202.5%206.057%204.044%209.813l.331.805c2.485%206.045%204.969%2012.072%205.447%2013.029c.795%201.593%201.325%203.455.264%205.579c-1.06%202.127-1.593%203.454-3.184%205.316c-1.593%201.858-3.344%204.153-4.777%205.579l-.234.233l-.232.237c-1.42%201.469-2.608%203.153-.93%206.027c1.857%203.19%208.248%2013.622%2017.716%2022.066c12.165%2010.85%2022.428%2014.214%2025.613%2015.809s5.043%201.328%206.9-.8c1.859-2.124%207.961-9.298%2010.085-12.487c2.123-3.188%204.246-2.655%207.166-1.593c1.387.505%205.654%202.511%2010.092%204.649l1.38.666c4.443%202.15%208.776%204.288%2010.29%205.046c3.185%201.595%205.309%202.392%206.104%203.719c.796%201.33.796%207.705-1.858%2015.145s-15.378%2014.23-21.497%2015.146c-5.487.818-12.43%201.16-20.06-1.262c-4.624-1.47-10.558-3.429-18.157-6.71c-31.948-13.794-52.815-45.966-54.406-48.09l-.108-.144c-1.941-2.594-12.898-17.445-12.898-32.804c0-15.675%208.229-23.38%2011.147-26.569c2.92-3.186%206.37-3.986%208.493-3.986%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/whatsapp-monochrome-icon.svg?color=%231a73e8&size=48
