<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="M8 4a1 1 0 0 0-1 1v.5h2V5a1 1 0 0 0-1-1m3 1.5V5a3 3 0 0 0-6 0v.5H2.5a1 1 0 0 0 0 2H9v10.26l-.057-.021-1.015-.406a2.5 2.5 0 0 0-1.856 0l-1.157.463a1.5 1.5 0 0 1-.921.062l-1.373-.343a.5.5 0 0 0-.242.97l1.372.343a2.5 2.5 0 0 0 1.535-.104l1.157-.463a1.5 1.5 0 0 1 1.114 0l1.015.406a2.5 2.5 0 0 0 1.857 0l1.014-.406a1.5 1.5 0 0 1 1.114 0l1.014.406a2.5 2.5 0 0 0 1.858 0l1.014-.406a1.5 1.5 0 0 1 1.114 0l1.157.463a2.5 2.5 0 0 0 1.535.104l1.372-.343a.5.5 0 0 0-.242-.97l-1.373.343a1.5 1.5 0 0 1-.92-.062L19 17.762V7.5h2.5a1 1 0 1 0 0-2H19V5a3 3 0 1 0-6 0v.5zm.072 11.833-.072.029V15h6v2.154a2.5 2.5 0 0 0-.928.179l-1.015.406a1.5 1.5 0 0 1-1.114 0l-1.014-.406a2.5 2.5 0 0 0-1.858 0M17 13v-2h-6v2zm0-4h-6V7.5h6zm0-3.5V5a1 1 0 1 0-2 0v.5zM8.943 20.739l-1.015-.406a2.5 2.5 0 0 0-1.856 0l-1.157.463a1.5 1.5 0 0 1-.921.062l-1.373-.343a.5.5 0 0 0-.242.97l1.372.343a2.5 2.5 0 0 0 1.535-.104l1.157-.463a1.5 1.5 0 0 1 1.114 0l1.015.406a2.5 2.5 0 0 0 1.857 0l1.014-.406a1.5 1.5 0 0 1 1.114 0l1.014.406a2.5 2.5 0 0 0 1.858 0l1.014-.406a1.5 1.5 0 0 1 1.114 0l1.157.463a2.5 2.5 0 0 0 1.535.104l1.372-.343a.5.5 0 0 0-.242-.97l-1.373.343a1.5 1.5 0 0 1-.92-.062l-1.157-.463a2.5 2.5 0 0 0-1.857 0l-1.015.406a1.5 1.5 0 0 1-1.114 0l-1.014-.406a2.5 2.5 0 0 0-1.858 0l-1.014.406a1.5 1.5 0 0 1-1.114 0"/></svg></template>
<script setup lang="ts">
/**
 * Pool24 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>
