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
|
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
height="48"
width="48"
:fill="color"
:style="{
transform: `scale(${scale}) translate(${offsetX}rem,${offsetY}rem)`,
}"
>
<path
d="M7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm17-15.1L7 13.75V37h34V13.75Zm0-3L40.8 11H7.25ZM7 13.75V11v26Z"
/>
</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>
|