<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10M11.627 2.072a1 1 0 0 1 .863.057l8 4.5A1 1 0 0 1 21 7.5v4.733a6.5 6.5 0 0 0-2-.657v-2.94l-2.305 1.297v1.698a6.5 6.5 0 0 0-2 .772v-1.345L12.5 12.292v2.246a6.47 6.47 0 0 0-1 3.462c0 1.4.444 2.694 1.196 3.755l-.206.116a1 1 0 0 1-.98 0l-8-4.5A1 1 0 0 1 3 16.5v-9a1 1 0 0 1 .51-.871l8-4.5zm8.97 14.239a.5.5 0 0 0-.708 0l-2.475 2.474-1.06-1.06a.5.5 0 0 0-.707.707l1.414 1.415a.5.5 0 0 0 .707 0l2.829-2.83a.5.5 0 0 0 0-.706M5 15.915l6.5 3.656v-7.279L5 8.636zm.53-8.129 6.47 3.64 2.248-1.265-6.47-3.64zm4.286-2.411 6.37 3.582a1 1 0 0 1 .095.062l2.19-1.233L12 4.146z"/></svg></template>
<script setup lang="ts">
/**
 * PackageCheck24 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>
