<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="M37.627 27.625c3.115 0 5.078 1.865 5.156 4.941h-2.822c-.068-1.484-1.035-2.45-2.412-2.45-1.719 0-2.608 1.152-2.608 3.398v2.88c0 2.256.899 3.399 2.647 3.399 1.484 0 2.383-.898 2.383-2.412V36.6h-2.627v-2.09h5.449v2.93c0 2.939-2.05 4.843-5.166 4.843-3.477 0-5.508-2.158-5.508-5.889v-2.88c0-3.73 2.031-5.889 5.508-5.889m-22.166 2.676H9.338v3.818h5.566v2.295H9.338V42H6.555V27.908h8.906zm12.846-.01h-2.92v9.326h2.92V42h-8.614v-2.383h2.92v-9.326h-2.92v-2.383h8.614zM28 4.5a1.5 1.5 0 0 1 1.06.44l10 10A1.5 1.5 0 0 1 39.5 16v6a1.5 1.5 0 0 1-3 0v-4.5H28a1.5 1.5 0 0 1-1.5-1.5V7.5h-15V22a1.5 1.5 0 0 1-3 0V6A1.5 1.5 0 0 1 10 4.5zm1.5 10h4.879L29.5 9.621z"/></svg></template>
<script setup lang="ts">
/**
 * FileFig48 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>
