@semcore/illustration 1.4.19 → 1.4.21

package/svg/PageError.svg

@@ -1,47 +1,41 @@
-<svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#a)">
-    <path d="M136.87 149.77c2.5 2.71-4.24 12.26-12.12 7.8-5.54-3.13-16.02-1.73-16.02-1.73l11.04-7.37 17.1 1.3Z" fill="#171A22"/>
-    <path d="M123.39 140.8c.65.23 5.77 3.99 7.29 4.42 1.52.44 6.13-.65 6.78 2.39.65 3.04-1.52 3.19-1.52 3.19a3.8 3.8 0 0 1-1.19 4.25c-2.16 1.96-3.89.33-3.89.33s-.53 2.46-4.51 1.3c-4.74-1.38-9.24-3.9-14.65-3.47-5.42.43 11.69-12.4 11.69-12.4Z" fill="#FF642D"/>
-    <path d="M130.35 151.66s2.57 2.16.3 5.22M133.53 148.47s2.3-.14 2.62 2.86" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M127.37 135.07s-.64 7.16-9.3 13.45c-8.66 6.3-10.6 7.82-10.6 7.82l5.82-17.58 14.08-3.7Z" fill="#fff"/>
-    <path d="M86.48 71.95s3.03-16.72 23.16-26.06 34.42-5.2 40.7-3.47c6.28 1.73 19.7 7.82 28.35 3.04 0 0 .22 2.39-3.89 4.34 0 0 17.53 2.82 27.27-4.78 0 0 2.17 6.3-6.27 13.89-8.45 7.6-19.92 9.57-19.92 9.57s2.6 1.15 6.93 0c-1.3 2.31-7.69 8.77-20.15 5.2-12.63-3.6-34.64-6.5-43.73-4.78-9.1 1.72-14.5 4.56-19.7 9.98.02.01-7.99-5.63-12.75-6.93Z" fill="#FF642D"/>
-    <path d="m85.2 190.28 68.63-.53s6.36 4.63 10.46 3.76c4.1-.87 9.45-2.24 9.67-5.5.22-3.25-1.52-4.78-1.52-4.78l-65.58-4.78-21.65 11.83ZM21.08 169.52c-6.07.22-25.05 1.45-20.34 11.67A10.62 10.62 0 0 0 4 185.14c8.85 6.79 21.58 7.04 32.23 8.73 8.65 1.37 17.3 2.75 25.98 3.87 3.54.5 7.1.8 10.67.88.51 0 1.02.12 1.48.35a16.77 16.77 0 0 0 9.06 1.37c6.07-.65 10.18-3.26 6.94-6.08-.97-.84-8.4.98-17.1-2.17-20.51-7.41-52.17-22.57-52.17-22.57Z" fill="#171A22"/>
-    <path d="M256.86 165.7a9.72 9.72 0 0 1 .78 9.87 15 15 0 0 1-5.19 5.61c-8.18 5.51-19.12 5.38-28.55 4.4-16.3-1.71-32.44-4.98-48.37-8.8-5.1-1.22-10.6-2.16-15.45-.12s-8.22 8.24-5.53 12.76c2 3.34 6.22 4.39 9.76 6 3.53 1.6 7.11 5.24 5.71 8.87-1.4 3.64-6.31 3.93-10.18 3.65-32.83-2.32-66.22-1.3-98.75 3.82a373.9 373.9 0 0 0-35.66 7.6" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M235.03 148.03a1.02 1.02 0 0 0-.18 1.43l4.68 6.07 1.59-1.24-4.69-6.07a1 1 0 0 0-1.4-.19ZM243.93 141.02a1.02 1.02 0 0 0-.18 1.42l4.68 6.07 1.6-1.24-4.7-6.07a1.01 1.01 0 0 0-1.4-.18Z" fill="#FF642D" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="m256 161.97-4.16 3.24-7.67-1.3 12.5-9.7-.67 7.76Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="m252.22 147.7-12.5 9.7 4.82 6.24 12.5-9.7-4.82-6.24Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="m252.18 145.76-15 11.64 2.02 2.62 15-11.64-2.02-2.62ZM259.36 166.85l-3.6 2.8-3.96-4.55 4.17-3.24 3.4 5Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="m246.72 153.95 6.24-4.85 1.03 1.33-7.28 3.52ZM200.1 109.97l-23.37 2.4-1.87-2.4v-25.3h25.24l1.97 2.52-1.97 22.78Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M202.01 87.21h-25.24v25.31h25.24v-25.3Z" fill="#fff" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M189.37 106.74a6.88 6.88 0 1 0-.02-13.77 6.88 6.88 0 0 0 .02 13.77Z" fill="#fff" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M185.66 100.6a1.26 1.26 0 1 0 0-2.54 1.26 1.26 0 0 0 0 2.53ZM190.75 100.6a1.26 1.26 0 1 0 0-2.54 1.26 1.26 0 0 0 0 2.53Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M192.3 93.6a6.89 6.89 0 0 1-7.26 11.44 6.89 6.89 0 0 0 11.3-7.15 6.92 6.92 0 0 0-4.03-4.3h0Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M33.7 91.89a79.93 79.93 0 0 1 33.27-15.32c4.44-.88 7.32 1.18 5.19 5.72-3.24 6.91-8.31 11.53-13.76 16.4a22.26 22.26 0 0 1 23.7 14.36 22.43 22.43 0 0 1 1.32 9.81c-.7 7.93-5.53 14.89-10.86 20.8-4.5 5-11.28 12.26-18.67 17.36M92.04 101.81c5.18 0 9.38-1.55 9.38-3.47 0-1.91-4.2-3.47-9.38-3.47-5.18 0-9.38 1.56-9.38 3.47 0 1.92 4.2 3.47 9.38 3.47Z" fill="#FF642D"/>
-    <path d="M26.7 99.83S45.3 73.3 65.22 70.47c18.56-2.66 35.26 5.69 49.72 23.72a145.98 145.98 0 0 1 3.1 4.06c8.1 11.17 14.85 26.38 8.79 40.01-3.11 6.98-8.33 10.04-14.25 14.19-2.77 1.94-9.78 8.05-7.31 12" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M106.36 162.5s53.1 18.18 56.36 18.38c3.25.2 3.24-1.07 7.35-.66 4.11.41 4.74 2.8 4.77 3.7.07 2.31-1.73 2.16-1.73 2.16s.65 3.48-2.38 4.56c-3.03 1.09-4.77-.21-4.77-.21s-3.47 3.47-6.5.43c-3.03-3.03-12.12-5.4-25.53-6.51l-29.01-2.39 1.44-19.46ZM43.78 167.09s-.87 4.78.87 6.73c1.73 1.94 29 14.97 32.25 15.63 3.25.65 9.09-2.18 12.77-.22 3.68 1.95 4.77 6.07.44 6.72 0 0-.87 5.43-7.58 1.07-1.51 2.38-4.33 3.26-7.36-.65-4.55-.22-41.74-1.1-56.5-13.24.55.89.99 1.84 1.32 2.83.26 2.05-2.04.7-2.62 0a17.32 17.32 0 0 1-2.81-5.85s.64 5.2-.87 3.9c-1.52-1.3-2.6-7.8-.21-11.93 2.21-3.84 9.32-6.3 8.53-11.46-.22-1.49-.94-2.85-1.59-4.22-3.71-7.97-4.31-17.07-3.5-25.78 0 0-.43 7.38-1.51 7.17-1.09-.22.43-13.46.43-13.46s-1.06 6.51-2.17 4.56c-1.1-1.95 6.37-26.2 20.15-36.76 13.8-10.56 20.53 59.33 20.53 59.33s-9.92 13.02-10.57 15.63Z" fill="#FF642D"/>
-    <path d="M82.03 193.77s2.33 1.06.6 4.52M89.02 191.85s2.43 1.43 1.28 5.16M164.69 186.11s3.11 1.06 1.06 5.47M171.05 182.92s2.65.27 2.61 4.33" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M88.06 188.69s13.2 1.3 15.8-4.34c2.6-5.64 3.47-16.93 3.03-20.62-.44-3.69-2.6-6.08-7.58-7.6-4.98-1.52-12.56 1.74-12.56 1.74l-11.9-1.74v-21.7s-9.55 2.6-18.83 11.5c-9.29 8.9-12.56 17.58-12.78 21.7a9.9 9.9 0 0 0 2.6 6.95l31.2 9.1 11.02 5Z" fill="#fff"/>
-    <path d="M76.94 156.95s6.68-.45 11.45.36c0 0 7.19-17.07 20.82-20.33" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M75.19 134.43s-6.93 8.03-9.74 12.91c-2.82 4.89-4.33 9.88-3.58 10.31.75.44 3.71 0 8.66-.76 3.46-.53 5.5-.4 6.47-.65-.04.12.08-.02 0 0 .66-1.78-2.52-13.89-1.81-21.81Z" fill="#171A22"/>
-    <path d="M77 156.24c-.97.25-3 .12-6.47.65-4.95.76-7.9 1.2-8.66.76-.75-.43.76-5.42 3.58-10.3 2.81-4.9 9.74-12.92 9.74-12.92-.71 7.92 2.47 20.03 1.81 21.81Zm0 0c.08-.02-.04.12 0 0Z" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M106.98 162.6s-1.33-6.8-.76-12.6c.5-4.44 1.51-8.81 3.02-13.02 0 0-3.02 2.17-6.6 7.7-3.57 5.54-4.08 13.45-4.08 13.45 1.1.3 6.4 1.53 8.42 4.48Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M89.1 183.5c.07-.14 2.2.15 4.97 0a13.6 13.6 0 0 0 7.2-2.37c3.1-2.21 3.38-7.84 3.18-11.51-.27-4.52-2.43-5.99-6.58-7.21a67.98 67.98 0 0 0-16.43-2.45c-5.5-.12-10.98.59-16.27 2.1-3.71 1.02-8.08 3.5-9.4 7.38-2.08 6.18 3.32 10.22 8.5 12.07 2.8 1 5.72 1.59 8.69 1.76.99.06 3.87.11 4.3.06.59-.07 1 2.3 3.19 1.7 2.38-.65 3.14-1.2 3.14-1.2s3.54 3.66 5.5-.32Z" fill="#FF642D"/>
-    <path d="M83.93 183.14a4.1 4.1 0 0 0 2.46 2.1c1.88.57 3.03-1.02 3.32-2.32" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="m83.53 180.17-3.41-3 7.25.43-3.84 2.57Z" fill="#171A22" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M83.64 180.37v2.88a3.82 3.82 0 0 1-2.45 1.8c-3.61.87-3.61-2.6-3.61-2.6" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M70.42 178.75a7.48 7.48 0 1 0-.02-14.95 7.48 7.48 0 0 0 .02 14.95Z" fill="#171A22" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M73.43 169.5a2.22 2.22 0 1 0 0-4.44 2.22 2.22 0 0 0 0 4.44ZM74.75 173.41a.99.99 0 1 0 0-1.97.99.99 0 0 0 0 1.97Z" fill="#fff"/>
-    <path d="M67.26 176.57a6.68 6.68 0 0 1-2.46-8.32" fill="#171A22"/>
-    <path d="M67.26 176.57a6.68 6.68 0 0 1-2.46-8.32" stroke="#FF642D" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M94.58 179.39a7.48 7.48 0 1 0-.02-14.95 7.48 7.48 0 0 0 .02 14.95Z" fill="#171A22" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M96.32 169.5a2.22 2.22 0 1 0 0-4.44 2.22 2.22 0 0 0 0 4.44ZM99.6 173.52a1.04 1.04 0 1 0 0-2.08 1.04 1.04 0 0 0 0 2.08Z" fill="#fff"/>
-    <path d="M91.42 177.83a6.68 6.68 0 0 1-2.46-8.3" fill="#171A22"/>
-    <path d="M91.42 177.83a6.68 6.68 0 0 1-2.46-8.3" stroke="#FF642D" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M76.76 156.76c-3.28.15-11.33 1.12-13.17 1.34" stroke="#171A22" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <path fill="#fff" d="M0 0h260v260H0z"/>
-    </clipPath>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="260" fill="none" viewBox="0 0 260 260">
+  <path fill="#171A22" d="M136.871 149.768c2.492 2.712-4.242 12.261-12.123 7.811-5.542-3.137-16.015-1.739-16.015-1.739l11.035-7.374 17.103 1.302Z"/>
+  <path fill="#FF642D" d="M123.388 140.809c.652.218 5.775 3.977 7.291 4.413 1.517.436 6.131-.654 6.783 2.388.652 3.041-1.517 3.19-1.517 3.19a3.809 3.809 0 0 1-1.193 4.253c-2.163 1.957-3.892.33-3.892.33s-.531 2.456-4.513 1.303c-4.741-1.383-9.233-3.908-14.647-3.478-5.415.431 11.688-12.399 11.688-12.399Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M130.352 151.656s2.571 2.169.297 5.226M133.531 148.466s2.302-.132 2.615 2.861"/>
+  <path fill="#fff" d="M127.374 135.067s-.647 7.162-9.307 13.457c-8.66 6.295-10.606 7.816-10.606 7.816l5.833-17.583 14.08-3.69Z"/>
+  <path fill="#fff" d="M127.374 135.067c-2.007 6.066-.647 7.162-9.307 13.457-8.66 6.295-10.606 7.816-10.606 7.816L45 160.5l-12.5-68s10.36-11.591 19-16c8.944-4.563 14.986-6.725 25-6 10.562.765 16.335 4.413 25 10.5 9.394 6.6 19.5 22 19.5 22s5.797 9.287 7 16c1.107 6.181 1.346 10.105-.626 16.067Z"/>
+  <path fill="#FF642D" d="M86 72s3.51-16.765 23.641-26.107c20.131-9.342 34.418-5.205 40.696-3.472 6.279 1.733 19.701 7.816 28.356 3.041 0 0 .218 2.387-3.892 4.339 0 0 17.532 2.823 27.273-4.785 0 0 2.164 6.295-6.278 13.893-8.443 7.598-19.914 9.57-19.914 9.57s2.599 1.154 6.926 0c-1.299 2.313-7.684 8.768-20.151 5.206-12.627-3.605-34.635-6.508-43.73-4.786-9.095 1.723-14.504 4.562-19.7 9.986.02.005-8.465-5.582-13.227-6.885Z"/>
+  <path fill="#171A22" d="m85.206 190.278 68.622-.532s6.364 4.631 10.463 3.765c4.099-.867 9.45-2.244 9.667-5.498.218-3.254-1.516-4.785-1.516-4.785l-65.584-4.775-21.652 11.825ZM21.082 169.521c-6.072.223-25.052 1.451-20.337 11.67a10.62 10.62 0 0 0 3.245 3.951c8.846 6.784 21.578 7.04 32.227 8.73 8.65 1.372 17.31 2.749 25.985 3.866 3.534.509 7.095.804 10.665.882a3.404 3.404 0 0 1 1.48.346 16.774 16.774 0 0 0 9.068 1.372c6.061-.649 10.176-3.254 6.93-6.078-.97-.84-8.389.984-17.102-2.169-20.507-7.412-52.161-22.57-52.161-22.57Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M256.862 165.693a9.72 9.72 0 0 1 .78 9.878 15.007 15.007 0 0 1-5.192 5.61c-8.183 5.513-19.123 5.375-28.547 4.392-16.307-1.707-32.439-4.977-48.369-8.789-5.102-1.223-10.607-2.164-15.454-.123-4.847 2.042-8.219 8.242-5.525 12.761 1.994 3.339 6.215 4.386 9.752 5.992 3.537 1.606 7.117 5.243 5.717 8.879-1.4 3.637-6.316 3.924-10.188 3.648-32.826-2.318-66.22-1.308-98.749 3.823-12.032 1.898-23.864 4.54-35.652 7.598"/>
+  <path fill="#FF642D" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M235.026 148.035a1.018 1.018 0 0 0-.18 1.425l4.683 6.072 1.591-1.244-4.688-6.072a1.008 1.008 0 0 0-1.406-.181ZM243.928 141.017a1.018 1.018 0 0 0-.18 1.425l4.683 6.072 1.591-1.244-4.683-6.072a1.012 1.012 0 0 0-1.411-.181Z"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="m256.003 161.971-4.168 3.238-7.663-1.303 12.499-9.698-.668 7.763Z"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="m252.22 147.702-12.499 9.696 4.816 6.241 12.499-9.696-4.816-6.241Z"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="m252.18 145.76-15.003 11.638 2.022 2.62 15.003-11.638-2.022-2.62ZM259.364 166.852l-3.606 2.796-3.956-4.546 4.168-3.238 3.394 4.988Z"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="m246.715 153.953 6.247-4.849 1.029 1.329-7.276 3.52ZM200.105 109.971l-23.376 2.403-1.866-2.403V84.662h25.242l1.965 2.529-1.965 22.78Z"/>
+  <path fill="#fff" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M202.013 87.214H176.77v25.309h25.243V87.214Z"/>
+  <path fill="#fff" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M189.366 106.738c3.796 0 6.873-3.085 6.873-6.89 0-3.806-3.077-6.891-6.873-6.891-3.796 0-6.873 3.085-6.873 6.89 0 3.806 3.077 6.891 6.873 6.891Z"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M185.663 100.592c.697 0 1.262-.567 1.262-1.266a1.264 1.264 0 1 0-2.525 0c0 .699.565 1.266 1.263 1.266ZM190.749 100.592c.698 0 1.263-.567 1.263-1.266a1.264 1.264 0 1 0-2.525 0c0 .699.565 1.266 1.262 1.266Z"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M192.307 93.595a6.89 6.89 0 0 1-.732 10.777 6.856 6.856 0 0 1-3.887 1.202 6.922 6.922 0 0 1-2.652-.532 6.889 6.889 0 0 0 5.583 1.84 6.897 6.897 0 0 0 5.994-5.985 6.925 6.925 0 0 0-1.811-5.605 6.889 6.889 0 0 0-2.49-1.697h-.005Z"/>
+  <path fill="#FF642D" d="M33.7 91.886a79.929 79.929 0 0 1 33.272-15.318c4.434-.883 7.319 1.18 5.187 5.72-3.235 6.913-8.31 11.533-13.756 16.404a22.262 22.262 0 0 1 9.826.965 22.31 22.31 0 0 1 8.449 5.121 22.381 22.381 0 0 1 5.418 8.275 22.43 22.43 0 0 1 1.327 9.809c-.706 7.933-5.537 14.888-10.861 20.795-4.508 5.009-11.285 12.266-18.672 17.365M92.043 101.815c5.182 0 9.382-1.555 9.382-3.472 0-1.918-4.2-3.472-9.382-3.472-5.18 0-9.38 1.554-9.38 3.472 0 1.917 4.2 3.472 9.38 3.472Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M26.706 99.832S45.294 73.3 65.212 70.472c21.383-3.063 39.163 9.783 51.525 26.042 8.772 11.476 16.463 27.395 10.081 41.749-3.113 6.981-8.331 10.038-14.249 14.185-2.774 1.941-9.779 8.055-7.313 12.001"/>
+  <path fill="#FF642D" d="M106.36 162.502s53.105 18.174 56.356 18.376c3.251.202 3.246-1.064 7.356-.654 4.11.409 4.735 2.796 4.772 3.69.069 2.318-1.734 2.169-1.734 2.169s.647 3.477-2.381 4.562c-3.028 1.085-4.773-.218-4.773-.218s-3.463 3.472-6.496.436c-3.033-3.036-12.118-5.402-25.534-6.513-13.417-1.112-29.009-2.388-29.009-2.388l1.443-19.46ZM43.778 167.087s-.865 4.785.87 6.731c1.733 1.946 29.007 14.973 32.253 15.627 3.245.654 9.09-2.175 12.77-.218 3.68 1.957 4.772 6.077.434 6.726 0 0-.864 5.428-7.578 1.063-1.511 2.388-4.327 3.26-7.36-.648-4.545-.218-41.741-1.096-56.494-13.24.543.89.985 1.839 1.315 2.829.265 2.052-2.037.702-2.62 0-1.946-2.387-2.81-5.849-2.81-5.849s.646 5.211-.87 3.908c-1.517-1.302-2.594-7.81-.213-11.936 2.217-3.839 9.323-6.301 8.539-11.464-.229-1.483-.944-2.844-1.591-4.211-3.713-7.975-4.317-17.078-3.5-25.781 0 0-.435 7.38-1.517 7.162-1.082-.218.435-13.452.435-13.452s-1.06 6.508-2.17 4.556c-1.108-1.951 6.364-26.202 20.153-36.761 13.788-10.56 20.528 59.332 20.528 59.332s-9.922 13.021-10.574 15.626Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M82.026 193.766s2.333 1.063.6 4.525M89.021 191.852s2.433 1.425 1.283 5.157M164.689 186.11s3.112 1.063 1.06 5.471M171.047 182.919s2.65.272 2.618 4.334"/>
+  <path fill="#fff" d="M88.059 188.688s13.204 1.303 15.803-4.338c2.598-5.642 3.463-16.93 3.028-20.62-.435-3.689-2.593-6.077-7.578-7.597-4.985-1.521-12.558 1.738-12.558 1.738l-11.906-1.738v-21.704s-9.545 2.605-18.83 11.5c-9.287 8.896-12.559 17.583-12.776 21.704-.066 2.567.025 4.976 1.758 6.867 0 0 9.922 5.25 16.5 8.5 6.107 3.017 16 7.5 16 7.5l10.559-1.812Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M76.94 156.946s6.676-.446 11.449.367c0 0 7.19-17.078 20.825-20.332"/>
+  <path fill="#171A22" d="M75.187 134.429s-6.926 8.028-9.742 12.915c-2.815 4.886-4.327 9.873-3.574 10.309.753.436 3.712 0 8.66-.76 3.463-.532 5.494-.403 6.47-.653-.045.122.083-.021 0 0 .655-1.785-2.523-13.889-1.814-21.811Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M77.001 156.24c-.976.25-3.007.121-6.47.653-4.948.76-7.907 1.196-8.66.76-.753-.436.758-5.423 3.574-10.309 2.816-4.887 9.742-12.915 9.742-12.915-.71 7.922 2.469 20.026 1.814 21.811Zm0 0c.083-.021-.045.122 0 0Z"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M106.985 162.609s-1.331-6.817-.769-12.607a57.456 57.456 0 0 1 3.028-13.021s-3.028 2.169-6.602 7.704c-3.574 5.535-4.083 13.441-4.083 13.441 1.103.309 6.406 1.532 8.426 4.483Z"/>
+  <path fill="#FF642D" d="M89.098 183.507c.075-.149 2.201.144 4.97 0a13.595 13.595 0 0 0 7.201-2.377c3.097-2.211 3.383-7.842 3.182-11.511-.271-4.519-2.429-5.987-6.576-7.21a67.977 67.977 0 0 0-16.44-2.445 54.628 54.628 0 0 0-16.264 2.1c-3.713 1.015-8.082 3.493-9.392 7.38-2.084 6.173 3.314 10.214 8.485 12.064a31.12 31.12 0 0 0 8.692 1.76c.991.058 3.876.117 4.311.064.578-.075 1.002 2.302 3.182 1.696 2.381-.649 3.14-1.191 3.14-1.191s3.537 3.653 5.51-.33Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M83.934 183.137a4.098 4.098 0 0 0 2.455 2.095c1.878.58 3.029-1.01 3.32-2.313"/>
+  <path fill="#171A22" stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="m83.529 180.17-3.41-2.993 7.25.425-3.84 2.568Z"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M83.637 180.367v2.882a3.798 3.798 0 0 1-2.45 1.808c-3.612.866-3.612-2.606-3.612-2.606"/>
+  <path fill="#171A22" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M70.417 178.751c4.124 0 7.467-3.352 7.467-7.486 0-4.135-3.343-7.487-7.467-7.487s-7.467 3.352-7.467 7.487c0 4.134 3.343 7.486 7.467 7.486Z"/>
+  <path fill="#fff" d="M73.433 169.499a2.22 2.22 0 0 0 2.217-2.222 2.22 2.22 0 0 0-2.217-2.223 2.22 2.22 0 0 0-2.216 2.223 2.22 2.22 0 0 0 2.216 2.222ZM74.746 173.413a.988.988 0 0 0 .987-.989.988.988 0 0 0-.987-.989.988.988 0 0 0-.986.989c0 .546.442.989.986.989Z"/>
+  <path fill="#171A22" d="M67.261 176.571a6.679 6.679 0 0 1-2.764-3.707 6.694 6.694 0 0 1 .303-4.619"/>
+  <path stroke="#FF642D" stroke-linecap="round" stroke-linejoin="round" d="M67.261 176.571a6.679 6.679 0 0 1-2.764-3.707 6.694 6.694 0 0 1 .303-4.619"/>
+  <path fill="#171A22" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M94.58 179.389c4.124 0 7.467-3.352 7.467-7.486 0-4.135-3.343-7.486-7.467-7.486s-7.467 3.351-7.467 7.486c0 4.134 3.343 7.486 7.467 7.486Z"/>
+  <path fill="#fff" d="M96.325 169.499a2.22 2.22 0 0 0 2.216-2.222 2.22 2.22 0 0 0-2.216-2.223 2.22 2.22 0 0 0-2.217 2.223 2.22 2.22 0 0 0 2.217 2.222ZM99.598 173.519a1.04 1.04 0 0 0 1.039-1.042 1.04 1.04 0 1 0-2.078 0 1.04 1.04 0 0 0 1.039 1.042Z"/>
+  <path fill="#171A22" d="M91.417 177.826a6.676 6.676 0 0 1-2.756-3.698 6.694 6.694 0 0 1 .295-4.607"/>
+  <path stroke="#FF642D" stroke-linecap="round" stroke-linejoin="round" d="M91.417 177.826a6.676 6.676 0 0 1-2.756-3.698 6.694 6.694 0 0 1 .295-4.607"/>
+  <path stroke="#171A22" stroke-linecap="round" stroke-linejoin="round" d="M76.76 156.76c-3.277.146-11.327 1.115-13.174 1.341"/>
 </svg>

package/transform.ts

@@ -0,0 +1,92 @@
+import fs from 'fs/promises';
+import { resolve as resolvePath } from 'path';
+import svgToJsx from 'svg-to-jsx';
+import { Window } from 'happy-dom';
+import esbuild from 'esbuild';
+
+const illustrations = await fs.readdir('svg');
+
+await Promise.all(
+  illustrations.map(async (fileName) => {
+    if (!fileName.endsWith('.svg')) return;
+    const illustration = fileName.replace('.svg', '');
+    const svg = await fs.readFile(resolvePath('svg', fileName), 'utf-8');
+
+    const window = new Window();
+    const document = window.document;
+    document.body.innerHTML = svg;
+    [...document.querySelectorAll('path')].forEach((element) =>
+      element.setAttribute('shape-rendering', 'geometricPrecision'),
+    );
+    const allIds = [
+      ...new Set([...document.querySelectorAll('[id]').map((element) => element.id)]),
+    ];
+    const idReplacements: Record<string, string> = {};
+    for (let i = 0; i < allIds.length; i++) {
+      const oldId = allIds[i];
+      const newId = `igc-${illustration.toLowerCase()}-el-${i}`;
+      document.getElementById(oldId).setAttribute('id', newId);
+      idReplacements[oldId] = newId;
+    }
+
+    const {
+      fill = 'none',
+      width,
+      height,
+      viewBox: { baseVal: viewBox },
+    } = document.querySelector('svg') as any;
+    const html = '<svg>' + document.body.querySelector('svg').innerHTML + '</svg>';
+
+    let jsx: string = await new Promise((resolve, reject) =>
+      svgToJsx(html, {}, (error, result) => (error ? reject(error) : resolve(result))),
+    );
+
+    jsx = jsx.replace('<svg>', '').replace('</svg>', '');
+    for (const oldId in idReplacements) {
+      while (jsx.includes(`url(#${oldId})`)) {
+        jsx = jsx.replace(`url(#${oldId})`, `url(#${idReplacements[oldId]})`);
+      }
+    }
+
+    const component = `
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+
+const ${illustration} = ({fill = '${fill}', width = '${width}', height = '${height}', viewBox = '${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}', ...props}, ref) => (
+  <Box 
+    ref={ref}
+    width={width}
+    height={height}
+    viewBox={viewBox}
+    fill={fill}
+    tag="svg"
+    {...props}
+  >${jsx}</Box>
+);
+
+${illustration}.displayName = '${illustration}'
+
+export default createBaseComponent(${illustration})
+    `;
+
+    const typesDeclaration = `
+import { Box } from '@semcore/flex-box';
+declare const _default: typeof Box;
+export default _default;    
+`;
+
+    const { code: cjs } = await esbuild.transform(component, { format: 'cjs', loader: 'tsx' });
+    const { code: esm } = await esbuild.transform(component, { format: 'esm', loader: 'tsx' });
+
+    try {
+      await fs.access(illustration);
+    } catch {
+      await fs.mkdir(illustration);
+    }
+
+    await fs.writeFile(resolvePath(illustration, 'index.js'), cjs);
+    await fs.writeFile(resolvePath(illustration, 'index.mjs'), esm);
+    await fs.writeFile(resolvePath(illustration, 'index.d.ts'), typesDeclaration);
+  }),
+);

package/transform-svg.config.js

@@ -1,53 +0,0 @@
-const path = require('path');
-
-function getDescriptionImages(imgPath, outLib) {
-  const name = path.basename(imgPath, '.svg');
-  return {
-    location: `${outLib}/${name}/index.js`,
-    group: '',
-    name,
-  };
-}
-
-const getConfig = () => {
-  return {
-    tasks: ({ generateIcons }) => {
-      return [generateIcons('svg', '.', getDescriptionImages)];
-    },
-
-    template: (obj) => `
-import React from 'react';
-import { createBaseComponent } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-
-function ${obj.name}({fill = '${obj.fill}', width = '${obj.width}', height = '${obj.height}', viewBox = '${obj.viewBox}', ...props}, ref) {
-
-  return (
-      <Box 
-        ref={ref}
-        width={width}
-        height={height}
-        viewBox={viewBox}
-        fill={fill}
-        tag="svg"
-        {...props}
-      >
-          ${obj.sourcePath}
-      </Box>
-    );
-}
-
-${obj.name}.displayName = '${obj.name}'
-
-export default createBaseComponent(${obj.name})
-      `,
-
-    templateDTS: () => `
-import { Box } from '@semcore/flex-box';
-declare const _default: typeof Box;
-export default _default;
-      `,
-  };
-};
-
-module.exports = getConfig;