Merge pull request #184 from auth0/fix/qs-icons

HVish · web-flow · commit 3188f5fc37ab · 2025-10-24T18:26:33.000+05:30
Added icons for Nuxt and Svelte quickstarts
diff --git a/main/docs/images/icons/dark/nuxt.svg b/main/docs/images/icons/dark/nuxt.svg
@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2745_3039)">
+<path d="M21.9523 30.4393H33.848C34.2259 30.4393 34.5971 30.3429 34.9243 30.1596C35.2494 29.9784 35.5211 29.7148 35.712 29.3953C35.9004 29.0796 35.9999 28.7189 36 28.3513C35.9996 27.9837 35.8997 27.6231 35.7111 27.3076L27.7221 13.8856C27.5312 13.5662 27.2595 13.3027 26.9345 13.1216C26.6057 12.9379 26.2352 12.8415 25.8585 12.8417C25.4808 12.8417 25.1097 12.9383 24.7825 13.1215C24.4575 13.3027 24.1859 13.5662 23.9949 13.8856L21.9523 17.32L17.9584 10.6045C17.7673 10.2852 17.4955 10.0217 17.1704 9.84053C16.8415 9.65686 16.471 9.56055 16.0943 9.56079C15.7164 9.56079 15.3453 9.65719 15.018 9.84039C14.6929 10.0215 14.4211 10.285 14.23 10.6044L4.28907 27.3077C4.10041 27.6232 4.00053 27.9838 4 28.3513C3.99987 28.7179 4.0992 29.078 4.288 29.3953C4.47894 29.7148 4.75062 29.9784 5.07573 30.1596C5.40293 30.3429 5.77413 30.4393 6.152 30.4393H13.6191C16.5777 30.4393 18.7596 29.1788 20.2608 26.7195L23.9057 20.5965L25.858 17.32L31.7172 27.1627H23.9057L21.9523 30.4393ZM13.4973 27.1592L8.28627 27.158L16.0977 14.0352L19.9953 20.5965L17.3857 24.9821C16.3887 26.5777 15.2561 27.1592 13.4973 27.1592Z" fill="#EEEEEE" style="fill:#EEEEEE;fill:color(display-p3 0.9333 0.9333 0.9333);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2745_3039">
+<rect width="32" height="32" fill="white" style="fill:white;fill-opacity:1;" transform="translate(4 4)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/main/docs/images/icons/dark/svelte.svg b/main/docs/images/icons/dark/svelte.svg
@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2745_3039)">
+<path d="M17.8053 32.1667C16.6325 32.4714 15.3944 32.4089 14.2582 31.9876C13.122 31.5663 12.1425 30.8064 11.452 29.8107C11.0278 29.2173 10.7265 28.5453 10.5655 27.8339C10.4045 27.1225 10.3872 26.3862 10.5146 25.668C10.558 25.4322 10.6177 25.1996 10.6933 24.972L10.8333 24.544L11.216 24.824C12.0976 25.4717 13.0833 25.9641 14.1306 26.28L14.408 26.364L14.3813 26.6414C14.348 27.0343 14.4547 27.4263 14.6826 27.748C14.8904 28.0481 15.1853 28.2772 15.5275 28.4043C15.8697 28.5314 16.2426 28.5504 16.596 28.4587C16.7577 28.4157 16.9119 28.3483 17.0533 28.2587L24.5066 23.5094C24.6887 23.3944 24.8448 23.2428 24.9651 23.0642C25.0854 22.8856 25.1672 22.6839 25.2053 22.472C25.2437 22.2555 25.2386 22.0336 25.1903 21.8191C25.142 21.6046 25.0514 21.4018 24.924 21.2227C24.716 20.9228 24.4211 20.6938 24.079 20.5667C23.7368 20.4396 23.3639 20.4206 23.0106 20.512C22.8489 20.555 22.6946 20.6224 22.5533 20.712L19.7093 22.5254C19.2417 22.823 18.7314 23.0474 18.196 23.1907C17.0233 23.4956 15.7853 23.4333 14.6491 23.0122C13.513 22.5911 12.5334 21.8315 11.8426 20.836C11.4185 20.2424 11.1172 19.5701 10.9565 18.8585C10.7957 18.1469 10.7788 17.4103 10.9066 16.692C11.033 15.9882 11.3048 15.3185 11.7048 14.7257C12.1047 14.1329 12.624 13.6301 13.2293 13.2494L20.6813 8.4987C21.1488 8.20098 21.6592 7.9766 22.1946 7.83337C23.3674 7.52864 24.6055 7.59116 25.7417 8.01248C26.8779 8.4338 27.8574 9.19364 28.548 10.1894C28.9721 10.7827 29.2734 11.4548 29.4344 12.1662C29.5954 12.8775 29.6127 13.6139 29.4853 14.332C29.4417 14.5678 29.382 14.8004 29.3066 15.028L29.1666 15.456L28.7853 15.176C27.9034 14.5277 26.9172 14.0348 25.8693 13.7187L25.592 13.6347L25.6186 13.3587C25.652 12.9654 25.5453 12.5729 25.3173 12.2507C25.1093 11.9508 24.8143 11.722 24.4722 11.5952C24.13 11.4683 23.7571 11.4496 23.404 11.5414C23.2422 11.5843 23.088 11.6518 22.9466 11.7414L15.4933 16.4907C15.3111 16.6056 15.1549 16.7571 15.0346 16.9357C14.9143 17.1143 14.8326 17.3161 14.7946 17.528C14.7561 17.7445 14.7611 17.9665 14.8094 18.181C14.8577 18.3956 14.9483 18.5983 15.076 18.7774C15.2839 19.0773 15.5788 19.3063 15.9209 19.4334C16.2631 19.5604 16.636 19.5795 16.9893 19.488C17.1515 19.4447 17.3062 19.3768 17.448 19.2867L20.2906 17.4734C20.7582 17.176 21.2685 16.9521 21.804 16.8094C22.9766 16.5045 24.2146 16.5668 25.3508 16.9879C26.487 17.409 27.4665 18.1685 28.1573 19.164C28.5814 19.7576 28.8827 20.43 29.0434 21.1416C29.2042 21.8532 29.2211 22.5898 29.0933 23.308C28.9669 24.0121 28.6951 24.682 28.2952 25.275C27.8952 25.868 27.376 26.3711 26.7706 26.752L19.3186 31.5014C18.8511 31.7991 18.3407 32.0235 17.8053 32.1667ZM31.616 8.23337C28.6453 3.98004 22.776 2.72004 18.5333 5.42404L11.08 10.1734C10.0734 10.8068 9.21012 11.6433 8.54524 12.6294C7.88036 13.6155 7.42853 14.7294 7.21862 15.9C6.86299 17.8723 7.17548 19.9068 8.10662 21.6814C7.4684 22.6488 7.03296 23.7356 6.82662 24.876C6.61456 26.0702 6.64307 27.2947 6.91049 28.4778C7.17792 29.6608 7.67886 30.7785 8.38395 31.7654C11.356 36.0187 17.224 37.2787 21.4666 34.576L28.92 29.8267C29.9266 29.1934 30.79 28.3569 31.4549 27.3708C32.1198 26.3847 32.5715 25.2707 32.7813 24.1C33.137 22.1279 32.825 20.0935 31.8946 18.3187C32.5319 17.3511 32.9665 16.2643 33.172 15.124C33.3845 13.9297 33.3564 12.705 33.0892 11.5217C32.822 10.3384 32.3211 9.22044 31.616 8.23337Z" fill="#EEEEEE" style="fill:#EEEEEE;fill:color(display-p3 0.9333 0.9333 0.9333);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2745_3039">
+<rect width="32" height="32" fill="white" style="fill:white;fill-opacity:1;" transform="translate(4 4)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/main/docs/images/icons/light/nuxt.svg b/main/docs/images/icons/light/nuxt.svg
@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2745_3039)">
+<path d="M21.9523 30.4393H33.848C34.2259 30.4393 34.5971 30.3429 34.9243 30.1596C35.2494 29.9784 35.5211 29.7148 35.712 29.3953C35.9004 29.0796 35.9999 28.7189 36 28.3513C35.9996 27.9837 35.8997 27.6231 35.7111 27.3076L27.7221 13.8856C27.5312 13.5662 27.2595 13.3027 26.9345 13.1216C26.6057 12.9379 26.2352 12.8415 25.8585 12.8417C25.4808 12.8417 25.1097 12.9383 24.7825 13.1215C24.4575 13.3027 24.1859 13.5662 23.9949 13.8856L21.9523 17.32L17.9584 10.6045C17.7673 10.2852 17.4955 10.0217 17.1704 9.84053C16.8415 9.65686 16.471 9.56055 16.0943 9.56079C15.7164 9.56079 15.3453 9.65719 15.018 9.84039C14.6929 10.0215 14.4211 10.285 14.23 10.6044L4.28907 27.3077C4.10041 27.6232 4.00053 27.9838 4 28.3513C3.99987 28.7179 4.0992 29.078 4.288 29.3953C4.47894 29.7148 4.75062 29.9784 5.07573 30.1596C5.40293 30.3429 5.77413 30.4393 6.152 30.4393H13.6191C16.5777 30.4393 18.7596 29.1788 20.2608 26.7195L23.9057 20.5965L25.858 17.32L31.7172 27.1627H23.9057L21.9523 30.4393ZM13.4973 27.1592L8.28627 27.158L16.0977 14.0352L19.9953 20.5965L17.3857 24.9821C16.3887 26.5777 15.2561 27.1592 13.4973 27.1592Z" fill="#1F1F1F" style="fill:#1F1F1F;fill:color(display-p3 0.1216 0.1216 0.1216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2745_3039">
+<rect width="32" height="32" fill="white" style="fill:white;fill-opacity:1;" transform="translate(4 4)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/main/docs/images/icons/light/svelte.svg b/main/docs/images/icons/light/svelte.svg
@@ -0,0 +1,10 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2745_3039)">
+<path d="M17.8053 32.1667C16.6325 32.4714 15.3944 32.4089 14.2582 31.9876C13.122 31.5663 12.1425 30.8064 11.452 29.8107C11.0278 29.2173 10.7265 28.5453 10.5655 27.8339C10.4045 27.1225 10.3872 26.3862 10.5146 25.668C10.558 25.4322 10.6177 25.1996 10.6933 24.972L10.8333 24.544L11.216 24.824C12.0976 25.4717 13.0833 25.9641 14.1306 26.28L14.408 26.364L14.3813 26.6414C14.348 27.0343 14.4547 27.4263 14.6826 27.748C14.8904 28.0481 15.1853 28.2772 15.5275 28.4043C15.8697 28.5314 16.2426 28.5504 16.596 28.4587C16.7577 28.4157 16.9119 28.3483 17.0533 28.2587L24.5066 23.5094C24.6887 23.3944 24.8448 23.2428 24.9651 23.0642C25.0854 22.8856 25.1672 22.6839 25.2053 22.472C25.2437 22.2555 25.2386 22.0336 25.1903 21.8191C25.142 21.6046 25.0514 21.4018 24.924 21.2227C24.716 20.9228 24.4211 20.6938 24.079 20.5667C23.7368 20.4396 23.3639 20.4206 23.0106 20.512C22.8489 20.555 22.6946 20.6224 22.5533 20.712L19.7093 22.5254C19.2417 22.823 18.7314 23.0474 18.196 23.1907C17.0233 23.4956 15.7853 23.4333 14.6491 23.0122C13.513 22.5911 12.5334 21.8315 11.8426 20.836C11.4185 20.2424 11.1172 19.5701 10.9565 18.8585C10.7957 18.1469 10.7788 17.4103 10.9066 16.692C11.033 15.9882 11.3048 15.3185 11.7048 14.7257C12.1047 14.1329 12.624 13.6301 13.2293 13.2494L20.6813 8.4987C21.1488 8.20098 21.6592 7.9766 22.1946 7.83337C23.3674 7.52864 24.6055 7.59116 25.7417 8.01248C26.8779 8.4338 27.8574 9.19364 28.548 10.1894C28.9721 10.7827 29.2734 11.4548 29.4344 12.1662C29.5954 12.8775 29.6127 13.6139 29.4853 14.332C29.4417 14.5678 29.382 14.8004 29.3066 15.028L29.1666 15.456L28.7853 15.176C27.9034 14.5277 26.9172 14.0348 25.8693 13.7187L25.592 13.6347L25.6186 13.3587C25.652 12.9654 25.5453 12.5729 25.3173 12.2507C25.1093 11.9508 24.8143 11.722 24.4722 11.5952C24.13 11.4683 23.7571 11.4496 23.404 11.5414C23.2422 11.5843 23.088 11.6518 22.9466 11.7414L15.4933 16.4907C15.3111 16.6056 15.1549 16.7571 15.0346 16.9357C14.9143 17.1143 14.8326 17.3161 14.7946 17.528C14.7561 17.7445 14.7611 17.9665 14.8094 18.181C14.8577 18.3956 14.9483 18.5983 15.076 18.7774C15.2839 19.0773 15.5788 19.3063 15.9209 19.4334C16.2631 19.5604 16.636 19.5795 16.9893 19.488C17.1515 19.4447 17.3062 19.3768 17.448 19.2867L20.2906 17.4734C20.7582 17.176 21.2685 16.9521 21.804 16.8094C22.9766 16.5045 24.2146 16.5668 25.3508 16.9879C26.487 17.409 27.4665 18.1685 28.1573 19.164C28.5814 19.7576 28.8827 20.43 29.0434 21.1416C29.2042 21.8532 29.2211 22.5898 29.0933 23.308C28.9669 24.0121 28.6951 24.682 28.2952 25.275C27.8952 25.868 27.376 26.3711 26.7706 26.752L19.3186 31.5014C18.8511 31.7991 18.3407 32.0235 17.8053 32.1667ZM31.616 8.23337C28.6453 3.98004 22.776 2.72004 18.5333 5.42404L11.08 10.1734C10.0734 10.8068 9.21012 11.6433 8.54524 12.6294C7.88036 13.6155 7.42853 14.7294 7.21862 15.9C6.86299 17.8723 7.17548 19.9068 8.10662 21.6814C7.4684 22.6488 7.03296 23.7356 6.82662 24.876C6.61456 26.0702 6.64307 27.2947 6.91049 28.4778C7.17792 29.6608 7.67886 30.7785 8.38395 31.7654C11.356 36.0187 17.224 37.2787 21.4666 34.576L28.92 29.8267C29.9266 29.1934 30.79 28.3569 31.4549 27.3708C32.1198 26.3847 32.5715 25.2707 32.7813 24.1C33.137 22.1279 32.825 20.0935 31.8946 18.3187C32.5319 17.3511 32.9665 16.2643 33.172 15.124C33.3845 13.9297 33.3564 12.705 33.0892 11.5217C32.822 10.3384 32.3211 9.22044 31.616 8.23337Z" fill="#1F1F1F" style="fill:#1F1F1F;fill:color(display-p3 0.1216 0.1216 0.1216);fill-opacity:1;"/>
+</g>
+<defs>
+<clipPath id="clip0_2745_3039">
+<rect width="32" height="32" fill="white" style="fill:white;fill-opacity:1;" transform="translate(4 4)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/main/docs/quickstarts.mdx b/main/docs/quickstarts.mdx
@@ -153,7 +153,7 @@ JavaScript web app that runs in the browser
   <SectionCard item={{
     name: "Svelte",
     subtext: "",
-    logo: "javascript.svg",
+    logo: "svelte.svg",
     date: "",
     badge: "",
     links: [
@@ -181,7 +181,7 @@ Traditional web app that runs on the server
   <SectionCard item={{
     name: "Nuxt.js",
     subtext: "",
-    logo: "javascript.svg",
+    logo: "nuxt.svg",
     date: "",
     badge: "",
     links: [
