<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m.906 3.577a1 1 0 0 0-1.812 0L9.558 8.87l-3.254.65a1 1 0 0 0-.437 1.755l2.296 1.879-.648 3.673a1 1 0 0 0 1.566.988L12 15.729l2.919 2.085a1 1 0 0 0 1.566-.988l-.648-3.673 2.296-1.879a1 1 0 0 0-.437-1.755l-3.254-.65zm-1.75 4.596L12 8.365l.844 1.808.214.458.496.1 1.675.335-1.112.91-.454.371.102.577.325 1.84-1.509-1.078-.581-.415-.581.415-1.509 1.078.325-1.84.102-.577-.454-.371-1.112-.91 1.675-.335.496-.1z"/></svg></template>
<script setup lang="ts">
/**
 * Admin24 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>
