Whatsapp icon in outline, twotone, bold and bulk. Free in all four styles, for logos, integrations, payment methods, social links. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconWhatsapp } from "@devigner-ui/icons";
<IconWhatsapp className="size-6" />
<script setup>
import { IconWhatsapp } from "@devigner-ui/icons-vue";
</script>
<template>
<IconWhatsapp class="size-6" />
</template>
<script>
import { IconWhatsapp } from "@devigner-ui/icons-svelte";
</script>
<IconWhatsapp class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.61 20.63A10 10 0 1 0 4.01 17l-1.34 5z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M17.67 15.17q0 .27-.13.55-.13.27-.34.51-.37.4-.82.59-.45.2-.98.19-.77 0-1.63-.37a9 9 0 0 1-1.72-.99 15 15 0 0 1-3.04-3.04 9 9 0 0 1-.98-1.71 4 4 0 0 1-.36-1.64q0-.51.18-.97t.58-.84q.48-.47 1.04-.47.21 0 .41.09t.34.28l1.16 1.64q.14.19.2.35.07.16.07.31 0 .18-.11.36t-.28.36l-.38.4a.3.3 0 0 0-.08.2l.02.12.04.1a4 4 0 0 0 .47.64 18 18 0 0 0 1.53 1.53q.4.33.65.46l.09.04q.06.03.13.02.13 0 .21-.09l.38-.38q.2-.2.36-.28a.7.7 0 0 1 .67-.04q.17.07.35.2l1.66 1.18q.2.14.28.32z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path></svg>