<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-csv_20__a)"><path d="M4.566 11.51c1.351 0 2.152.81 2.16 2.198h-1.17c-.013-.704-.411-1.16-1.01-1.16-.711 0-1.086.488-1.086 1.416v1.2c0 .932.375 1.416 1.103 1.416.607 0 .984-.423.997-1.106h1.17c0 1.33-.83 2.144-2.164 2.144-1.452 0-2.307-.908-2.307-2.454v-1.2c0-1.546.855-2.453 2.307-2.453Zm5.455 0c1.228 0 2.054.688 2.09 1.738h-1.09c-.044-.484-.415-.781-.989-.781-.581 0-.943.272-.943.712 0 .415.26.643.894.781l.603.139c1.135.252 1.632.76 1.632 1.66 0 1.16-.83 1.86-2.201 1.86-1.33 0-2.166-.664-2.206-1.763H8.9c.053.509.468.802 1.135.802.635 0 1.038-.305 1.038-.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.79Zm5.56 4.839h.052l1.224-4.72h1.157L16.252 17.5h-1.367l-1.763-5.871h1.25l1.208 4.72ZM11.666 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-csv_20__a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * FileCsv20 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>
