<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="M37.333 11a1 1 0 1 0 0 2c3.159 0 5.461.787 7.154 1.915 1.7 1.133 2.845 2.65 3.619 4.199.776 1.552 1.169 3.116 1.366 4.3q.019.114.035.222l-3.726-1.864a1 1 0 0 0-.895 1.79l5.334 2.666a1 1 0 0 0 1.154-.188l4-4a1 1 0 0 0-1.414-1.414l-2.507 2.507-.008-.047c-.22-1.316-.66-3.085-1.55-4.866-.893-1.786-2.248-3.602-4.299-4.969C43.54 11.88 40.842 11 37.333 11M8 11.833a1.5 1.5 0 0 0-1.5 1.5V56A1.5 1.5 0 0 0 8 57.5h48a1.5 1.5 0 0 0 1.5-1.5V34.667a1.5 1.5 0 0 0-1.5-1.5H30.833V13.333a1.5 1.5 0 0 0-1.5-1.5zm22.833 24.334V54.5H54.5V36.167zM9.5 54.5v-8.167h18.333V54.5zm0-10.167v-29.5h18.333v29.5z"/></svg></template>
<script setup lang="ts">
/**
 * ScreenRotation64 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>
