diff --git a/resources/css/blocks/icon.css b/resources/css/blocks/icon.css
index 1cc880a..61fdab9 100644
--- a/resources/css/blocks/icon.css
+++ b/resources/css/blocks/icon.css
@@ -1,6 +1,21 @@
 .homegrade-blocks-icon {
-  @apply w-12 h-12 !mx-0 flex justify-center items-center;
+  @apply !mx-0 flex justify-center items-center 
+  rounded-2xl;
   img {
-    @apply max-w-full max-h-full;
+    @apply w-full h-fit;
+  }
+  &--has-shadow {
+    @apply shadowed p-2 w-20 h-20;
+    img {
+      max-width: 80%;
+      max-height: 70%;
+    }
+  }
+  &--no-shadow {
+    @apply w-16 h-16;
+    img {
+      max-width: 100%;
+      max-height: 100%;
+    }
   }
 }