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
|
<template>
<svg
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
height="48"
width="48"
:fill="color"
:style="{
transform: `scale(${scale}) translate(${offsetX}rem,${offsetY}rem)`,
}"
>
<path d="m3 0v12l9-6zm0 12v12l9-6zm9-6v12l9-6z" />
</svg>
</template>
<script setup lang="ts">
const props = defineProps({
color: {
type: String,
default: "#000000",
},
scale: {
type: String,
default: "0.5",
},
offsetX: {
type: String,
default: "0",
},
offsetY: {
type: String,
default: "0",
},
});
</script>
|