<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M27.125 43.716v-13.96h4.66l.886-5.777h-5.546v-3.748c0-1.579.773-3.121 3.26-3.121h2.522v-4.917s-2.289-.39-4.477-.39c-4.568 0-7.555 2.764-7.555 7.773v4.403h-5.08v5.777h5.08v13.96C11.314 42.218 4 33.952 4 23.98 4 12.945 12.954 4 24 4s20 8.945 20 19.98c0 9.972-7.314 18.238-16.875 19.736"/></svg></template>
<script setup lang="ts">
/**
 * SocialFacebook48 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>
