<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M13.5 18c0-5.799 4.701-10.5 10.5-10.5S34.5 12.201 34.5 18 29.799 28.5 24 28.5 13.5 23.799 13.5 18M24 4.5c-7.456 0-13.5 6.044-13.5 13.5 0 3.246 1.146 6.225 3.055 8.554l-4.92 10.825A1.5 1.5 0 0 0 10 39.5h5.379l3.56 3.56a1.5 1.5 0 0 0 2.403-.39L24 37.355l2.658 5.317a1.5 1.5 0 0 0 2.403.39l3.56-3.561H38a1.5 1.5 0 0 0 1.366-2.12l-4.921-10.826A13.44 13.44 0 0 0 37.5 18c0-7.456-6.044-13.5-13.5-13.5m8.153 24.261a13.44 13.44 0 0 1-7.73 2.733l.91 1.82.016.029 3.062 6.125 2.528-2.529A1.5 1.5 0 0 1 32 36.5h3.67zM22.323 34l-1.43-2.86a13.4 13.4 0 0 1-5.046-2.379L12.33 36.5H16a1.5 1.5 0 0 1 1.06.44l2.53 2.528zm7.738-17.94a1.5 1.5 0 0 0-2.122-2.12L23 18.878l-2.94-2.94a1.5 1.5 0 0 0-2.12 2.122l4 4a1.5 1.5 0 0 0 2.12 0z"/></svg></template>
<script setup lang="ts">
/**
 * Certification48 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>
