File size: 988 Bytes
b9a2152 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <script lang="ts">
interface Props {
classNames?: string;
}
let { classNames = "" }: Props = $props();
// I've no idea wht a fixed id doesnt work...
const gradientId = `gradient-${Math.random().toString(36).slice(2, 9)}`;
</script>
<svg
class="text-gray-500 {classNames}"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
role="img"
width="1em"
height="1em"
viewBox="0 0 12 12"
><defs
><linearGradient
id={gradientId}
x1="3.371"
y1="3.43"
x2="8.141"
y2="8.9"
gradientUnits="userSpaceOnUse"
><stop stop-color="#FF0789" /><stop offset=".63" stop-color="#21DE75" /><stop
offset="1"
stop-color="#FF8D00"
/></linearGradient
></defs
><path
d="M6.481 1.26c0 1.55.67 2.58 1.5 3.24.86.68 1.9 1 2.58 1.07v.86a5.3 5.3 0 0 0-2.57 1.07 3.95 3.95 0 0 0-1.51 3.24h-.96c0-1.55-.67-2.58-1.5-3.24a5.3 5.3 0 0 0-2.58-1.07v-.86a5.3 5.3 0 0 0 2.57-1.07 3.95 3.95 0 0 0 1.51-3.24h.96Z"
fill="url(#{gradientId})"
/></svg
>
|