diff --git a/components/DiscordImage.tsx b/components/DiscordImage.tsx
new file mode 100644
index 0000000..e1a7403
--- /dev/null
+++ b/components/DiscordImage.tsx
@@ -0,0 +1,7 @@
+import NextImage from 'next/image'
+
+const DiscordImage = (props: { userID: string, avatarHash: string, tag: number|string, className?: string }) => {
+	return <NextImage className={props.className} src={props.avatarHash ? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024` : `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`} width={512} height={512} onError={(e)=> e.target.src = '/img/default.png'}/>
+}
+
+export default DiscordImage