ptr.pet
1<script lang="ts">
2 interface Props {
3 color: string;
4 size: number;
5 }
6
7 let { color, size }: Props = $props();
8</script>
9
10<svg
11 class="shrink-0 rounded-sm"
12 style="background: color-mix(in srgb, {color} 27%, transparent); color: {color}; width: calc(var(--spacing) * {size}); height: calc(var(--spacing) * {size});"
13 xmlns="http://www.w3.org/2000/svg"
14 width="24px"
15 height="24px"
16 viewBox="0 0 16 16"
17 ><path
18 fill="currentColor"
19 d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m4.735 6c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139z"
20 /></svg
21>