<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M9 12a7 7 0 1 1 14 0 7 7 0 0 1-14 0m7-9a9 9 0 0 0-6.963 14.703l-3.28 7.217a1 1 0 0 0 .91 1.413h3.585l2.374 2.374a1 1 0 0 0 1.602-.26L16 24.903l1.772 3.544a1 1 0 0 0 1.602.26l2.373-2.374h3.586a1 1 0 0 0 .91-1.413l-3.28-7.218A9 9 0 0 0 16 3m5.435 16.174a8.96 8.96 0 0 1-5.153 1.822l.607 1.213.01.02 2.041 4.083 1.686-1.686a1 1 0 0 1 .707-.293h2.447zm-6.553 3.493-.953-1.907a9 9 0 0 1-3.364-1.586l-2.345 5.16h2.446a1 1 0 0 1 .708.292l1.685 1.686zm5.158-11.96a1 1 0 0 0-1.414-1.414l-3.293 3.293-1.96-1.96a1 1 0 0 0-1.414 1.414l2.667 2.667a1 1 0 0 0 1.414 0z"/></svg></template>
<script setup lang="ts">
/**
 * Certification32 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>
