<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="M21.707 2.293a1 1 0 0 1 0 1.414l-18 18a1 1 0 0 1-1.414-1.414L4.086 18.5H3a.5.5 0 0 1 0-1h2.086l2-2H6a.5.5 0 0 1 0-1h2.086l2-2H9a.5.5 0 0 1 0-1h2.086l2-2H12a.5.5 0 0 1 0-1h2.086l2-2H15a.5.5 0 0 1 0-1h2.086l3.207-3.207a1 1 0 0 1 1.414 0M16.5 17.75a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5M18 19a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m-1.75 0a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0M22 7a1 1 0 0 0-1.707-.707l-14 14A1 1 0 0 0 7 22h14a1 1 0 0 0 1-1zm-2 13H9.414L12 17.416q.105.104.172.216c.12.2.199.494.164.999q-.035.18-.035.37a.5.5 0 0 0 .996.065q.02-.15.031-.29a.74.74 0 0 1 .255-.405c.132-.102.33-.173.6-.132a.499.499 0 0 0 .868-.339c0-.971.777-1.75 1.725-1.75.733 0 1.364.466 1.613 1.129a.5.5 0 0 0 .936-.351 3 3 0 0 0-.165-.36c.31-.27.54-.4.75-.469q.045-.015.091-.027zm-6.815-2.56c.277-.154.6-.228.946-.21a2.73 2.73 0 0 1 2.644-2.08c.668 0 1.278.242 1.75.643.37-.318.707-.522 1.067-.642a2.6 2.6 0 0 1 .408-.1V9.414l-7.294 7.295a2.1 2.1 0 0 1 .479.73"/></svg></template>
<script setup lang="ts">
/**
 * Attic24 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>
