<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
  >
    <!-- Icon from Material Line Icons by Vjacheslav Trushkin - https://github.com/cyberalien/line-md/blob/master/license.txt -->
    <mask id="lineMdFileUploadFilled0">
      <g
        fill="none"
        stroke="#fff"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="2"
      >
        <path
          fill="#fff"
          fillOpacity="0"
          stroke-dasharray="64"
          stroke-dashoffset="64"
          d="M13.5 3l5.5 5.5v11.5c0 0.55 -0.45 1 -1 1h-12c-0.55 0 -1 -0.45 -1 -1v-16c0 -0.55 0.45 -1 1 -1Z"
        >
          <animate
            fill="freeze"
            attributeName="fill-opacity"
            begin="0.6s"
            dur="0.5s"
            values="0;1"
          ></animate>
          <animate
            fill="freeze"
            attributeName="stroke-dashoffset"
            dur="0.6s"
            values="64;0"
          ></animate>
        </path>
        <path
          fill="#000"
          stroke="#000"
          d="M14.5 3.5l0 4.5l4.5 0z"
          opacity="0"
        >
          <set
            fill="freeze"
            attributeName="opacity"
            begin="0.6s"
            to="1"
          ></set>
        </path>
        <path
          d="M13.5 3l5.5 5.5"
          opacity="0"
        >
          <set
            fill="freeze"
            attributeName="opacity"
            begin="0.6s"
            to="1"
          ></set>
        </path>
        <path
          fill="#000"
          stroke="none"
          d="M12 18l4 0h-2.5v0h-3v0h-2.5z"
        >
          <animate
            fill="freeze"
            attributeName="d"
            begin="1.1s"
            dur="0.2s"
            values="M12 18l4 0h-2.5v0h-3v0h-2.5z;M12 11l4 4h-2.5v3h-3v-3h-2.5Z"
          ></animate>
        </path>
      </g>
    </mask>
    <rect
      width="24"
      height="24"
      fill="currentColor"
      mask="url(#lineMdFileUploadFilled0)"
    ></rect>
  </svg>
</template>

<script lang="ts">
  export default {
    name: "LineMdFileUploadFilled",
    title: "文件上传",
  };
</script>
