<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="M14.167 1.75a.75.75 0 0 0 0 1.5h1.522L10 8.94 7.197 6.135a.75.75 0 0 0-1.06 0L1.97 10.303a.75.75 0 0 0 1.06 1.06l3.637-3.636L9.47 10.53a.75.75 0 0 0 1.06 0l6.22-6.22v1.523a.75.75 0 0 0 1.5 0V2.5a.75.75 0 0 0-.75-.75zm4.083 7.417a.75.75 0 0 0-1.5 0V17.5a.75.75 0 0 0 1.5 0zm-3.75 1.666a.75.75 0 0 0-1.5 0V17.5a.75.75 0 0 0 1.5 0zm-7.5.834a.75.75 0 0 0-1.5 0V17.5a.75.75 0 0 0 1.5 0zm3.75 5.833v-4.167a.75.75 0 0 0-1.5 0V17.5a.75.75 0 0 0 1.5 0m-7.5-3.333a.75.75 0 0 0-1.5 0V17.5a.75.75 0 0 0 1.5 0z"/></svg></template>
<script setup lang="ts">
/**
 * Data20 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>
