<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M24.965 16.538a5.602 5.602 0 1 1 5.607-5.603v5.603zm-9.374 25.61c.617-.921.946-2.004.947-3.112V33.43h-5.603a5.602 5.602 0 1 0 4.656 8.719m5.412-7.075a5.6 5.6 0 0 0-1.641 3.961v14.029a5.602 5.602 0 1 0 11.204 0V39.034a5.602 5.602 0 0 0-9.563-3.961m7.922-14.07a5.6 5.6 0 0 0-3.961-1.641H10.935a5.602 5.602 0 1 0 0 11.204h14.029a5.602 5.602 0 0 0 3.961-9.563m18.536 3.962a5.602 5.602 0 1 1 5.602 5.607h-5.602zm-4.465 3.96a5.6 5.6 0 0 0 1.64-3.961V10.935a5.602 5.602 0 1 0-11.204 0v14.029a5.602 5.602 0 0 0 9.564 3.961m-3.96 18.536a5.603 5.603 0 1 1-5.607 5.602v-5.602zm-3.963-4.465a5.6 5.6 0 0 0 3.961 1.64h14.029a5.602 5.602 0 1 0 0-11.204H39.034a5.602 5.602 0 0 0-3.961 9.564"/></svg></template>
<script setup lang="ts">
/**
 * SocialSlack64 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>
