32 lines
2.0 KiB
Vue
32 lines
2.0 KiB
Vue
<script setup lang="ts">
|
|
import { useId } from "vue";
|
|
|
|
withDefaults(defineProps<{
|
|
size?: string | number;
|
|
color?: boolean;
|
|
avatar?: boolean;
|
|
}>(), {
|
|
size: 24,
|
|
});
|
|
|
|
const titleId = useId();
|
|
const BACKGROUND_COLOR = "#fff";
|
|
const AVATAR_SCALE = 0.75;
|
|
</script>
|
|
|
|
<template>
|
|
<div class="inline-flex items-center justify-center"
|
|
:style="{ width: `${size}px`, height: `${size}px`, backgroundColor: avatar ? BACKGROUND_COLOR : undefined, borderRadius: avatar ? '0.375rem' : undefined }">
|
|
<svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size"
|
|
viewBox="0 0 24 24" :fill="avatar || color ? '#000' : 'currentColor'" role="img" :aria-labelledby="titleId"
|
|
style="flex: none; line-height: 1;"
|
|
:style="{ transform: avatar ? `scale(${AVATAR_SCALE})` : undefined }">
|
|
<title :id="titleId">Nex AGI</title>
|
|
<g transform="matrix(.02777778 0 0 .02777778 -2.222222 -2.222222)">
|
|
<path d="M634.153 529.915C634.153 536.056 631.023 541.773 625.849 545.081C620.674 548.388 614.17 548.83 608.597 546.251L367.982 434.957L367.983 749.839C367.983 755.934 364.899 761.615 359.787 764.935L137.804 909.096C132.269 912.69 125.211 912.968 119.411 909.819C113.611 906.67 110 900.599 110 894V156.359C110 150.25 113.099 144.558 118.229 141.242C123.361 137.926 129.823 137.438 135.394 139.948L623.547 359.872C630.002 362.78 634.153 369.203 634.153 376.284V529.915Z"></path>
|
|
<path d="M389.847 493.085C389.847 486.944 392.977 481.227 398.151 477.919C403.326 474.612 409.83 474.17 415.403 476.749L656.018 588.043L656.017 273.161C656.017 267.066 659.101 261.385 664.213 258.065L886.196 113.904C891.731 110.31 898.789 110.032 904.589 113.181C910.389 116.33 914 122.401 914 129L914 866.641C914 872.75 910.901 878.442 905.771 881.758C900.639 885.074 894.177 885.562 888.606 883.052L400.453 663.128C393.998 660.22 389.847 653.797 389.847 646.716V493.085Z"></path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</template>
|