<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#media_file-svg_20__a)"><path d="M4.452 11.51c1.229 0 2.055.688 2.092 1.738h-1.09c-.046-.484-.416-.781-.99-.781-.581 0-.943.272-.943.712 0 .415.26.643.895.781l.602.139c1.135.252 1.631.76 1.631 1.66 0 1.16-.83 1.86-2.2 1.86-1.331 0-2.165-.664-2.206-1.763h1.09c.053.509.469.802 1.136.802.634 0 1.037-.305 1.037-.781 0-.399-.26-.611-.94-.762l-.61-.141c-1.062-.24-1.583-.803-1.583-1.673 0-1.095.81-1.79 2.08-1.79Zm11.226 0c1.298 0 2.116.778 2.148 2.06H16.65c-.028-.62-.43-1.022-1.004-1.022-.717 0-1.087.48-1.087 1.416v1.2c0 .94.375 1.416 1.103 1.416.618 0 .992-.374.992-1.005v-.325H15.56v-.871h2.27v1.22c0 1.225-.854 2.02-2.152 2.02-1.449 0-2.295-.9-2.295-2.455v-1.2c0-1.554.846-2.453 2.295-2.453Zm-5.665 4.839h.052l1.225-4.72h1.155L10.684 17.5H9.316l-1.761-5.871h1.249zM11.667 1.75c.199 0 .39.08.53.22l4.167 4.167c.14.14.22.331.22.53v2.5a.75.75 0 0 1-1.5 0v-1.75h-3.417a.75.75 0 0 1-.75-.75V3.25h-6v5.917a.75.75 0 0 1-1.5 0V2.5a.75.75 0 0 1 .75-.75zm.75 4.167h1.606l-1.606-1.606z"/></g><defs><clipPath id="media_file-svg_20__a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * FileSvg20 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>
