feat: add Terraform SVG icon with animation effects

pphatdev · pphatdev · commit 5f4685973149 · 2026-03-18T19:08:44.000+07:00
diff --git a/public/assets/icons/terraform.svg b/public/assets/icons/terraform.svg
@@ -0,0 +1,21 @@
+<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.1" d="M31.8523 0H16.1477C7.22957 0 2.65694e-07 7.22957 2.65694e-07 16.1477V31.8523C2.65694e-07 40.7704 7.22957 48 16.1477 48H31.8523C40.7704 48 48 40.7704 48 31.8523V16.1477C48 7.22957 40.7704 0 31.8523 0Z" fill="currentColor"/>
+    <style>
+        @keyframes popup {
+            0% {
+                opacity: 0;
+                transform: scale(0);
+            }
+            100% {
+                opacity: 1;
+                transform: scale(1);
+            }
+        }
+        #terraform-logo {
+            animation: popup 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
+        }
+    </style>
+    <g id="terraform-logo">
+        <path d="M13 12V19.575L19.561 23.365V15.787L13 12ZM34.12 16.227L27.559 20.018V27.592L34.119 23.805L34.12 16.227ZM20.28 16.23V23.805L26.841 27.592V20.018L20.28 16.23ZM20.28 24.635V32.21L26.84 36V28.422L20.28 24.635Z" fill="currentColor"/>
+    </g>
+</svg>
