<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="M2 3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-4.5H5.75q-.045 0-.087-.004a3.5 3.5 0 0 1-2.038-.54A3.5 3.5 0 0 1 2 13zm10 11.495q.05 0 .1.005h.65a1.25 1.25 0 1 0 0-2.5H8.854a3.5 3.5 0 0 1-.192 2.5H11.9q.05-.005.1-.005m-5.57-2.674A.999.999 0 0 1 7 10h2v-.5a.5.5 0 0 1 1 0v.5h1V4H8v.5a.5.5 0 0 1-1 0V4H4v9a1.5 1.5 0 0 0 1 1.414V13.5a.5.5 0 0 1 1 0v.914q.07-.024.139-.057a1.5 1.5 0 0 0 .29-2.536M13 4v6.01c.352.026.688.11 1 .24V9.5a.5.5 0 0 1 1 0v1c0 .116-.04.223-.106.308A3.25 3.25 0 0 1 13 16.49V20h3v-.5a.5.5 0 0 1 1 0v.5h3V4h-3v.5a.5.5 0 0 1-1 0V4zm2 1.5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zm4 0a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zM18.5 9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m0 4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m0 4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5M17 7.5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zm0 4a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zm0 4a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0zM14.5 17a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m-5-12a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m-4 0a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m2 2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m-2 2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5"/></svg></template>
<script setup lang="ts">
/**
 * Wallpaper24 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>
