<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="M9.636 1.844a.75.75 0 0 1 .728 0l7.5 4.167a.75.75 0 0 1 0 1.311l-1.794.997 1.802 1.03a.75.75 0 0 1-.008 1.307l-1.794.996 1.802 1.03a.75.75 0 0 1-.008 1.307l-7.5 4.167a.75.75 0 0 1-.728 0l-7.5-4.167a.75.75 0 0 1-.008-1.307l1.802-1.03-1.794-.996a.75.75 0 0 1-.008-1.307l1.802-1.03-1.794-.997a.75.75 0 0 1 0-1.31zm-4.173 10.66-1.435.82L10 16.642l5.972-3.318-1.435-.82-4.173 2.318a.75.75 0 0 1-.728 0zm4.901-1.015 4.173-2.318 1.435.82L10 13.309 4.028 9.99l1.435-.82 4.173 2.318a.75.75 0 0 0 .728 0m-6.32-4.822L10 9.975l5.956-3.308L10 3.358z"/></svg></template>
<script setup lang="ts">
/**
 * Layers20 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>
