<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#media_Uploading_24__a)"><path d="M12 2q.567 0 1.12.061a1 1 0 0 1-.222 1.988 8 8 0 1 0 0 15.9 1 1 0 0 1 .221 1.99q-.552.06-1.119.06c-5.523 0-10-4.476-10-10C2 6.478 6.477 2 12 2m6.323 14.91a1 1 0 0 1 1.495 1.325l-.177.217q-.636.751-1.406 1.366l-.083.06a1 1 0 0 1-1.165-1.623l.344-.29q.503-.45.924-.978zM11.37 6.225a1 1 0 0 1 1.338.069l4 4 .068.076a1 1 0 0 1-1.406 1.406l-.076-.068L13 9.414V17a1 1 0 1 1-2 0V9.414l-2.293 2.293a1 1 0 1 1-1.414-1.414l4-4zm10.57 6.895a1 1 0 0 1-1.989-.222zm0-2.239a10 10 0 0 1 0 2.239l-.995-.112-.994-.11a8 8 0 0 0 0-1.795l.994-.11zm-1.106-.882a1 1 0 0 1 1.106.883l-1.989.221a1 1 0 0 1 .883-1.104m-4.003-5.66a1 1 0 0 1 1.322-.216l.083.06.217.177q.644.544 1.189 1.188l.177.217.06.083a1 1 0 0 1-1.555 1.241l-.068-.076-.29-.343a8 8 0 0 0-.634-.635l-.344-.29-.076-.068a1 1 0 0 1-.08-1.338Z"/></g><defs><clipPath id="media_Uploading_24__a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * Uploading24 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>
