24 lines
1.3 KiB
Vue
24 lines
1.3 KiB
Vue
<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="M19 5h-14">
|
|
<animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0"></animate>
|
|
</path>
|
|
<path stroke-dasharray="10" stroke-dashoffset="10" d="M19 12h-9">
|
|
<animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="10;0"></animate>
|
|
</path>
|
|
<path stroke-dasharray="16" stroke-dashoffset="16" d="M19 19h-14">
|
|
<animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="16;0"></animate>
|
|
</path>
|
|
<path stroke-dasharray="10" stroke-dashoffset="10" d="M7 9l-3 3l3 3">
|
|
<animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="10;0"></animate>
|
|
</path>
|
|
</g>
|
|
</svg></template>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
name: 'LineMdMenuFoldLeft',
|
|
title:"菜单向左折叠"
|
|
}
|
|
</script> |