29 lines
952 B
Vue
29 lines
952 B
Vue
<script setup lang="ts">
|
|
import { useId } from "vue";
|
|
|
|
withDefaults(defineProps<{
|
|
size?: string | number;
|
|
color?: boolean;
|
|
avatar?: boolean;
|
|
}>(), {
|
|
size: 24,
|
|
});
|
|
|
|
const titleId = useId();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="inline-flex items-center justify-center"
|
|
:style="{ width: `${size}px`, height: `${size}px` }">
|
|
<svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size"
|
|
viewBox="0 0 24 24" role="img" :aria-labelledby="titleId"
|
|
style="flex: none; line-height: 1;">
|
|
<title :id="titleId">Thinking Machines Lab</title>
|
|
<rect width="24" height="24" rx="2.6666666666666665"
|
|
:fill="color ? '#e6e7e8' : 'currentColor'" :fill-opacity="color ? 1 : 0.15"></rect>
|
|
<rect x="4" y="4" width="16" height="16" rx="1.3333333333333333"
|
|
:fill="color ? '#31373d' : 'currentColor'"></rect>
|
|
</svg>
|
|
</div>
|
|
</template>
|