<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M3.5 1.75A1.75 1.75 0 0 0 1.75 3.5v13c0 .967.784 1.75 1.75 1.75h13a1.75 1.75 0 0 0 1.75-1.75v-13a1.75 1.75 0 0 0-1.75-1.75zM3.25 3.5a.25.25 0 0 1 .25-.25h13a.25.25 0 0 1 .25.25v13a.25.25 0 0 1-.25.25h-13a.25.25 0 0 1-.25-.25zm3.354 1.437a.5.5 0 1 0-.708-.707L4.23 5.896a.5.5 0 1 0 .707.708zm2.5 1.793a.5.5 0 0 1 0 .707L7.437 9.104a.5.5 0 1 1-.707-.708L8.396 6.73a.5.5 0 0 1 .708 0m0-1.793a.5.5 0 1 0-.708-.707L4.23 8.396a.5.5 0 1 0 .707.708z"/></svg></template>
<script setup lang="ts">
/**
 * Glass20 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>
