<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 27.625c3.379 0 5.42 2.334 5.42 6.25v2.158c0 3.916-2.041 6.25-5.42 6.25s-5.42-2.334-5.42-6.25v-2.158c0-3.916 2.041-6.25 5.42-6.25m13.685 0c3.243 0 5.167 1.943 5.186 5.273H40.06c-.03-1.689-.987-2.783-2.422-2.783-1.71 0-2.608 1.172-2.608 3.399v2.88c0 2.237.899 3.399 2.647 3.399 1.455 0 2.363-1.016 2.392-2.656h2.813c0 3.193-1.992 5.146-5.196 5.146-3.486 0-5.537-2.178-5.537-5.889v-2.88c0-3.711 2.051-5.889 5.537-5.889Zm-27.527.283c3.946 0 6.006 2.383 6.006 6.944 0 4.726-2.031 7.148-6.006 7.148H5.637V27.908zM24 30.086c-1.7 0-2.598 1.28-2.598 3.818v2.1c0 2.539.899 3.818 2.598 3.818 1.7 0 2.598-1.279 2.598-3.818v-2.1c0-2.539-.899-3.818-2.598-3.818M8.41 39.607h1.367c2.442 0 3.555-1.464 3.555-4.707 0-3.105-1.152-4.6-3.555-4.6H8.41zM28 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">
/**
 * FileDoc48 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>
