Whatsapp Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Whatsapp icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310496.svg" alt="Whatsapp icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310496.svg" alt="Whatsapp icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310496.svg" alt="Whatsapp icon" :width="24" :height="24" />
CSS background
.icon-whatsapp {
background-image: url('https://proicons.com/icon/310496.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.7939 2.64211C18.4738 3.54213 21.6541 7.59589 21.4943 12.4154C21.3471 16.8586 17.7516 20.7326 13.2237 21.2879C11.3769 21.5144 9.60006 21.2244 7.90604 20.428C7.6637 20.3141 7.32658 20.2837 7.06512 20.3463C5.70965 20.6713 4.36469 21.0396 3.01552 21.3908C2.86767 21.4292 2.71638 21.4546 2.49992 21.5C2.90493 20.0176 3.28328 18.5957 3.68698 17.1809C3.7895 16.8216 3.76121 16.5357 3.59592 16.1846C2.02127 12.8397 2.15841 9.55847 4.30355 6.52539C6.45515 3.48319 9.49065 2.18524 13.2242 2.5641C13.3999 2.58194 13.575 2.607 13.7939 2.64211ZM19.7077 13.6464C19.9763 12.5498 20.0073 11.4386 19.7459 10.3479C18.958 7.05999 16.9121 4.92897 13.5864 4.25547C10.3227 3.59454 7.58326 4.6955 5.65031 7.3928C3.71349 10.0955 3.67171 12.9931 5.26965 15.8962C5.47511 16.2694 5.53029 16.5754 5.40529 16.9745C5.17733 17.7024 4.99959 18.4458 4.77696 19.2716C5.7016 19.032 6.51287 18.8013 7.33535 18.6217C7.56776 18.571 7.8729 18.5975 8.07732 18.71C12.7725 21.2951 18.3536 18.9105 19.7077 13.6464Z" fill="url(#paint0_linear_1034_53)"/> <path d="M9.74473 8.15751C9.92352 8.58485 10.0448 8.9983 10.2547 9.36088C10.5546 9.87907 10.4636 10.314 10.0498 10.6789C9.60461 11.0714 9.6714 11.404 9.99002 11.8535C10.7246 12.8898 11.6476 13.6672 12.813 14.1762C13.1332 14.316 13.3755 14.34 13.5839 14.0191C13.6695 13.8873 13.7893 13.7781 13.8886 13.6546C14.4722 12.9285 14.2887 12.9353 15.2132 13.3365C15.5042 13.4628 15.7945 13.5983 16.064 13.7637C16.3331 13.9289 16.7431 14.0994 16.7961 14.3338C16.9136 14.8538 16.748 15.3824 16.3145 15.7682C15.5147 16.4798 14.5934 16.5979 13.5886 16.3205C11.4151 15.7203 9.74304 14.4156 8.46204 12.6104C8.00961 11.9728 7.60568 11.2663 7.35232 10.5321C7.0439 9.63836 7.26142 8.77578 7.89824 8.01877C8.27281 7.57351 8.72855 7.47407 9.22288 7.59284C9.42188 7.64065 9.56063 7.93744 9.74473 8.15751Z" fill="url(#paint1_linear_1034_53)"/> <defs> <linearGradient id="paint0_linear_1034_53" x1="12" y1="2.5" x2="12" y2="21.5" gradientUnits="userSpaceOnUse"> <stop stop-color="#57D163"/> <stop offset="1" stop-color="#23B33A"/> </linearGradient> <linearGradient id="paint1_linear_1034_53" x1="12.0233" y1="7.54666" x2="12.0233" y2="16.4588" gradientUnits="userSpaceOnUse"> <stop stop-color="#57D163"/> <stop offset="1" stop-color="#23B33A"/> </linearGradient> </defs> </svg>
More from Mage Icons
View all
Whatsapp in other icon packs
Copied!