feat: add Tor SVG icon with animation effects

pphatdev · pphatdev · commit 8bd92aa1719b · 2026-03-18T19:08:50.000+07:00
diff --git a/public/assets/icons/tor.svg b/public/assets/icons/tor.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 0 7.22957 0 16.1477V31.8523C0 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);
+            }
+        }
+        #tor-logo {
+            animation: popup 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
+        }
+    </style>
+    <g id="tor-logo">
+        <path d="M29.6585 13.14C27.864 13.6555 26.2917 14.7529 25.189 16.2596C26.012 14.723 27.0193 13.2926 28.1888 12C26.5239 13.1097 25.1517 14.6053 24.1892 16.3595L24.8292 13.8098C23.8527 15.4518 23.2073 17.2691 22.9294 19.1592L24.0492 19.6392C25.6292 17.2386 27.5147 15.0539 29.6585 13.14ZM30.4785 26.2086C29.6585 24.6887 27.5588 23.1989 25.349 21.819C24.839 21.519 24.739 20.4092 24.819 19.9292L24.3091 19.6892C24.2108 20.4888 24.2651 21.2997 24.4691 22.079C24.7091 22.829 25.469 23.6788 25.9889 24.8787C26.3092 25.8304 26.55 26.8069 26.7089 27.7984C27.0138 29.8522 26.8288 31.949 26.1689 33.9177C25.8856 34.6811 25.3894 35.3474 24.7391 35.8375L24.4991 35.9975C28.6586 36.1275 33.3282 31.3681 30.4785 26.2086ZM25.079 30.998C25.0433 30.3137 24.9017 29.6391 24.659 28.9983C24.4408 28.5025 24.1903 28.0215 23.9092 27.5584C23.7405 26.8823 23.6864 26.1826 23.7492 25.4886C23.7641 26.147 23.8718 26.8001 24.0692 27.4284C24.3277 27.8459 24.5582 28.2802 24.7591 28.7283C25.0539 29.4559 25.2522 30.2189 25.349 30.998C25.3785 32.0096 25.2606 33.0201 24.999 33.9977C24.9013 34.3442 24.7672 34.6794 24.599 34.9977C24.9186 34.5354 25.1555 34.0211 25.299 33.4777C25.6904 32.0189 25.8124 30.5009 25.659 28.9983C25.5588 28.3566 25.4049 27.7245 25.199 27.1085C24.759 25.9085 24.1291 24.8787 24.0491 24.6387C23.8023 23.5355 23.6716 22.4095 23.6591 21.2791C23.6905 22.332 23.838 23.3783 24.0991 24.3988C24.1791 24.6388 24.8991 25.7786 25.399 26.9785C25.628 27.5337 25.7891 28.1145 25.879 28.7083C26.1274 30.4456 25.9454 32.2172 25.349 33.8677C25.2633 34.1532 25.1459 34.4283 24.999 34.6877C25.3661 34.2822 25.6392 33.8008 25.799 33.2777C26.4892 30.6188 26.4892 27.8276 25.799 25.1687C25.379 23.8888 24.3891 22.7689 24.1491 21.999C23.9978 21.2115 23.9708 20.4052 24.0691 19.6093L21.9194 18.6093C22.4794 20.0493 22.5793 21.1691 21.9994 21.6091C19.7396 23.4789 16 25.6086 16 28.7183C16 32.0379 17.9998 35.6275 23.0492 35.8975C22.4704 35.7501 21.9025 35.563 21.3494 35.3375C20.8487 35.1436 20.4002 34.8355 20.0396 34.4377L19.9096 34.2977C18.9783 33.2499 18.2948 32.0059 17.9098 30.658C17.7385 30.1694 17.7107 29.642 17.8298 29.1381C18.0831 28.2869 18.5037 27.4947 19.0668 26.808C19.6299 26.1213 20.3244 25.5537 21.1095 25.1386C21.4543 24.9548 21.7882 24.7511 22.1094 24.5286C22.5793 24.2386 22.8793 22.9988 23.1892 21.9989C23.0292 22.7689 22.8492 24.2587 22.1293 24.8186C21.8393 25.0386 21.5194 25.2486 21.1994 25.4586C19.9196 26.3384 18.6597 27.1584 18.0298 29.2681C17.9416 29.7276 17.9691 30.2018 18.1098 30.648C18.497 31.9456 19.1624 33.1433 20.0596 34.1576C20.0596 34.1576 20.1896 34.2876 20.1896 34.3176C20.662 34.9386 21.3578 35.3511 22.1293 35.4675C21.8393 35.3075 21.5994 35.1175 21.3894 34.9875C20.7853 34.5987 20.2866 34.0667 19.9377 33.4387C19.5888 32.8107 19.4005 32.1062 19.3896 31.3879C19.3864 30.6727 19.5906 29.9718 19.9775 29.3702C20.3643 28.7687 20.9173 28.2921 21.5694 27.9983C22.0006 27.7415 22.3729 27.397 22.6623 26.987C22.9517 26.577 23.1517 26.1108 23.2492 25.6185C23.2122 26.1343 23.0475 26.6328 22.77 27.0691C22.4924 27.5055 22.1108 27.866 21.6594 28.1183C21.0739 28.4309 20.5754 28.8843 20.2088 29.4376C19.8422 29.991 19.6191 30.6268 19.5596 31.2879C19.7681 32.6088 20.4376 33.8132 21.4494 34.6875C21.9212 35.0394 22.4635 35.285 23.0392 35.4075C22.8598 35.2607 22.6986 35.0928 22.5593 34.9075C22.3731 34.5917 22.2222 34.2564 22.1093 33.9076C21.962 33.5925 21.8706 33.2541 21.8393 32.9077C21.7684 32.0672 21.9949 31.2285 22.4793 30.538C22.9042 30.1851 23.217 29.716 23.3793 29.1881C23.2946 29.7517 23.0439 30.2774 22.6593 30.698C22.4227 31.0158 22.2513 31.3774 22.1552 31.7618C22.0591 32.1462 22.0401 32.5459 22.0993 32.9377C22.1583 33.2582 22.2557 33.5705 22.3893 33.8677C22.5115 34.2233 22.6832 34.5599 22.8993 34.8675C23.0793 35.0775 23.1593 35.2375 23.4492 35.3475C23.7575 34.6016 23.9236 33.8046 23.9392 32.9977C23.9935 32.4124 23.9935 31.8232 23.9392 31.2379C23.8092 30.438 23.5392 29.6381 23.5392 28.9982C23.6592 29.5881 23.9692 30.378 24.1492 31.2079C24.2749 31.7754 24.3121 32.3589 24.2592 32.9377C24.2592 33.4977 24.1792 33.9377 24.0992 34.4276C24.0332 34.7716 23.8781 35.0923 23.6492 35.3575C24.2522 34.8498 24.6472 34.138 24.7591 33.3577C24.9844 32.5918 25.0922 31.7963 25.079 30.998Z" fill="currentColor"/>
+    </g>
+</svg>
