diff --git a/web/src/components/general/Icon.tsx b/web/src/components/general/Icon.tsx
index d2e2d9e..0fa2191 100644
--- a/web/src/components/general/Icon.tsx
+++ b/web/src/components/general/Icon.tsx
@@ -1,6 +1,6 @@
import styles from "./icon.module.scss";
-export function Icon ({
+export function Icon({
type,
}: {
type?: "doc" | "arrowUp" | "arrowRight" | "externalLink" | "search" | "tickets" | "list" | "calendar" | "filter" | "noFilter" | "email" | "phone" | "instagram" | "facebook" | "flickr" | "tiktok";
@@ -18,73 +18,73 @@ export function Icon ({
)}
{type === "arrowUp" && (
-
+
)}
{type === "arrowRight" && (
-
+
)}
{type === "externalLink" && (
-
+
)}
{type === "search" && (
-
+
)}
{type === "tickets" && (
-
+
)}
{type === "list" && (
-
+
)}
{type === "calendar" && (
-
+
)}
{type === "filter" && (
-
+
)}
{type === "noFilter" && (
-
+
)}
{type === "email" && (
-
+
)}
{type === "phone" && (
-
+
)}
{type === "instagram" && (
)}
{type === "facebook" && (
)}
{type === "flickr" && (
)}
{type === "tiktok" && (
)}
@@ -109,7 +109,7 @@ export function Icon ({
-export function DecorativeIcon ({
+export function DecorativeIcon({
type,
}: {
type: string
@@ -137,191 +137,274 @@ export function DecorativeIcon ({
{type === "key" && (
)}
{type === "ticket" && (
)}
{type === "shield" && (
)}
{type === "bottle" && (
)}
{type === "lostProperty" && (
)}
{type === "pigsty" && (
)}
{type === "wheelchair" && (
)}
{type === "clock" && (
)}
{type === "parking" && (
)}
{type === "coins" && (
+ )}
+
+ {type === "studioMole" && (
+
+ )}
+
+ {type === "studioCalendar" && (
+
+ )}
+
+ {type === "studioDisco" && (
+
+ )}
+
+ {type === "studioGuitar" && (
+
+ )}
+
+ {type === "studioNote" && (
+
)}
{type === "email" && (
)}