primevue-mirror/apps/showcase/components/template/logo/DiamondLogo.vue

46 lines
3.0 KiB
Vue
Raw Permalink Normal View History

2024-06-27 10:32:45 +00:00
<template>
2024-10-11 13:30:43 +00:00
<svg width="185" height="40" viewBox="0 0 185 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2373_6060)">
<path d="M11.8661 27.8035L19.2724 8.66461V0.000244141L6.46338 29.1331L11.8661 27.8035Z" :fill="fillColor" />
2024-06-27 10:32:45 +00:00
<path
2024-10-11 13:30:43 +00:00
d="M19.9999 10.8175L13.2803 28.1819L19.9999 33.487L26.7194 28.1819L19.9999 10.8175ZM17.3159 23.5642L18.7882 22.5053C19.5699 21.9425 20.4197 23.1248 19.6381 23.6868L18.1658 24.7457C17.3929 25.3021 16.5305 24.1289 17.3159 23.5642ZM23.0477 25.9341L18.6343 29.1085C17.8618 29.6647 16.9987 28.4921 17.7844 27.927L22.1977 24.7526C22.9799 24.1899 23.8289 25.3721 23.0477 25.9341Z"
2024-06-27 10:32:45 +00:00
:fill="fillColor"
/>
2024-10-11 13:30:43 +00:00
<path d="M19.272 34.7669L12.2361 29.2119L6.83789 30.5404L19.272 40.0008V34.7669Z" :fill="fillColor" />
<path d="M27.7636 29.2119L20.7275 34.7669V40.0008L33.1617 30.5404L27.7636 29.2119Z" :fill="fillColor" />
<path d="M20.7275 8.66486L28.1338 27.8038L33.5366 29.1332L20.7275 0.000488281V8.66486Z" :fill="fillColor" />
2024-06-27 10:32:45 +00:00
</g>
<path
2024-10-11 13:30:43 +00:00
d="M173.622 9.34998C180.402 9.34998 184.212 13.19 184.212 20.03C184.212 26.84 180.492 30.65 173.802 30.65H166.512V9.34998H173.622ZM170.442 27.2H173.622C178.032 27.2 180.192 24.86 180.192 20.03C180.192 15.14 178.032 12.8 173.622 12.8H170.442V27.2Z"
:fill="fillColor"
/>
<path d="M145.169 9.34998H149.759L158.789 25.13V9.34998H162.719V30.65H157.949L149.099 15.32V30.65H145.169V9.34998Z" :fill="fillColor" />
<path
d="M132.27 31.13C125.91 31.13 122.13 26.87 122.13 20.03C122.13 13.13 125.91 8.87 132.27 8.87C138.63 8.87 142.44 13.13 142.44 20.03C142.44 26.87 138.63 31.13 132.27 31.13ZM126.21 20.03C126.21 24.8 128.46 27.68 132.27 27.68C136.14 27.68 138.39 24.8 138.39 20.03C138.39 15.2 136.14 12.32 132.27 12.32C128.46 12.32 126.21 15.2 126.21 20.03Z"
:fill="fillColor"
/>
<path d="M96.7104 9.34998H102.02L107.84 25.82L113.69 9.34998H119V30.65H115.04V16.1L109.76 30.62H105.95L100.64 16.1V30.65H96.7104V9.34998Z" :fill="fillColor" />
<path d="M74.5369 30.65L82.2169 9.34998H86.9869L94.6669 30.65H90.5569L88.8169 25.64H80.3869L78.6469 30.65H74.5369ZM81.5569 22.25H87.6469L84.5869 13.31L81.5569 22.25Z" :fill="fillColor" />
<path d="M68.0862 9.34998H72.0162V30.65H68.0862V9.34998Z" :fill="fillColor" />
<path
d="M55.0541 9.34998C61.8341 9.34998 65.6441 13.19 65.6441 20.03C65.6441 26.84 61.9241 30.65 55.2341 30.65H47.9441V9.34998H55.0541ZM51.8741 27.2H55.0541C59.4641 27.2 61.6241 24.86 61.6241 20.03C61.6241 15.14 59.4641 12.8 55.0541 12.8H51.8741V27.2Z"
2024-06-27 10:32:45 +00:00
:fill="fillColor"
/>
<defs>
2024-10-11 13:30:43 +00:00
<clipPath id="clip0_2373_6060">
<rect width="40" height="40" :fill="fillColor" />
2024-06-27 10:32:45 +00:00
</clipPath>
</defs>
</svg>
</template>
<script>
export default {
computed: {
fillColor() {
return this.$appState.darkTheme ? 'var(--p-surface-900)' : 'var(--p-surface-0)';
}
}
};
</script>