<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="M12.614 1.553a.75.75 0 1 0-1.06 1.06l.802.804h-8.19a.75.75 0 0 0-.75.75v8.19l-.802-.804a.75.75 0 0 0-1.06 1.06l2.083 2.084a.75.75 0 0 0 1.06 0l2.083-2.083a.75.75 0 1 0-1.06-1.06l-.803.802v-7.44h7.44l-.804.804a.75.75 0 0 0 1.06 1.06l2.084-2.083a.75.75 0 0 0 0-1.06zm3.97 5.947a.75.75 0 0 0-1.5 0v.834a.75.75 0 0 0 1.5 0zm0 3.334a.75.75 0 0 0-1.5 0v.833a.75.75 0 0 0 1.5 0zm0 3.333a.75.75 0 0 0-1.5 0v.917h-.917a.75.75 0 0 0 0 1.5h1.667a.75.75 0 0 0 .75-.75zm-9.084.917a.75.75 0 0 0 0 1.5h.834a.75.75 0 0 0 0-1.5zm3.334 0a.75.75 0 0 0 0 1.5h.833a.75.75 0 0 0 0-1.5z"/></svg></template>
<script setup lang="ts">
/**
 * Size20 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>
