<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="16" stroke-dashoffset="16" d="M5 21h14">
            <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0"></animate>
        </path>
        <path stroke-dasharray="14" stroke-dashoffset="14" d="M5 21v-13M19 21v-13">
            <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="14;0"></animate>
        </path>
        <path stroke-dasharray="24" stroke-dashoffset="24" d="M9 21v-8h6v8">
            <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.4s" values="24;0"></animate>
        </path>
        <path stroke-dasharray="28" stroke-dashoffset="28" d="M2 10l10 -8l10 8">
            <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.6s" values="28;0"></animate>
        </path>
    </g>
</svg></template>

<script lang="ts">
  export default {
    name: 'LineMdHomeMd',
    title:'首页'
  }
  </script>