<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M19.004 4.906A9.84 9.84 0 0 0 11.994 2c-5.463 0-9.909 4.445-9.91 9.91a9.9 9.9 0 0 0 1.322 4.954L2 22l5.254-1.378a9.9 9.9 0 0 0 4.736 1.206h.004c5.462 0 9.908-4.446 9.91-9.91a9.85 9.85 0 0 0-2.9-7.011m-7.01 15.248h-.003a8.2 8.2 0 0 1-4.193-1.148l-.3-.178-3.119.817.832-3.04-.195-.311a8.2 8.2 0 0 1-1.26-4.384c.002-4.541 3.697-8.236 8.241-8.236 2.2 0 4.268.858 5.824 2.416a8.19 8.19 0 0 1 2.41 5.827c-.002 4.542-3.697 8.237-8.237 8.237m4.518-6.169c-.248-.124-1.465-.722-1.692-.805s-.392-.124-.557.124-.64.806-.784.97c-.145.166-.29.187-.537.062-.247-.124-1.045-.385-1.991-1.228-.736-.657-1.233-1.468-1.378-1.716s-.015-.382.109-.505c.11-.111.247-.29.371-.434s.165-.248.248-.413.041-.31-.02-.434c-.063-.124-.558-1.342-.764-1.838-.201-.483-.406-.417-.557-.425-.145-.008-.31-.009-.475-.009a.9.9 0 0 0-.66.31c-.228.248-.867.847-.867 2.066s.887 2.396 1.01 2.561c.125.166 1.747 2.667 4.231 3.74a14 14 0 0 0 1.412.521c.593.19 1.133.162 1.56.099.475-.072 1.464-.6 1.67-1.178.207-.578.207-1.074.145-1.177s-.227-.166-.475-.29z"/></svg></template>
<script setup lang="ts">
/**
 * SocialWhatsapp24 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
