<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="m24.548 4.507.545.023.152.016a1.5 1.5 0 0 1-.165 2.98l-.153-.001-.462-.019L24 7.5l-.426.005C14.658 7.73 7.5 15.029 7.5 24c0 9.112 7.387 16.5 16.5 16.5q.466 0 .927-.026h.153a1.5 1.5 0 0 1 .013 2.995l-.545.023L24 43.5l-.503-.007C12.96 43.226 4.5 34.6 4.5 24 4.5 13.23 13.23 4.5 24 4.5zM31.16 38.87a1.5 1.5 0 0 1 1.303 2.702 20 20 0 0 1-2.02.838 1.5 1.5 0 0 1-.992-2.832 16 16 0 0 0 1.71-.708Zm5.144-3.876a1.5 1.5 0 0 1 2.236 2 20 20 0 0 1-1.546 1.546 1.5 1.5 0 0 1-2-2.237q.691-.617 1.31-1.31Zm-13.25-22.158a1.5 1.5 0 0 1 2.007.103l8 8 .103.114a1.5 1.5 0 0 1-2.11 2.11l-.114-.103-5.44-5.44V34a1.5 1.5 0 0 1-3 0V17.62l-5.44 5.44a1.5 1.5 0 0 1-2.12-2.12l8-8zm18.518 19.627a1.5 1.5 0 0 1-2.702-1.303l2.702 1.302Zm-1.994-3.012a1.501 1.501 0 0 1 2.832.991 19 19 0 0 1-.838 2.02l-1.35-.65-1.352-.652q.4-.83.708-1.71Zm2.312-7.96a1.5 1.5 0 0 1 1.564 1.264l.016.152.022.545a20 20 0 0 1-.022 1.64l-.016.153a1.501 1.501 0 0 1-2.98-.319l.02-.461a17 17 0 0 0 0-.93l-.02-.462v-.153a1.5 1.5 0 0 1 1.416-1.428Zm-2.32-6.653a1.5 1.5 0 0 1 2.002.699q.474.982.838 2.02a1.5 1.5 0 0 1-2.832.992 16 16 0 0 0-.708-1.71 1.5 1.5 0 0 1 .7-2.001m-4.694-5.26a1.5 1.5 0 0 1 1.999-.215l.12.097.402.37q.396.375.773.773l.37.402.097.12a1.501 1.501 0 0 1-2.225 1.99l-.108-.11-.314-.34q-.318-.337-.655-.656l-.34-.313-.11-.108a1.5 1.5 0 0 1-.009-2.01m-4.434-3.989q1.04.365 2.02.838A1.5 1.5 0 0 1 31.16 9.13a16 16 0 0 0-1.709-.708l.496-1.417zm-1.91.92a1.5 1.5 0 0 1 1.91-.92l-.99 2.833a1.5 1.5 0 0 1-.92-1.913"/></svg></template>
<script setup lang="ts">
/**
 * Uploading48 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>
