diff --git a/src/lib/tech.svelte b/src/lib/tech.svelte
new file mode 100644
index 0000000..171e766
--- /dev/null
+++ b/src/lib/tech.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	export let tech: string;
+	export let logoBaseDir: string;
+	export let logoFiletype: 'svg'| 'png' = 'svg';
+	export let size: 'small' | 'medium' | 'big' = 'small'
+
+	let logoDir: string = `/${logoBaseDir}/${tech}-logo.${logoFiletype}`;
+	let logoAlt: string = `${tech} logo`;
+	let isSmall = size === 'small';
+	let isMedium = size === 'medium';
+	let isBig = size === 'big';
+</script>
+<img src={logoDir} alt={logoAlt} class:small={isSmall} class:medium={isMedium} class:big={isBig}>
+<style>
+	.small {
+		height: 3rem;
+	}
+	.medium {
+		height: 3.5rem;
+	}
+	.big {
+		height: 4rem;
+	}
+</style>