<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M18.084 29.144v-9.307h3.106l.591-3.85h-3.697v-2.5c0-1.052.515-2.08 2.173-2.08h1.682V8.127s-1.527-.26-2.986-.26c-3.045 0-5.036 1.843-5.036 5.183v2.935h-3.386v3.851h3.386v9.307c-6.374-.999-11.25-6.51-11.25-13.158 0-7.356 5.97-13.32 13.333-13.32s13.334 5.964 13.334 13.32c0 6.648-4.876 12.159-11.25 13.158"/></svg></template>
<script setup lang="ts">
/**
 * SocialFacebook32 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>
