app: Reduce SVG data with optimization

evanpurkhiser · Dec 30, 2020 · 947e0f2 · 947e0f2
1 parent 6883e5f
commit 947e0f2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 309 deletions.
diff --git a/src/shared/components/Icons.tsx b/src/shared/components/Icons.tsx
@@ -7,7 +7,7 @@ export const AppleLogo = () => (
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M18.082 17.1452C17.7504 17.9138 17.3579 18.6213 16.9032 19.2718C16.2833 20.1585 15.7758 20.7723 15.3846 21.1132C14.7783 21.6727 14.1286 21.9592 13.433 21.9755C12.9335 21.9755 12.3312 21.8329 11.6302 21.5437C10.9268 21.2558 10.2804 21.1132 9.68932 21.1132C9.06944 21.1132 8.40463 21.2558 7.69353 21.5437C6.98135 21.8329 6.40762 21.9837 5.96897 21.9986C5.30185 22.0271 4.63691 21.7324 3.97318 21.1132C3.54955 20.7425 3.01967 20.1069 2.38491 19.2066C1.70385 18.2451 1.14393 17.1302 0.705281 15.8592C0.2355 14.4862 0 13.1568 0 11.8697C0 10.3953 0.317519 9.1237 0.953503 8.05809C1.45333 7.20215 2.11828 6.52696 2.95051 6.0313C3.78275 5.53563 4.68198 5.28305 5.65037 5.26689C6.18024 5.26689 6.8751 5.43134 7.7386 5.75454C8.59966 6.07883 9.15254 6.24328 9.39495 6.24328C9.57617 6.24328 10.1904 6.05099 11.2316 5.66763C12.2162 5.31211 13.0472 5.1649 13.728 5.22289C15.5728 5.37227 16.9587 6.10191 17.8804 7.41644C16.2305 8.41945 15.4144 9.82428 15.4306 11.6265C15.4455 13.0302 15.9531 14.1983 16.9506 15.1258C17.4026 15.5563 17.9074 15.889 18.4691 16.1253C18.3473 16.4798 18.2187 16.8193 18.082 17.1452V17.1452ZM13.8512 0.440614C13.8512 1.54086 13.4505 2.56817 12.652 3.51903C11.6884 4.64941 10.5228 5.3026 9.25879 5.19953C9.24268 5.06754 9.23335 4.92861 9.23335 4.78263C9.23335 3.72639 9.69162 2.596 10.5054 1.67176C10.9118 1.2038 11.4285 0.814697 12.0551 0.504302C12.6804 0.198539 13.2719 0.0294449 13.8282 0.000488281C13.8444 0.147575 13.8512 0.29467 13.8512 0.440599V0.440614Z"
+      d="M18.08 17.15c-.33.76-.72 1.47-1.18 2.12a10.8 10.8 0 01-1.52 1.84c-.6.56-1.25.85-1.95.87-.5 0-1.1-.15-1.8-.44a5.16 5.16 0 00-1.94-.43c-.62 0-1.29.15-2 .43-.7.3-1.28.44-1.72.46-.67.03-1.33-.27-2-.89A13.2 13.2 0 01.7 15.86a12.3 12.3 0 01-.7-3.99c0-1.47.32-2.75.95-3.81a5.6 5.6 0 014.7-2.8c.53 0 1.23.17 2.09.5a6.7 6.7 0 001.65.48c.19 0 .8-.19 1.84-.57.99-.36 1.82-.5 2.5-.45a5.3 5.3 0 014.15 2.2 4.64 4.64 0 00-2.45 4.2 5 5 0 003.04 4.5c-.12.36-.25.7-.39 1.03zM13.85.45c0 1.1-.4 2.12-1.2 3.07-.96 1.13-2.13 1.78-3.4 1.68a4.83 4.83 0 011.25-3.53c.41-.47.93-.86 1.56-1.17a4.6 4.6 0 011.77-.5l.02.44z"
       fill="currentColor"
     />
   </svg>
@@ -17,47 +17,36 @@ export const LinuxLogo = () => (
   <svg
     width="22"
     height="22"
-    viewBox="0 0 22 22"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 22 22"
   >
     <path
-      d="M7.23867 10.7542C7.23867 9.05469 8.0365 7.54174 9.2756 6.5677L7.37907 3.53217C5.78965 4.67371 4.59366 6.32596 4.02942 8.24924C4.91272 8.81776 5.4985 9.81115 5.4985 10.9402C5.4985 12.0291 4.95709 12.9892 4.12599 13.5671C4.73264 15.3889 5.9148 16.9485 7.45687 18.0308L9.22067 14.8938C8.01215 13.9201 7.23867 12.4273 7.23867 10.7542Z"
+      d="M7.2 10.8c0-1.7.8-3.3 2-4.2l-1.8-3A8.9 8.9 0 004 8.1a3.2 3.2 0 01.1 5.4A8.9 8.9 0 007.5 18L9.2 15c-1.2-1-2-2.5-2-4.1z"
       fill="currentColor"
     />
     <path
-      d="M4.60199 10.9401C4.60199 12.2101 3.57062 13.2404 2.30093 13.2404C1.03062 13.2404 0 12.2101 0 10.9401C0 9.6707 1.03062 8.64044 2.30093 8.64044C3.57062 8.64044 4.60199 9.6707 4.60199 10.9401Z"
+      d="M4.6 11A2.3 2.3 0 110 11a2.3 2.3 0 014.6 0zM17.5 16.5c.6 0 1 .1 1.5.4a8.9 8.9 0 002.4-5.5l-3.6-.1a5.3 5.3 0 01-7.4 4.3l-1.8 3.1a8.9 8.9 0 005.7.8c.2-1.7 1.5-3 3.2-3z"
       fill="currentColor"
     />
     <path
-      d="M17.5227 16.5026C18.0579 16.5026 18.5617 16.6335 19.0044 16.8659C20.3831 15.4128 21.2741 13.4954 21.4214 11.3716L17.8479 11.3025C17.5728 13.9826 15.3085 16.0706 12.5565 16.0706C11.7948 16.0706 11.0679 15.9104 10.4119 15.6206L8.6355 18.7285C9.81972 19.3112 11.1491 19.6385 12.5565 19.6385C13.1638 19.6385 13.7595 19.577 14.3334 19.4599C14.4559 17.807 15.8368 16.5026 17.5227 16.5026Z"
-      fill="currentColor"
-    />
-    <path
-      d="M19.8223 19.7004C19.8223 20.9701 18.7931 22 17.5227 22C16.2523 22 15.2223 20.9701 15.2223 19.7004C15.2223 18.4297 16.2523 17.4001 17.5227 17.4001C18.7931 17.4001 19.8223 18.4297 19.8223 19.7004Z"
-      fill="currentColor"
-    />
-    <path
-      d="M19.249 4.91131C18.7283 5.28 18.0912 5.49821 17.4031 5.49821C15.6359 5.49821 14.205 4.06689 14.205 2.30069C14.205 2.20688 14.2091 2.11614 14.2161 2.0251C13.6788 1.92224 13.1236 1.86945 12.5565 1.86945C11.136 1.86945 9.79268 2.20376 8.60217 2.79582L10.3681 5.90573C11.036 5.60486 11.7767 5.43561 12.5565 5.43561C15.2842 5.43561 17.5324 7.48989 17.8396 10.1356L21.4131 10.0265C21.2553 8.07553 20.4651 6.3033 19.249 4.91131Z"
-      fill="currentColor"
-    />
-    <path
-      d="M19.7021 2.30071C19.7021 3.57107 18.675 4.60101 17.4032 4.60101C16.1329 4.60101 15.1029 3.57107 15.1029 2.30071C15.1029 1.03026 16.1329 0 17.4032 0C18.6749 0 19.7021 1.03026 19.7021 2.30071Z"
+      d="M19.8 19.7a2.3 2.3 0 11-4.6 0 2.3 2.3 0 014.6 0zM19.2 5c-.5.3-1.1.5-1.8.5A3.2 3.2 0 0114.2 2a8.8 8.8 0 00-5.6.8l1.8 3.1a5.3 5.3 0 017.4 4.2h3.6c-.1-2-1-3.8-2.2-5.2z"
       fill="currentColor"
     />
+    <path d="M19.7 2.3a2.3 2.3 0 11-4.6 0 2.3 2.3 0 014.6 0z" fill="currentColor" />
   </svg>
 );
 
 export const WindowsLogo = () => (
   <svg
     width="25"
     height="22"
-    viewBox="0 0 25 22"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 25 22"
   >
     <path
-      d="M11.6584 11.3153L9.24508 19.6079C9.24508 19.6079 6.56308 17.8631 4.65751 18.0219C2.75332 18.1808 1.10107 18.4697 0 19.0394L2.37639 10.7722C2.37639 10.7722 5.05435 9.52614 7.27771 9.68554C9.50017 9.84453 11.2761 11.0404 11.6584 11.3153ZM12.0539 9.81873L14.443 1.61285C10.175 -1.65647 5.18653 1.0562 5.18653 1.0562L2.79706 9.3262C2.79706 9.3262 5.41226 8.3764 7.39592 8.17777C9.37957 7.97914 12.0539 9.81873 12.0539 9.81873ZM17.1218 13.7351C15.4542 13.7748 12.9081 12.118 12.9081 12.118L10.5317 20.3379C10.9683 20.5099 12.3989 21.8715 14.7802 21.992C17.162 22.1103 19.7899 20.8805 19.7899 20.8805C19.7899 20.8805 22.1028 12.7844 22.1749 12.6651C22.1647 12.6725 22.1408 12.6881 22.1289 12.6932C19.9014 13.5652 18.7647 13.6953 17.1218 13.7351ZM22.1749 12.665C22.18 12.6612 22.1819 12.6594 22.1762 12.6624C22.176 12.6626 22.1752 12.6643 22.1749 12.665ZM19.742 4.08856C17.6776 3.84976 16.3932 2.97168 15.7057 2.47963L13.3125 10.639C13.3125 10.639 15.2565 12.5432 17.9945 12.3852C20.7351 12.2263 22.2213 11.3623 22.5856 11.2403L24.9621 3.00919C24.9621 3.00919 21.8056 4.32695 19.742 4.08856Z"
+      d="M11.66 11.32L9.25 19.6s-2.69-1.75-4.6-1.59c-1.9.16-3.55.45-4.65 1.02l2.38-8.27s2.67-1.24 4.9-1.08c2.22.15 4 1.35 4.38 1.63zm.4-1.5l2.38-8.2c-4.26-3.28-9.25-.56-9.25-.56l-2.4 8.27s2.62-.95 4.6-1.15c1.99-.2 4.66 1.64 4.66 1.64zm5.06 3.92c-1.67.03-4.21-1.62-4.21-1.62l-2.38 8.22c.44.17 1.87 1.53 4.25 1.65 2.38.12 5.01-1.1 5.01-1.1s2.31-8.1 2.38-8.22a12.52 12.52 0 01-5.05 1.07zm5.05-1.08c.01 0 .01 0 0 0zM19.74 4.1a8.24 8.24 0 01-4.03-1.61l-2.4 8.16s1.95 1.9 4.68 1.75c2.75-.16 4.23-1.03 4.6-1.15l2.37-8.23s-3.15 1.32-5.22 1.08z"
       fill="currentColor"
     />
   </svg>