summaryrefslogtreecommitdiff
path: root/components/email.vue
diff options
context:
space:
mode:
Diffstat (limited to 'components/email.vue')
-rwxr-xr-xcomponents/email.vue36
1 files changed, 36 insertions, 0 deletions
diff --git a/components/email.vue b/components/email.vue
new file mode 100755
index 0000000..0fbdb1e
--- /dev/null
+++ b/components/email.vue
@@ -0,0 +1,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>