<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M9.362 6.202A2.1 2.1 0 1 1 11.465 4.1v2.1zm-3.515 9.604a2.1 2.1 0 0 0 .355-1.167v-2.103H4.1a2.1 2.1 0 1 0 1.746 3.27m2.03-2.654a2.1 2.1 0 0 0-.616 1.486v5.26a2.101 2.101 0 0 0 4.202 0v-5.26a2.1 2.1 0 0 0-3.587-1.486m2.97-5.276a2.1 2.1 0 0 0-1.485-.615H4.1a2.1 2.1 0 0 0 0 4.202h5.26a2.1 2.1 0 0 0 1.486-3.587m6.95 1.486a2.1 2.1 0 1 1 2.102 2.102h-2.101zm-1.673 1.485a2.1 2.1 0 0 0 .615-1.485V4.1a2.1 2.1 0 1 0-4.202 0v5.26a2.101 2.101 0 0 0 3.587 1.486m-1.485 6.95a2.1 2.1 0 1 1-2.103 2.102v-2.101zm-1.487-1.673a2.1 2.1 0 0 0 1.486.615h5.26a2.1 2.1 0 1 0 0-4.202h-5.26a2.101 2.101 0 0 0-1.486 3.587"/></svg></template>
<script setup lang="ts">
/**
 * SocialSlack24 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>
