<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M12.483 8.27a2.801 2.801 0 1 1 2.803-2.802V8.27zM7.796 21.073a2.8 2.8 0 0 0 .473-1.555v-2.804h-2.8a2.801 2.801 0 1 0 2.327 4.36m2.706-3.537a2.8 2.8 0 0 0-.82 1.98v7.015a2.801 2.801 0 1 0 5.602 0v-7.014a2.8 2.8 0 0 0-4.782-1.981m3.961-7.035a2.8 2.8 0 0 0-1.98-.82H5.467a2.801 2.801 0 0 0 0 5.602h7.015a2.8 2.8 0 0 0 1.98-4.782m9.268 1.98a2.802 2.802 0 1 1 2.801 2.804h-2.801zm-2.233 1.981c.526-.525.82-1.238.82-1.98V5.468a2.801 2.801 0 0 0-5.602 0v7.015a2.801 2.801 0 0 0 4.782 1.98m-1.98 9.268a2.802 2.802 0 1 1-2.803 2.801v-2.801zm-1.981-2.233c.525.526 1.238.82 1.98.82h7.015a2.801 2.801 0 0 0 0-5.601h-7.014a2.801 2.801 0 0 0-1.981 4.781"/></svg></template>
<script setup lang="ts">
/**
 * SocialSlack32 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>
