<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M38.008 9.813A19.69 19.69 0 0 0 23.988 4C13.062 4 4.17 12.89 4.166 23.82a19.8 19.8 0 0 0 2.646 9.908L4 44l10.508-2.756a19.8 19.8 0 0 0 9.471 2.412h.009c10.923 0 19.816-8.892 19.82-19.82a19.7 19.7 0 0 0-5.8-14.022zm-14.02 30.496h-.007c-2.956-.001-5.855-.796-8.385-2.296l-.602-.358-6.235 1.636 1.664-6.08-.392-.623a16.43 16.43 0 0 1-2.518-8.768c.003-9.082 7.394-16.473 16.481-16.473 4.4.002 8.537 1.718 11.647 4.832a16.37 16.37 0 0 1 4.82 11.655c-.003 9.084-7.393 16.474-16.473 16.474m9.036-12.338c-.495-.248-2.93-1.446-3.384-1.611-.455-.166-.784-.248-1.114.248s-1.28 1.612-1.568 1.942c-.29.33-.578.371-1.073.123-.496-.248-2.091-.77-3.983-2.458-1.473-1.313-2.467-2.934-2.756-3.43-.289-.497-.03-.765.217-1.01.222-.223.495-.58.743-.868.248-.29.33-.497.495-.826.166-.331.083-.62-.04-.868-.124-.248-1.114-2.686-1.528-3.677-.402-.966-.81-.835-1.114-.85a20 20 0 0 0-.949-.018c-.33 0-.867.124-1.321.62s-1.734 1.694-1.734 4.131 1.775 4.793 2.023 5.124 3.492 5.332 8.46 7.478c1.182.51 2.104.816 2.824 1.044 1.186.377 2.265.324 3.119.197.951-.143 2.93-1.199 3.342-2.355.413-1.157.413-2.15.29-2.356-.124-.206-.455-.33-.95-.578z"/></svg></template>
<script setup lang="ts">
/**
 * SocialWhatsapp48 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>
