<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 -->
    <g
      fill="none"
      stroke="currentColor"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-width="2"
    >
      <path
        stroke-dasharray="2"
        stroke-dashoffset="2"
        d="M4 5h0.01"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          dur="0.1s"
          values="2;0"
        ></animate>
      </path>
      <path
        stroke-dasharray="14"
        stroke-dashoffset="14"
        d="M8 5h12"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          begin="0.1s"
          dur="0.2s"
          values="14;0"
        ></animate>
      </path>
      <path
        stroke-dasharray="2"
        stroke-dashoffset="2"
        d="M6 10h0.01"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          begin="0.3s"
          dur="0.1s"
          values="2;0"
        ></animate>
      </path>
      <path
        stroke-dasharray="14"
        stroke-dashoffset="14"
        d="M10 10h10"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          begin="0.4s"
          dur="0.2s"
          values="14;0"
        ></animate>
      </path>
      <path
        stroke-dasharray="2"
        stroke-dashoffset="2"
        d="M8 15h0.01"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          begin="0.6s"
          dur="0.1s"
          values="2;0"
        ></animate>
      </path>
      <path
        stroke-dasharray="14"
        stroke-dashoffset="14"
        d="M12 15h8"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          begin="0.7s"
          dur="0.2s"
          values="14;0"
        ></animate>
      </path>
      <path
        stroke-dasharray="2"
        stroke-dashoffset="2"
        d="M10 20h0.01"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          begin="0.9s"
          dur="0.1s"
          values="2;0"
        ></animate>
      </path>
      <path
        stroke-dasharray="14"
        stroke-dashoffset="14"
        d="M14 20h6"
      >
        <animate
          fill="freeze"
          attributeName="stroke-dashoffset"
          begin="1s"
          dur="0.2s"
          values="14;0"
        ></animate>
      </path>
    </g>
  </svg>
</template>

<script lang="ts">
  export default {
    name: "LineMdListIndented",
    title: "菜单管理",
  };
</script>
