social whatsapp icon
social-whatsapp-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- social-whatsapp-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
social-android-outlinesocial-angular-outlinesocial-apple-outlinesocial-bitcoin-outlinesocial-buffer-outlinesocial-chrome-outlinesocial-codepen-outlinesocial-css3-outlinesocial-designernews-outlinesocial-dribbblesocial-dropbox-outlinesocial-euro-outlinesocial-facebooksocial-foursquare-outlinesocial-github-outlinesocial-googlesocial-googleplussocial-hackernews-outlinesocial-html5-outlinesocial-instagramsocial-javascript-outlinesocial-linkedin-outlinesocial-octocatsocial-pinterest-outline
Use the social whatsapp icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill-rule="evenodd" clip-rule="evenodd" d="M209.877 154.114c-4.258-11.323-9.176-10.515-12.45-10.639-3.277-.121-6.146-.061-10.573.011-3.746.061-9.882 1.026-15.232 6.413-5.357 5.378-20.366 18.312-21.404 45.725-1.031 27.408 18.08 54.643 20.749 58.455 2.667 3.826 36.494 63.236 92.719 87.67 56.231 24.427 56.525 16.981 66.84 16.435 10.325-.54 33.726-12.246 38.899-25.073 5.172-12.827 5.588-23.979 4.271-26.358-1.316-2.371-5-3.911-10.51-6.9-5.516-2.995-32.595-17.498-37.673-19.55-5.081-2.044-8.787-3.108-12.742 2.329-3.957 5.422-15.191 17.569-18.596 21.168-3.42 3.6-6.711 3.934-12.226.93-5.5-2.988-23.373-9.548-44.098-29.317-16.126-15.38-26.711-34.043-29.779-39.736-3.069-5.697-.02-8.604 2.9-11.269 2.618-2.407 5.857-6.301 8.792-9.449 2.919-3.148 3.949-5.43 5.961-9.083 2.007-3.645 1.2-6.932-.102-9.771-1.303-2.838-11.49-30.668-15.746-41.991z" fill="currentColor"/><path d="M260.062 64c50.249 0 97.478 19.402 132.982 54.632C428.482 153.796 448 200.533 448 250.232c0 49.694-19.518 96.43-54.956 131.596-35.507 35.232-82.735 54.637-132.982 54.637-31.806 0-63.24-8.023-90.906-23.201l-12.017-6.593-13.063 4.149-61.452 19.522 19.375-57.149 4.798-14.151-7.771-12.763c-17.593-28.898-26.892-62.111-26.892-96.047 0-49.699 19.518-96.436 54.957-131.601C162.596 83.402 209.819 64 260.062 64m0-32C138.605 32 40.134 129.701 40.134 250.232c0 41.229 11.532 79.791 31.559 112.687L32 480l121.764-38.682c31.508 17.285 67.745 27.146 106.298 27.146C381.535 468.464 480 370.749 480 250.232 480 129.701 381.535 32 260.062 32z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonSocialWhatsappOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fillRule="evenodd" clipRule="evenodd" d="M209.877 154.114c-4.258-11.323-9.176-10.515-12.45-10.639-3.277-.121-6.146-.061-10.573.011-3.746.061-9.882 1.026-15.232 6.413-5.357 5.378-20.366 18.312-21.404 45.725-1.031 27.408 18.08 54.643 20.749 58.455 2.667 3.826 36.494 63.236 92.719 87.67 56.231 24.427 56.525 16.981 66.84 16.435 10.325-.54 33.726-12.246 38.899-25.073 5.172-12.827 5.588-23.979 4.271-26.358-1.316-2.371-5-3.911-10.51-6.9-5.516-2.995-32.595-17.498-37.673-19.55-5.081-2.044-8.787-3.108-12.742 2.329-3.957 5.422-15.191 17.569-18.596 21.168-3.42 3.6-6.711 3.934-12.226.93-5.5-2.988-23.373-9.548-44.098-29.317-16.126-15.38-26.711-34.043-29.779-39.736-3.069-5.697-.02-8.604 2.9-11.269 2.618-2.407 5.857-6.301 8.792-9.449 2.919-3.148 3.949-5.43 5.961-9.083 2.007-3.645 1.2-6.932-.102-9.771-1.303-2.838-11.49-30.668-15.746-41.991z" fill="currentColor"/><path d="M260.062 64c50.249 0 97.478 19.402 132.982 54.632C428.482 153.796 448 200.533 448 250.232c0 49.694-19.518 96.43-54.956 131.596-35.507 35.232-82.735 54.637-132.982 54.637-31.806 0-63.24-8.023-90.906-23.201l-12.017-6.593-13.063 4.149-61.452 19.522 19.375-57.149 4.798-14.151-7.771-12.763c-17.593-28.898-26.892-62.111-26.892-96.047 0-49.699 19.518-96.436 54.957-131.601C162.596 83.402 209.819 64 260.062 64m0-32C138.605 32 40.134 129.701 40.134 250.232c0 41.229 11.532 79.791 31.559 112.687L32 480l121.764-38.682c31.508 17.285 67.745 27.146 106.298 27.146C381.535 468.464 480 370.749 480 250.232 480 129.701 381.535 32 260.062 32z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill-rule="evenodd" clip-rule="evenodd" d="M209.877 154.114c-4.258-11.323-9.176-10.515-12.45-10.639-3.277-.121-6.146-.061-10.573.011-3.746.061-9.882 1.026-15.232 6.413-5.357 5.378-20.366 18.312-21.404 45.725-1.031 27.408 18.08 54.643 20.749 58.455 2.667 3.826 36.494 63.236 92.719 87.67 56.231 24.427 56.525 16.981 66.84 16.435 10.325-.54 33.726-12.246 38.899-25.073 5.172-12.827 5.588-23.979 4.271-26.358-1.316-2.371-5-3.911-10.51-6.9-5.516-2.995-32.595-17.498-37.673-19.55-5.081-2.044-8.787-3.108-12.742 2.329-3.957 5.422-15.191 17.569-18.596 21.168-3.42 3.6-6.711 3.934-12.226.93-5.5-2.988-23.373-9.548-44.098-29.317-16.126-15.38-26.711-34.043-29.779-39.736-3.069-5.697-.02-8.604 2.9-11.269 2.618-2.407 5.857-6.301 8.792-9.449 2.919-3.148 3.949-5.43 5.961-9.083 2.007-3.645 1.2-6.932-.102-9.771-1.303-2.838-11.49-30.668-15.746-41.991z" fill="currentColor"/><path d="M260.062 64c50.249 0 97.478 19.402 132.982 54.632C428.482 153.796 448 200.533 448 250.232c0 49.694-19.518 96.43-54.956 131.596-35.507 35.232-82.735 54.637-132.982 54.637-31.806 0-63.24-8.023-90.906-23.201l-12.017-6.593-13.063 4.149-61.452 19.522 19.375-57.149 4.798-14.151-7.771-12.763c-17.593-28.898-26.892-62.111-26.892-96.047 0-49.699 19.518-96.436 54.957-131.601C162.596 83.402 209.819 64 260.062 64m0-32C138.605 32 40.134 129.701 40.134 250.232c0 41.229 11.532 79.791 31.559 112.687L32 480l121.764-38.682c31.508 17.285 67.745 27.146 106.298 27.146C381.535 468.464 480 370.749 480 250.232 480 129.701 381.535 32 260.062 32z" fill="currentColor"/></svg> </template>
CSS
.icon-social-whatsapp-outline {
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%20512%20512%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M209.877%20154.114c-4.258-11.323-9.176-10.515-12.45-10.639-3.277-.121-6.146-.061-10.573.011-3.746.061-9.882%201.026-15.232%206.413-5.357%205.378-20.366%2018.312-21.404%2045.725-1.031%2027.408%2018.08%2054.643%2020.749%2058.455%202.667%203.826%2036.494%2063.236%2092.719%2087.67%2056.231%2024.427%2056.525%2016.981%2066.84%2016.435%2010.325-.54%2033.726-12.246%2038.899-25.073%205.172-12.827%205.588-23.979%204.271-26.358-1.316-2.371-5-3.911-10.51-6.9-5.516-2.995-32.595-17.498-37.673-19.55-5.081-2.044-8.787-3.108-12.742%202.329-3.957%205.422-15.191%2017.569-18.596%2021.168-3.42%203.6-6.711%203.934-12.226.93-5.5-2.988-23.373-9.548-44.098-29.317-16.126-15.38-26.711-34.043-29.779-39.736-3.069-5.697-.02-8.604%202.9-11.269%202.618-2.407%205.857-6.301%208.792-9.449%202.919-3.148%203.949-5.43%205.961-9.083%202.007-3.645%201.2-6.932-.102-9.771-1.303-2.838-11.49-30.668-15.746-41.991z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M260.062%2064c50.249%200%2097.478%2019.402%20132.982%2054.632C428.482%20153.796%20448%20200.533%20448%20250.232c0%2049.694-19.518%2096.43-54.956%20131.596-35.507%2035.232-82.735%2054.637-132.982%2054.637-31.806%200-63.24-8.023-90.906-23.201l-12.017-6.593-13.063%204.149-61.452%2019.522%2019.375-57.149%204.798-14.151-7.771-12.763c-17.593-28.898-26.892-62.111-26.892-96.047%200-49.699%2019.518-96.436%2054.957-131.601C162.596%2083.402%20209.819%2064%20260.062%2064m0-32C138.605%2032%2040.134%20129.701%2040.134%20250.232c0%2041.229%2011.532%2079.791%2031.559%20112.687L32%20480l121.764-38.682c31.508%2017.285%2067.745%2027.146%20106.298%2027.146C381.535%20468.464%20480%20370.749%20480%20250.232%20480%20129.701%20381.535%2032%20260.062%2032z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M209.877%20154.114c-4.258-11.323-9.176-10.515-12.45-10.639-3.277-.121-6.146-.061-10.573.011-3.746.061-9.882%201.026-15.232%206.413-5.357%205.378-20.366%2018.312-21.404%2045.725-1.031%2027.408%2018.08%2054.643%2020.749%2058.455%202.667%203.826%2036.494%2063.236%2092.719%2087.67%2056.231%2024.427%2056.525%2016.981%2066.84%2016.435%2010.325-.54%2033.726-12.246%2038.899-25.073%205.172-12.827%205.588-23.979%204.271-26.358-1.316-2.371-5-3.911-10.51-6.9-5.516-2.995-32.595-17.498-37.673-19.55-5.081-2.044-8.787-3.108-12.742%202.329-3.957%205.422-15.191%2017.569-18.596%2021.168-3.42%203.6-6.711%203.934-12.226.93-5.5-2.988-23.373-9.548-44.098-29.317-16.126-15.38-26.711-34.043-29.779-39.736-3.069-5.697-.02-8.604%202.9-11.269%202.618-2.407%205.857-6.301%208.792-9.449%202.919-3.148%203.949-5.43%205.961-9.083%202.007-3.645%201.2-6.932-.102-9.771-1.303-2.838-11.49-30.668-15.746-41.991z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M260.062%2064c50.249%200%2097.478%2019.402%20132.982%2054.632C428.482%20153.796%20448%20200.533%20448%20250.232c0%2049.694-19.518%2096.43-54.956%20131.596-35.507%2035.232-82.735%2054.637-132.982%2054.637-31.806%200-63.24-8.023-90.906-23.201l-12.017-6.593-13.063%204.149-61.452%2019.522%2019.375-57.149%204.798-14.151-7.771-12.763c-17.593-28.898-26.892-62.111-26.892-96.047%200-49.699%2019.518-96.436%2054.957-131.601C162.596%2083.402%20209.819%2064%20260.062%2064m0-32C138.605%2032%2040.134%20129.701%2040.134%20250.232c0%2041.229%2011.532%2079.791%2031.559%20112.687L32%20480l121.764-38.682c31.508%2017.285%2067.745%2027.146%20106.298%2027.146C381.535%20468.464%20480%20370.749%20480%20250.232%20480%20129.701%20381.535%2032%20260.062%2032z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/social-whatsapp-outline.svg?color=%231a73e8&size=48
