LoongPanel-Asp/web/components/Logo.vue

44 lines
3.5 KiB
Vue
Executable File

<script setup lang="ts">
</script>
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="195" height="178" viewBox="0 0 195 178" fill="none">
<path d="M168.555 175.454C169.002 175.454 169.447 175.444 169.891 175.423C161.92 175.127 154.273 170.866 149.985 163.454H26.9997C18.4692 163.454 12.7774 157.444 12.7774 151.454C12.7774 145.464 18.4692 139.454 26.9997 139.454H136.128L129.2 127.454H26.9997C13.1933 127.454 0.777428 137.562 0.777428 151.454C0.777428 165.347 13.1933 175.454 26.9997 175.454H168.555Z" fill="url(#paint0_linear_1_36)"/>
<path d="M22.7774 157.454H146.521L139.592 145.454H22.7774C19.4637 145.454 16.7774 148.141 16.7774 151.454C16.7774 154.768 19.4637 157.454 22.7774 157.454Z" fill="url(#paint1_linear_1_36)"/>
<path d="M120.325 17.086C120.102 16.6991 119.87 16.3187 119.63 15.9451C123.359 22.9959 123.493 31.7488 119.218 39.1685L180.711 145.677C184.976 153.064 182.617 160.999 177.43 163.994C172.242 166.988 164.192 165.064 159.926 157.677L105.362 63.1685L98.4337 75.1685L149.534 163.677C156.437 175.633 171.399 181.332 183.43 174.386C195.461 167.44 198.006 151.633 191.103 139.677L120.325 17.086Z" fill="url(#paint2_linear_1_36)"/>
<path d="M177.626 152.333L115.754 45.1685L108.826 57.1685L167.234 158.333C168.89 161.203 172.56 162.186 175.43 160.529C178.299 158.873 179.283 155.203 177.626 152.333Z" fill="url(#paint3_linear_1_36)"/>
<path d="M6.73101 137.041C6.50089 137.424 6.2806 137.811 6.07013 138.202C10.429 131.522 18.0196 127.162 26.5815 127.303L89.9235 21.8846C94.317 14.5726 102.4 12.7893 107.535 15.8743C112.669 18.9593 114.889 26.9335 110.496 34.2456L54.2901 127.787L68.1444 128.029L120.782 40.426C127.892 28.5916 125.623 12.7434 113.715 5.58826C101.807 -1.56686 86.7483 3.86979 79.6375 15.7042L6.73101 137.041Z" fill="url(#paint4_linear_1_36)"/>
<path d="M97.2411 21.3557L33.5087 127.424L47.363 127.666L107.527 27.5362C109.234 24.6958 108.315 21.0096 105.474 19.3029C102.634 17.5963 98.9478 18.5153 97.2411 21.3557Z" fill="url(#paint5_linear_1_36)"/>
<defs>
<linearGradient id="paint0_linear_1_36" x1="10.2766" y1="175.454" x2="178.06" y2="175.454" gradientUnits="userSpaceOnUse">
<stop stop-color="#30B56D" offset=""/>
<stop offset="1" stop-color="#2C0CEE"/>
</linearGradient>
<linearGradient id="paint1_linear_1_36" x1="10.2766" y1="175.454" x2="178.06" y2="175.454" gradientUnits="userSpaceOnUse">
<stop stop-color="#30B56D" offset=""/>
<stop offset="1" stop-color="#2C0CEE"/>
</linearGradient>
<linearGradient id="paint2_linear_1_36" x1="199.465" y1="154.159" x2="115.573" y2="8.85453" gradientUnits="userSpaceOnUse">
<stop stop-color="#30B56D" offset=""/>
<stop offset="1" stop-color="#2C0CEE"/>
</linearGradient>
<linearGradient id="paint3_linear_1_36" x1="199.465" y1="154.159" x2="115.573" y2="8.85453" gradientUnits="userSpaceOnUse">
<stop stop-color="#30B56D" offset=""/>
<stop offset="1" stop-color="#2C0CEE"/>
</linearGradient>
<linearGradient id="paint4_linear_1_36" x1="88.2506" y1="1.36972" x2="1.83564" y2="145.188" gradientUnits="userSpaceOnUse">
<stop stop-color="#30B56D" :offset="''"/>
<stop offset="1" stop-color="#2C0CEE"/>
</linearGradient>
<linearGradient id="paint5_linear_1_36" x1="88.2506" y1="1.36972" x2="1.83564" y2="145.188" gradientUnits="userSpaceOnUse">
<stop stop-color="#30B56D" :offset="''"/>
<stop offset="1" stop-color="#2C0CEE"/>
</linearGradient>
</defs>
</svg>
</template>
<style scoped lang="scss">
</style>