diff --git a/src/components/ui/avatars/Avatar.astro b/src/components/ui/avatars/Avatar.astro
new file mode 100644
index 0000000..4e58577
--- /dev/null
+++ b/src/components/ui/avatars/Avatar.astro
@@ -0,0 +1,14 @@
+---
+const { src, alt = "Image Description" } = Astro.props;
+
+interface Props {
+  src?: string;
+  alt?: string;
+}
+---
+
+<img
+  class="inline-block h-8 w-8 rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"
+  src={src}
+  alt={alt}
+/>