<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M31.272 6.689a1.5 1.5 0 0 1 1.457 0l24 13.333a1.5 1.5 0 0 1 0 2.623L49.59 26.61l7.153 4.088a1.5 1.5 0 0 1-.016 2.613l-7.137 3.966 7.153 4.087a1.5 1.5 0 0 1-.016 2.614l-24 13.333a1.5 1.5 0 0 1-1.457 0l-24-13.333a1.5 1.5 0 0 1-.015-2.614l7.153-4.087-7.137-3.966a1.5 1.5 0 0 1-.016-2.613l7.153-4.088-7.137-3.965a1.5 1.5 0 0 1 0-2.623zm-13.797 32.29-6.42 3.67L32 54.283l20.944-11.636-6.42-3.668-13.796 7.665a1.5 1.5 0 0 1-1.457 0zm15.253-3.001 13.797-7.665 6.42 3.669L32 43.617 11.056 31.982l6.42-3.669 13.795 7.665a1.5 1.5 0 0 0 1.457 0m-21.64-14.645L32 32.951l20.911-11.618L32 9.716z"/></svg></template>
<script setup lang="ts">
/**
 * Layers64 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>
