<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="M10.206 3.445a.75.75 0 0 0-.412 0L3.961 5.112a.75.75 0 0 0-.544.721v8.334c0 .414.336.75.75.75h11.667a.75.75 0 0 0 .75-.75V5.833a.75.75 0 0 0-.544-.72zm-5.29 9.972V6.399L9.25 5.161v3.922H7.917a.5.5 0 0 0 0 1H9.25v3.334zm5.834-3.334v3.334h4.334V6.399L10.75 5.161v3.922h1.333a.5.5 0 0 1 0 1zM2.084 7a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 .5-.5m16.333.5a.5.5 0 1 0-1 0v5a.5.5 0 0 0 1 0z"/></svg></template>
<script setup lang="ts">
/**
 * Gate20 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>
