<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="M10 2a1 1 0 0 0-1 1v1.536A5.9 5.9 0 0 0 7.035 5.67l-1.33-.768a1 1 0 0 0-1.367.366l-2 3.464a1 1 0 0 0 .366 1.366l1.33.768a5.9 5.9 0 0 0 .001 2.267l-1.33.769a1 1 0 0 0-.367 1.366l2 3.464a1 1 0 0 0 1.366.366l1.33-.768a5.9 5.9 0 0 0 1.964 1.133V21a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1.536a5.9 5.9 0 0 0 1.963-1.135l1.332.769a1 1 0 0 0 1.366-.366l2-3.464a1 1 0 0 0-.366-1.366l-1.33-.768a5.9 5.9 0 0 0-.002-2.268l1.332-.768a1 1 0 0 0 .366-1.366l-2-3.464a1 1 0 0 0-1.366-.366l-1.33.768a5.9 5.9 0 0 0-1.965-1.133V3a1 1 0 0 0-1-1zm1 3.3V4h2v2.12l.803.16c.808.162 1.603.561 2.246 1.296l.54.619.713-.411 1.126-.65 1 1.732-1.126.65-.71.41.262.776c.264.78.316 1.67.001 2.593l-.265.778.712.41 1.126.65-1 1.733-1.126-.65-.71-.41-.541.616a3.97 3.97 0 0 1-2.245 1.297l-.807.159V20h-2v-2.12l-.804-.16a3.97 3.97 0 0 1-2.245-1.296l-.541-.62-.712.412-1.126.65-1-1.732 1.126-.65.71-.41-.263-.777a3.97 3.97 0 0 1 0-2.592l.265-.778-.712-.411-1.126-.65 1-1.732 1.126.65.71.41.541-.616a3.97 3.97 0 0 1 2.245-1.297l.806-.16zM10 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0m2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8"/></svg></template>
<script setup lang="ts">
/**
 * Settings24 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>
