<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="M11.667 3.25a.5.5 0 1 0 0 1c.954 0 1.636.237 2.131.567.498.332.837.778 1.067 1.24.172.343.281.69.35.992l-.825-.413a.5.5 0 1 0-.447.895l1.667.833a.5.5 0 0 0 .577-.094l1.25-1.25a.5.5 0 0 0-.707-.707l-.534.534a5.5 5.5 0 0 0-.436-1.237 4.16 4.16 0 0 0-1.407-1.625c-.677-.451-1.557-.735-2.686-.735M2.5 3.417a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-6.667a.75.75 0 0 0-.75-.75H9.917V4.167a.75.75 0 0 0-.75-.75zm7.417 8.166v5.167h6.833v-5.167zM3.25 16.75v-2.083h5.167v2.083zm0-3.083v-8.75h5.167v8.75z"/></svg></template>
<script setup lang="ts">
/**
 * ScreenRotation20 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>
