<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M15.837 4.089a8.2 8.2 0 0 0-5.842-2.422c-4.552 0-8.257 3.705-8.259 8.258a8.24 8.24 0 0 0 1.103 4.129l-1.172 4.28 4.378-1.149a8.25 8.25 0 0 0 3.947 1.005h.003c4.552 0 8.257-3.705 8.259-8.258a8.2 8.2 0 0 0-2.417-5.843M9.995 16.796h-.003a6.86 6.86 0 0 1-3.493-.957l-.251-.149-2.598.682.693-2.534-.163-.26a6.85 6.85 0 0 1-1.05-3.652 6.875 6.875 0 0 1 6.868-6.864c1.833 0 3.557.715 4.853 2.013a6.82 6.82 0 0 1 2.008 4.856c-.001 3.785-3.08 6.864-6.864 6.864m3.765-5.141c-.206-.103-1.22-.602-1.41-.671s-.326-.104-.464.103c-.137.207-.533.672-.653.809-.12.138-.241.155-.447.051-.207-.103-.872-.32-1.66-1.024-.613-.547-1.028-1.222-1.148-1.43-.12-.206-.013-.318.09-.42.093-.093.207-.241.31-.362.103-.12.137-.206.206-.344.07-.138.035-.258-.017-.361-.051-.104-.464-1.12-.636-1.532-.168-.403-.338-.348-.464-.355a8 8 0 0 0-.396-.007.76.76 0 0 0-.55.258c-.19.207-.723.706-.723 1.722 0 1.015.74 1.997.843 2.135s1.455 2.221 3.525 3.116c.492.212.877.34 1.177.434.494.158.944.135 1.3.082.396-.06 1.22-.499 1.392-.981s.172-.895.12-.981c-.05-.086-.189-.138-.395-.241z"/></svg></template>
<script setup lang="ts">
/**
 * SocialWhatsapp20 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>
