You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
870 B
36 lines
870 B
<script lang="ts"> |
|
interface Props { |
|
class?: string; |
|
} |
|
|
|
let { class: className = "" }: Props = $props(); |
|
</script> |
|
|
|
<svg |
|
class="text-kv-yellow {className}" |
|
viewBox="0 0 128 128" |
|
fill="currentColor" |
|
xmlns="http://www.w3.org/2000/svg" |
|
> |
|
<path |
|
fill-rule="evenodd" |
|
clip-rule="evenodd" |
|
d="M8.05957 1.5L11.3781 12.5V115.5L8.05957 126.5H45.9855L42.667 115.5V73.6719L82.0151 126.5H119.941L67.3188 59L115.674 1.50006H77.7485L42.667 50.5001V12.5L45.9855 1.50006L8.05957 1.5Z" |
|
/> |
|
</svg> |
|
|
|
<style> |
|
svg { |
|
animation: spin-k 2s cubic-bezier(0.67, -0.42, 0.1, 1.29) infinite; |
|
filter: drop-shadow(6px 6px 4px rgba(0, 0, 0, 0.5)); |
|
} |
|
|
|
@keyframes spin-k { |
|
from { |
|
transform: rotate(0deg); |
|
} |
|
to { |
|
transform: rotate(360deg); |
|
} |
|
} |
|
</style>
|
|
|