<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_file-pdf_24__a)"><path d="M5.533 13.954c1.48 0 2.417.933 2.417 2.412 0 1.465-.967 2.398-2.485 2.398H4.342V21H2.955v-7.046zm6.228 0c1.972 0 3.003 1.191 3.003 3.472 0 2.363-1.016 3.574-3.003 3.574H9.5v-7.046zm9.333 1.196h-3.062v1.91h2.783v1.147h-2.783V21h-1.391v-7.046h4.453zm-10.207 4.654h.683c1.221 0 1.778-.733 1.778-2.354 0-1.552-.577-2.3-1.778-2.3h-.683zM4.342 17.62h.84c.908 0 1.362-.415 1.362-1.265q0-1.265-1.362-1.264h-.84v2.53ZM14 2a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v3a1 1 0 1 1-2 0V9h-4a1 1 0 0 1-1-1V4H6v7a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1zm1 5h1.586L15 5.414z"/></g><defs><clipPath id="media_file-pdf_24__a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * FilePdf24 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>
