<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="M13 3a1 1 0 0 0-2 0v1.268c-.208.12-.392.277-.544.46L3.165 3.515a1 1 0 1 0-.33 1.972l2.322.387L3.327 11H3a1 1 0 0 0-1 1 4 4 0 0 0 8 0 1 1 0 0 0-1-1h-.326L6.95 6.172l3.177.53c.163.436.475.8.873 1.03V20H7a1 1 0 1 0 0 2h10a1 1 0 0 0 0-2h-4V7.732a2 2 0 0 0 .544-.46l3.613.601L15.327 13H15a1 1 0 0 0-1 1 4 4 0 1 0 8 0 1 1 0 0 0-1-1h-.326L18.95 8.172l1.886.314a1 1 0 1 0 .329-1.972l-7.291-1.216A2 2 0 0 0 13 4.268zM6 6.487 7.612 11H4.388zM6 14a2 2 0 0 1-1.732-1h3.465A2 2 0 0 1 6 14m12-5.513L19.612 13h-3.224zM18 16a2 2 0 0 1-1.732-1h3.465A2 2 0 0 1 18 16"/></svg></template>
<script setup lang="ts">
/**
 * Comparator24 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>
