diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 40a4e0d..d7e192a 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -45,6 +45,9 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 	background-color:  var(--blue);
 	box-shadow: 0em 0em 2em 0.1em rgba(0, 0, 0, 0.3);
 }
+.icon{
+	font-family: "Noto Color Emoji", emoji, sans-serif;
+}
 #image{
 	width: 300px;
 	height: 255px;
diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte
index 6691032..d41d486 100644
--- a/src/lib/components/Icon.svelte
+++ b/src/lib/components/Icon.svelte
@@ -5,6 +5,7 @@
 </script>
 <style>
 	a{
+		font-family: "Noto Color Emoji", emoji;
 		font-size: 2rem;
 		text-decoration: none;
 		padding: 0.5em;
diff --git a/src/lib/components/IconLayout.svelte b/src/lib/components/IconLayout.svelte
index 89a9252..bdadb69 100644
--- a/src/lib/components/IconLayout.svelte
+++ b/src/lib/components/IconLayout.svelte
@@ -8,6 +8,7 @@
 
 <style>
 	a{
+		font-family: "Noto Color Emoji", emoji, sans-serif;
 		font-size: 2rem;
 		text-decoration: none;
 		padding: 0.5em;
diff --git a/src/routes/rezepte/icon/+page.svelte b/src/routes/rezepte/icon/+page.svelte
index 8b81b52..66196d8 100644
--- a/src/routes/rezepte/icon/+page.svelte
+++ b/src/routes/rezepte/icon/+page.svelte
@@ -10,6 +10,7 @@
 </script>
 <style>
 	a{
+		font-family: "Noto Color Emoji", emoji, sans-serif;
 		--padding: 0.5em;
 		font-size: 3rem;
 		text-decoration: none;