@better-auth-ui/react 1.6.0

package/src/components/icons/huggingface.tsx

@@ -0,0 +1,44 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Hugging Face logo as an SVG.
+ *
+ * @param props - Props forwarded to the root `<svg>` element (for example `className`, `width`, `height`, `ref`)
+ * @returns The SVG element for the Hugging Face icon
+ */
+export function HuggingFace(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 238"
+      role="img"
+      aria-label="Hugging Face"
+      {...props}
+    >
+      <path
+        fill="#fff"
+        d="M255.138 174.711a23.6 23.6 0 0 0-3.2-7.075q.468-1.713.707-3.47c1.029-7.428-1.545-14.232-6.4-19.49c-2.629-2.874-5.446-4.771-8.431-5.936a112.6 112.6 0 0 0 2.956-25.57c0-3.93-.223-7.78-.595-11.574a136 136 0 0 0-.705-5.67a113 113 0 0 0-3.794-16.42a114 114 0 0 0-3.795-10.41a114 114 0 0 0-7.51-14.605a102 102 0 0 0-6.1-9.026a86 86 0 0 0-3.361-4.283a112 112 0 0 0-11.229-11.793a86 86 0 0 0-4.119-3.556a102 102 0 0 0-4.256-3.363a120 120 0 0 0-9.028-6.1C169.148 5.968 149.06 0 127.582 0C65.069 0 14.403 50.666 14.403 113.178a112.6 112.6 0 0 0 3.01 25.88c-2.685 1.166-5.26 2.982-7.645 5.611c-4.853 5.26-7.428 12.037-6.398 19.466c.155 1.181.392 2.35.705 3.498a23.6 23.6 0 0 0-3.2 7.078c-1.491 5.67-1 10.782.895 15.265c-2.06 5.856-1.545 12.09 1.139 17.514c1.951 3.959 4.745 7.02 8.187 9.759c4.093 3.253 9.217 6.019 15.4 8.67c7.374 3.145 16.372 6.1 20.461 7.184c10.573 2.738 20.71 4.473 30.989 4.557c14.643.136 27.247-3.307 36.272-12.116c4.434.543 8.896.815 13.362.814c4.72-.01 9.435-.308 14.121-.89c9.005 8.865 21.654 12.34 36.347 12.2c10.273-.082 20.41-1.817 30.951-4.56c4.12-1.083 13.114-4.038 20.498-7.181c6.181-2.658 11.304-5.422 15.426-8.672c3.416-2.737 6.206-5.8 8.16-9.759c2.71-5.42 3.199-11.656 1.165-17.514c1.878-4.479 2.366-9.603.875-15.265zm-10.49 14.88c2.077 3.94 2.21 8.395.377 12.541c-2.78 6.288-9.683 11.239-23.096 16.558c-8.337 3.307-15.973 5.42-16.035 5.44c-11.028 2.86-21.007 4.313-29.634 4.313c-14.295 0-24.935-3.945-31.685-11.736a106.3 106.3 0 0 1-34.494.195c-6.755 7.662-17.328 11.54-31.511 11.54c-8.635 0-18.608-1.451-29.634-4.312c-.068-.02-7.7-2.133-16.035-5.44c-13.412-5.317-20.311-10.265-23.096-16.558c-1.833-4.148-1.7-8.601.377-12.542q.289-.549.618-1.068a15.9 15.9 0 0 1-2.148-12.855c.825-3.135 2.53-5.743 4.845-7.616a15.9 15.9 0 0 1-2.15-5.994c-.666-4.617.865-9.227 4.313-12.99c2.684-2.925 6.479-4.534 10.682-4.534h.111a105 105 0 0 1-4.764-31.375C21.689 55.146 68.725 8.11 126.738 8.11c58.025 0 105.049 47.036 105.049 105.048a105 105 0 0 1-4.797 31.45q.76-.076 1.492-.077c4.201 0 7.997 1.609 10.68 4.534c3.447 3.755 4.982 8.37 4.314 12.99a15.9 15.9 0 0 1-2.15 5.995c2.314 1.872 4.02 4.48 4.845 7.616a15.94 15.94 0 0 1-2.148 12.855c.22.34.428.699.618 1.064z"
+      ></path>
+      <path
+        fill="#ff9d00"
+        d="M243.95 188.509a15.94 15.94 0 0 0 2.149-12.856c-.826-3.135-2.531-5.743-4.846-7.616a15.9 15.9 0 0 0 2.15-5.994c.667-4.616-.864-9.227-4.312-12.99c-2.684-2.924-6.48-4.534-10.682-4.534q-.731 0-1.491.076a105 105 0 0 0 4.788-31.449c0-58.012-47.037-105.049-105.05-105.049S21.609 55.121 21.609 113.146a105 105 0 0 0 4.764 31.374h-.111c-4.202 0-7.997 1.61-10.68 4.535c-3.446 3.755-4.98 8.368-4.314 12.99a15.9 15.9 0 0 0 2.15 5.993c-2.314 1.874-4.02 4.482-4.844 7.618a15.92 15.92 0 0 0 2.15 12.857a14 14 0 0 0-.617 1.067c-2.076 3.942-2.21 8.396-.377 12.543c2.778 6.286 9.683 11.239 23.096 16.557c8.337 3.307 15.973 5.42 16.035 5.44c11.028 2.86 21.007 4.314 29.634 4.314c14.183 0 24.761-3.878 31.51-11.542a106.3 106.3 0 0 0 34.495-.195c6.746 7.791 17.39 11.737 31.685 11.737c8.634 0 18.608-1.453 29.634-4.313c.067-.02 7.7-2.134 16.035-5.441c13.413-5.315 20.311-10.269 23.096-16.557c1.833-4.148 1.7-8.602-.377-12.543q-.287-.554-.619-1.067zm-138.722 16.383a42 42 0 0 1-1.868 2.977c-1.747 2.557-4.044 4.51-6.709 5.963c-5.098 2.778-11.548 3.75-18.098 3.75c-10.352 0-20.97-2.423-26.912-3.966c-.292-.076-36.458-10.293-31.884-18.994c.77-1.462 2.04-2.046 3.636-2.046c6.448 0 18.185 9.601 23.232 9.601c1.126 0 1.922-.48 2.246-1.65c2.15-7.714-32.679-10.955-29.745-22.127c.518-1.976 1.921-2.778 3.896-2.778c8.524-.001 27.658 14.991 31.66 14.991c.308 0 .528-.09.647-.278l.052-.086c1.877-3.101.8-5.356-12.067-13.238l-1.236-.752c-14.158-8.571-24.102-13.723-18.446-19.876c.65-.711 1.57-1.026 2.69-1.026c1.33 0 2.937.445 4.707 1.19c7.478 3.153 17.837 11.754 22.176 15.5a168 168 0 0 1 2.028 1.79s5.482 5.7 8.797 5.7c.763 0 1.41-.299 1.849-1.043c2.351-3.963-21.828-22.288-23.195-29.846c-.924-5.123.648-7.718 3.558-7.718c1.383 0 3.07.588 4.934 1.77c5.78 3.67 16.943 22.847 21.032 30.306c1.37 2.5 3.708 3.557 5.815 3.557c4.18 0 7.448-4.155.383-9.436c-10.62-7.946-6.893-20.932-1.825-21.728q.325-.05.653-.052c4.609 0 6.642 7.943 6.642 7.943s5.958 14.966 16.197 25.196c9.29 9.284 10.586 16.905 5.175 26.402zm33.102 1.753l-.53.063l-.907.104q-.714.074-1.43.14l-.468.043l-.425.036l-.605.049q-.334.025-.668.047l-.666.045l-.147.008l-.524.031l-.223.012l-.621.03l-.723.03l-.656.023l-.438.012h-.22c-.138 0-.273.008-.41.01h-.217q-.204-.002-.41.007l-.555.006h-.778q-.915 0-1.826-.018l-.492-.01c-.14 0-.28-.008-.42-.012l-.52-.016l-.649-.025l-.583-.025l-.151-.006l-.556-.03q-.231-.012-.461-.026l-.36-.021a99 99 0 0 1-1.353-.096l-.473-.037l-.596-.051l-.698-.065q-.584-.054-1.167-.12h-.018c5.68-12.678 2.808-24.512-8.672-35.973c-7.528-7.517-12.542-18.62-13.574-21.057c-2.103-7.215-7.67-15.24-16.917-15.24q-1.174.003-2.334.186c-4.05.636-7.59 2.968-10.117 6.476c-2.728-3.394-5.382-6.093-7.781-7.618c-3.617-2.292-7.226-3.456-10.744-3.456c-4.388 0-8.312 1.802-11.047 5.072l-.068.083l-.154-.648l-.006-.027a92 92 0 0 1-1.31-6.727c0-.017 0-.031-.008-.046l-.077-.511l-.122-.83q-.049-.346-.094-.688q-.046-.344-.09-.689a70 70 0 0 1-.16-1.347l-.007-.056a97 97 0 0 1-.289-3.032l-.043-.585q-.02-.24-.034-.485c0-.037-.005-.076-.007-.11l-.041-.65q-.022-.352-.039-.704l-.035-.705l-.025-.615l-.007-.187l-.019-.57l-.013-.481c0-.193-.01-.387-.013-.58l-.01-.608c-.002-.202 0-.404-.005-.606c-.006-.204 0-.407 0-.61c0-52.022 42.176-94.198 94.21-94.198s94.21 42.176 94.21 94.197v1.217q-.001.306-.01.608c0 .17-.007.335-.012.504q-.001.226-.012.445c0 .19-.011.379-.017.569v.016l-.051 1.238l-.008.137l-.032.616l-.03.489a98 98 0 0 1-.271 3.47v.015q-.03.326-.066.65l-.166 1.51l-.064.507l-.078.594q-.042.326-.088.65l-.105.725l-.087.57l-.102.645q-.051.323-.11.644c-.043.214-.075.428-.112.643q-.111.641-.235 1.28q-.248 1.274-.521 2.541q-.069.315-.142.632c-2.651-2.577-6.161-3.98-10.035-3.98c-3.514 0-7.126 1.162-10.742 3.455c-2.4 1.524-5.052 4.224-7.783 7.619c-2.53-3.51-6.07-5.84-10.116-6.478a15 15 0 0 0-2.334-.184c-9.247 0-14.817 8.021-16.918 15.24c-1.043 2.437-6.052 13.536-13.586 21.07c-11.47 11.433-14.37 23.22-8.773 35.836zm97.255-25.37l-.037.11q-.038.106-.08.211a6.5 6.5 0 0 1-.55 1.026q-.311.465-.683.884c-.057.064-.112.128-.176.191q-.132.143-.272.282c-1.675 1.66-4.226 3.113-7.11 4.448q-.489.222-.993.444l-.333.147a66 66 0 0 1-1.362.58l-.694.287c-1.622.667-3.284 1.303-4.906 1.932l-.692.268l-.686.268q-.682.267-1.35.534l-.66.266l-.647.266l-.32.133q-.316.133-.626.266c-4.77 2.046-8.201 4.128-7.48 6.712q.03.11.067.21q.097.288.262.542q.098.154.223.285c.847.88 2.39.74 4.335.042q.238-.085.483-.183q.166-.064.334-.131l.168-.071c.445-.19.916-.4 1.398-.63c.12-.055.243-.11.364-.174c2.378-1.163 5.074-2.73 7.75-4.156q.616-.331 1.23-.646a57 57 0 0 1 2.025-1c2.533-1.192 4.914-2.037 6.83-2.037c.897 0 1.691.184 2.351.607l.11.073a3.6 3.6 0 0 1 1.023 1.101q.08.129.15.264c.946 1.795.154 3.656-1.698 5.48c-1.779 1.75-4.546 3.466-7.692 5.056q-.349.178-.704.35c-9.36 4.597-21.616 8.059-21.79 8.102c-3.267.847-7.938 1.96-13.201 2.791l-.78.12l-.126.02q-1.79.267-3.59.473l-.11.011a84 84 0 0 1-6.66.505h-.034q-1.208.044-2.416.043h-.927a59 59 0 0 1-3.68-.166q-.042.002-.088-.007a47 47 0 0 1-3.56-.42l-.9-.151q-.206-.037-.409-.077l-.032-.007a35 35 0 0 1-1.288-.27c-.247-.057-.496-.113-.74-.178l-.147-.039q-.182-.046-.36-.094l-.067-.018l-.384-.11l-.416-.122l-.05-.015l-.362-.11l-.407-.131q-.167-.058-.335-.112l-.245-.086q-.354-.124-.703-.259l-.221-.085l-.183-.074q-.528-.212-1.05-.445l-.23-.11l-.039-.018q-.123-.058-.245-.112a21 21 0 0 1-.477-.237l-.047-.024l-.23-.12a19 19 0 0 1-1.195-.679l-.214-.13c-.11-.068-.211-.136-.317-.204l-.278-.185a10 10 0 0 1-.3-.207l-.179-.127a17 17 0 0 1-.557-.416q-.145-.114-.288-.223q-.318-.255-.625-.525l-.009-.008q-.3-.26-.585-.534l-.01-.013q-.15-.14-.294-.287t-.286-.293q-.142-.149-.28-.304q-.134-.145-.264-.294l-.03-.034a19 19 0 0 1-1.258-1.634l-.154-.228q-.153-.226-.302-.453l-.293-.452a38 38 0 0 1-.712-1.145q-.122-.204-.24-.406q-.064-.11-.125-.222c-.04-.078-.09-.156-.133-.234l-.07-.123l-.043-.081a13 13 0 0 1-.246-.451q-.053-.1-.11-.2l-.113-.213l-.11-.212l-.214-.432l-.102-.212q-.109-.23-.212-.454q-.043-.092-.081-.183a14 14 0 0 1-.273-.63c-.058-.14-.111-.28-.169-.419q-.24-.615-.448-1.243q-.063-.185-.118-.372q-.134-.423-.243-.854a16 16 0 0 1-.232-1.011q-.064-.3-.11-.605q-.051-.3-.087-.599a16 16 0 0 1-.108-1.193c0-.066-.006-.133-.007-.199q-.01-.197-.011-.395c-.07-5.31 2.619-10.418 8.365-16.16c10.235-10.226 16.197-25.196 16.197-25.196s.16-.628.495-1.53q.167-.45.351-.893q.21-.5.453-.985l.047-.095q.311-.619.678-1.206c.056-.09.11-.181.175-.27q.272-.407.577-.789q.235-.293.498-.563c.594-.611 1.272-1.111 2.039-1.378l.097-.031q.096-.031.194-.06q.116-.03.23-.055l.036-.006a4 4 0 0 1 .49-.066h.015c.086 0 .172-.009.26-.009q.33.003.657.053c.922.145 1.8.695 2.557 1.542l.101.12q.37.433.67.92q.222.36.422.756c.053.112.104.214.155.324q.038.083.074.167q.074.166.141.34c.26.666.461 1.354.603 2.055q.226 1.137.262 2.297q.015.509 0 1.03q-.008.198-.022.398a14.9 14.9 0 0 1-.956 4.316c-.053.137-.112.276-.166.415a15 15 0 0 1-.929 1.855q-.3.51-.648 1.014l-.141.201a17 17 0 0 1-1.829 2.148q-.99.99-2.112 1.829a17 17 0 0 0-2.1 1.834c-1.869 1.962-2.304 3.691-1.884 5.002q.075.223.176.434c.155.305.356.584.598.828l.065.066q.103.1.214.19l.075.061a4.3 4.3 0 0 0 .573.372c.057.03.11.062.176.092q.413.204.858.33l.082.02l.11.03l.098.024l.103.022l.103.021l.098.016q.111.02.221.035l.073.01l.128.014l.08.007l.13.01h.077l.136.006h.432l.123-.006l.142-.009l.172-.016l.162-.02c.036 0 .073-.01.11-.016a6.3 6.3 0 0 0 1.973-.631a6.5 6.5 0 0 0 1.44-.993l.176-.167q.043-.04.082-.082a6 6 0 0 0 .484-.543a7.5 7.5 0 0 0 .707-1.068a283 283 0 0 1 7.646-13.064l.365-.586l.37-.586q.278-.445.555-.88l.188-.291l.374-.583q.753-1.165 1.513-2.306l.379-.567a134 134 0 0 1 2.271-3.265l.375-.515a68 68 0 0 1 2.552-3.308l.352-.42c.057-.07.11-.14.174-.208l.345-.399c.057-.065.111-.13.171-.193l.333-.377l.168-.182q.243-.262.492-.52c.112-.11.215-.222.323-.325a13 13 0 0 1 2.075-1.724l.173-.11l.175-.112q.168-.105.34-.2c2.94-1.667 5.373-1.79 6.773-.39c.849.848 1.317 2.254 1.293 4.21q.002.128-.008.262v.097q-.002.133-.014.27c0 .11-.013.222-.024.332c-.012.112-.017.197-.028.295q-.002.043-.01.086l-.03.262c0 .027 0 .053-.012.08q-.019.179-.051.354a5 5 0 0 1-.052.324l-.031.186a5 5 0 0 1-.126.523q-.143.481-.35.94q-.09.202-.188.397q-.202.404-.453.832q-.124.212-.26.431l-.14.222q-.212.333-.444.674q-.23.342-.497.695q-.345.471-.728.956l-.194.245a67 67 0 0 1-1.684 2.014l-.457.516l-.232.26q-.475.532-.956 1.056l-.246.266c-.163.177-.333.356-.496.533q-.251.27-.505.539l-.512.539l-.518.54q-.26.273-.522.544l-1.056 1.088c-5.04 5.17-10.352 10.322-12.149 13.536q-.18.315-.326.645c-.255.585-.361 1.084-.29 1.488q.037.201.14.377q.153.264.367.481q.097.098.208.18c.37.264.817.4 1.27.386h.143l.145-.01l.147-.018l.12-.017q.024-.002.049-.009l.11-.021l.03-.007l.122-.027l.174-.044l.155-.046q.152-.047.309-.105q.337-.12.66-.274q.082-.038.164-.08l.165-.082q.323-.164.648-.356q.258-.151.516-.316l.166-.111q.083-.052.165-.112l.166-.11l.087-.062l.238-.166c.223-.154.43-.312.642-.472l.019-.014l.333-.259c.456-.36.89-.723 1.281-1.065l.261-.23l.025-.022l.136-.12c.32-.288.606-.556.845-.779l.097-.094l.235-.223l.14-.137l.049-.05l.013-.013l.239-.24l.01-.01l.045-.04q.02-.022.053-.048l.018-.016l.047-.043l.252-.222l.142-.128q.106-.09.222-.202l.17-.149q.045-.038.091-.08l.178-.156l.262-.229l.138-.12c.541-.471 1.2-1.04 1.954-1.68l.31-.26l.512-.43l.522-.437c.684-.567 1.42-1.17 2.198-1.796l.51-.41q.655-.52 1.336-1.056q.272-.215.555-.427a143 143 0 0 1 4.677-3.466l.478-.332q.5-.347 1-.686l.303-.205q.896-.605 1.809-1.182l.302-.19l.3-.187q.45-.279.894-.547l.297-.176l.596-.347q.292-.17.583-.333l.117-.066l.462-.252q.288-.157.574-.304l.286-.146l.276-.14q.948-.477 1.928-.88q.135-.055.266-.112q.263-.11.522-.2q.26-.088.511-.179q.228-.075.445-.143l.048-.015q.117-.035.232-.065l.022-.007q.235-.066.471-.123h.013q.348-.084.68-.14q.113-.02.222-.035q.323-.048.648-.07q.205-.014.411-.013h.105q.207 0 .406.022c.06 0 .122.011.181.02h.025q.09.01.18.029c.058.012.117.02.175.034h.02c.057.013.11.029.17.045c.475.128.91.37 1.273.703l.032.032l.063.062l.063.066a6.9 6.9 0 0 1 1.221 1.779l.049.11q.16.374.247.77c.162.734.118 1.5-.127 2.211q-.157.465-.387.899l-.102.184a10.3 10.3 0 0 1-1.366 1.805l-.112.118q-.368.39-.762.754q-.126.118-.256.235l-.132.12q-.411.363-.837.71q-.075.059-.149.121q-.295.24-.613.482a53 53 0 0 1-2.226 1.613q-.667.455-1.38.923q-1.327.87-2.676 1.706q-.388.241-.787.484c-2.445 1.505-5.156 3.113-8.047 4.862l-.748.455q-1.23.75-2.32 1.43l-.367.232l-.693.445q-.412.26-.802.514q-.294.189-.576.373l-.37.244q-.27.176-.538.357l-.174.11q-.276.184-.537.363l-.285.194l-.334.233l-.309.215q-.73.512-1.445 1.046l-.167.127q-.281.214-.544.422l-.229.182q-.578.465-1.05.89l-.154.142q-.134.121-.258.241l-.17.165l-.08.08q-.268.267-.52.548l-.081.095a8 8 0 0 0-.482.611l-.063.09a5.3 5.3 0 0 0-.426.746l-.042.09l-.026.064l-.022.054l-.028.076c-.009.026-.026.072-.036.112a3 3 0 0 0-.113.456l-.013.084l-.01.075l-.006.074v.39q-.002.049.008.1q0 .03.006.06c0 .031.009.064.012.097l.024.137v.006q.012.066.028.13q.017.068.037.139q.06.211.144.415c0 .01.008.021.012.031l.045.102q.091.213.204.415l.078.14l.082.142l.086.142l.05.066l.028.03l.03.027l.034.026q.034.024.07.044q.038.017.08.033q.045.015.09.026c.717.162 2.19-.432 4.149-1.466l.352-.187l.595-.324l.292-.162c.206-.112.419-.236.634-.36l.394-.222c2.59-1.49 5.683-3.406 8.88-5.275q.45-.263.9-.523l.604-.386q.453-.26.905-.514a99 99 0 0 1 3.905-2.106l.59-.3q.59-.29 1.166-.566a52 52 0 0 1 2.256-1.005l.417-.169l.05-.02c2.206-.874 4.206-1.414 5.824-1.414q.526-.004 1.046.085h.01c.111.02.212.043.314.069h.019q.224.054.437.139q.17.062.328.147a3.1 3.1 0 0 1 1.227 1.12q.165.25.281.527q.069.157.128.333c.04.12.075.234.11.357a4.86 4.86 0 0 1-.074 2.866z"
+      ></path>
+      <path
+        fill="#ffd21e"
+        d="M220.83 113.728v-.61c0-52.02-42.163-94.197-94.197-94.197c-52.02 0-94.21 42.177-94.21 94.198l-.002.204v.405q.01.303.008.608l.007.447l.002.162l.007.221q.005.179.006.357l.012.483l.02.568l.006.187l.025.588v.027l.035.687v.018q.019.353.04.703q.019.326.04.65l.005.04q.016.276.037.556l.004.048q.019.27.04.537l.003.035l.025.311q.111 1.344.261 2.686l.006.056l.075.656l.086.692a85 85 0 0 0 .304 2.206l.006.034q.14.937.301 1.87q.464 2.706 1.09 5.38l.005.029l.04.168l.114.478l.069-.083c2.734-3.27 6.657-5.072 11.047-5.072c3.517 0 7.127 1.163 10.743 3.456c2.4 1.524 5.052 4.224 7.782 7.618c2.525-3.509 6.066-5.84 10.115-6.476a15 15 0 0 1 2.335-.185c9.244 0 14.817 8.023 16.918 15.24c1.037 2.438 6.047 13.536 13.598 21.057c11.48 11.47 14.357 23.307 8.672 35.973h.018q.582.064 1.168.118q.349.035.697.065l.082.007q.256.024.513.044l.473.038q.674.052 1.355.096l.358.021l.284.016l.178.01l.554.03l.152.006l.584.025l.648.025l.522.015l.087.004q.165.006.332.008l.118.003q1.1.026 2.199.026h.778l.557-.006q.204-.01.409-.008h.216l.188-.003q.11-.005.221-.005h.223l.436-.013l.656-.022l.724-.031l.621-.03l.223-.013l.33-.018l.194-.011l.146-.01l.667-.044q.334-.02.668-.048l.604-.048l.426-.036l.466-.042q.719-.067 1.431-.142q.454-.05.906-.103l.531-.063c-5.592-12.617-2.697-24.4 8.736-35.824c7.535-7.53 12.542-18.633 13.587-21.07c2.104-7.216 7.667-15.24 16.917-15.24q1.175.002 2.335.186c4.046.636 7.587 2.968 10.117 6.476c2.73-3.395 5.382-6.095 7.781-7.619c3.616-2.293 7.228-3.455 10.742-3.455c3.874 0 7.385 1.404 10.037 3.98q.218-.973.42-1.95q.123-.609.242-1.222q.147-.754.274-1.512q.033-.205.072-.411q.06-.321.11-.644l.014-.082l.088-.563l.087-.57l.002-.007l.103-.718q.038-.272.074-.546l.015-.105l.077-.594l.064-.506q.058-.5.112-1q.024-.2.043-.402l.013-.108q.034-.333.064-.666l.05-.517q.154-1.718.251-3.441v-.008l.034-.609l.006-.136l.025-.578q.014-.327.026-.66v-.017l.006-.16a9 9 0 0 0 .011-.409l.003-.056q.009-.191.01-.389l.003-.112q.007-.195.008-.39l.002-.11q.007-.25.008-.5zm-117.553 94.11c7.459-10.941 6.93-19.155-3.306-29.385s-16.196-25.197-16.196-25.197s-2.224-8.691-7.296-7.892c-5.071.798-8.792 13.786 1.826 21.729c10.618 7.949-2.112 13.337-6.199 5.88c-4.088-7.462-15.24-26.64-21.032-30.306c-5.785-3.668-9.854-1.612-8.49 5.948c.678 3.753 6.977 10.157 12.866 16.134c5.971 6.073 11.516 11.71 10.332 13.699c-2.353 3.962-10.64-4.656-10.64-4.656s-25.955-23.617-31.599-17.464c-5.207 5.672 2.823 10.494 15.203 17.924q1.58.949 3.246 1.956c14.159 8.572 15.265 10.833 13.251 14.07c-.742 1.2-5.482-1.646-11.311-5.147c-9.939-5.966-23.046-13.835-24.898-6.791c-1.603 6.094 8.038 9.828 16.78 13.213c7.285 2.822 13.947 5.402 12.965 8.905c-1.015 3.631-6.52.603-12.542-2.708c-6.756-3.718-14.158-7.792-16.582-3.195c-4.58 8.689 31.586 18.919 31.884 18.993c11.684 3.031 41.356 9.453 51.735-5.746zm48.055 0c-7.46-10.941-6.93-19.155 3.306-29.385s16.196-25.197 16.196-25.197s2.223-8.691 7.294-7.892c5.072.798 8.794 13.786-1.826 21.729c-10.619 7.943 2.112 13.337 6.2 5.88c4.088-7.462 15.24-26.64 21.02-30.306s9.855-1.612 8.492 5.948c-.678 3.753-6.978 10.158-12.866 16.147c-5.97 6.07-11.515 11.708-10.33 13.698c2.351 3.963 10.646-4.66 10.646-4.66s25.954-23.618 31.598-17.465c5.207 5.672-2.824 10.495-15.203 17.925a847 847 0 0 0-3.245 1.954c-14.158 8.57-15.265 10.833-13.25 14.071c.741 1.198 5.481-1.647 11.31-5.146c9.939-5.967 23.045-13.835 24.898-6.793c1.602 6.094-8.04 9.83-16.781 13.213c-7.285 2.822-13.947 5.401-12.965 8.905c1.015 3.631 6.518.602 12.53-2.71c6.755-3.717 14.158-7.792 16.582-3.194c4.579 8.695-31.586 18.919-31.884 18.993c-11.685 3.04-41.356 9.461-51.723-5.737z"
+      ></path>
+      <path
+        fill="#32343d"
+        d="M157.311 87.475c1.468.52 2.56 2.102 3.6 3.606c1.405 2.035 2.712 3.927 4.719 2.86a13.545 13.545 0 0 0 7.128-13.266a13.55 13.55 0 0 0-5.935-9.956a13.56 13.56 0 0 0-18.015 2.634a13.57 13.57 0 0 0-3.028 7.262a13.56 13.56 0 0 0 1.517 7.721c.93 1.75 2.994.925 5.171.054c1.708-.683 3.486-1.394 4.843-.915m-63.867.001c-1.468.52-2.562 2.102-3.6 3.606c-1.406 2.034-2.713 3.927-4.72 2.86a13.55 13.55 0 0 1-6.92-9.295a13.56 13.56 0 0 1 2.789-11.248a13.557 13.557 0 0 1 23.986 7.216a13.55 13.55 0 0 1-1.52 7.721c-.932 1.75-2.995.924-5.173.053c-1.707-.683-3.484-1.394-4.842-.914zm53.985 58.112c10.122-7.975 13.835-20.995 13.835-29.012c0-6.34-4.266-4.345-11.094-.965l-.384.191c-6.269 3.104-14.618 7.236-23.767 7.236c-9.16 0-17.502-4.133-23.767-7.237c-7.049-3.492-11.47-5.682-11.47.776c0 8.272 3.955 21.852 14.817 29.746a23.55 23.55 0 0 1 14.386-12.165c1.084-.323 2.2 1.543 3.344 3.452c1.103 1.844 2.229 3.728 3.376 3.728c1.22 0 2.422-1.857 3.594-3.67c1.224-1.895 2.418-3.742 3.572-3.373a23.57 23.57 0 0 1 13.562 11.29z"
+      ></path>
+      <path
+        fill="#ff323d"
+        d="M147.367 145.624c-5.272 4.154-12.279 6.94-21.405 6.94c-8.573 0-15.277-2.459-20.423-6.202a23.58 23.58 0 0 1 14.387-12.164c2.13-.635 4.384 7.18 6.718 7.18c2.5 0 4.908-7.765 7.168-7.043a23.6 23.6 0 0 1 13.561 11.29z"
+      ></path>
+      <path
+        fill="#ffad03"
+        d="M69.217 98.762a8.8 8.8 0 0 1-6.623 1.335a8.81 8.81 0 0 1-6.939-6.931a8.82 8.82 0 0 1 1.328-6.626a8.812 8.812 0 0 1 15.96 6.615a8.8 8.8 0 0 1-3.726 5.607m126.044 0a8.8 8.8 0 0 1-6.623 1.335a8.81 8.81 0 0 1-6.939-6.931a8.812 8.812 0 1 1 13.562 5.596"
+      ></path>
+    </svg>
+  )
+}

package/src/components/icons/index.ts

@@ -0,0 +1,35 @@
+export { Apple } from "./apple"
+export { Atlassian } from "./atlassian"
+export { Cognito } from "./cognito"
+export { Discord } from "./discord"
+export { Dropbox } from "./dropbox"
+export { Facebook } from "./facebook"
+export { Figma } from "./figma"
+export { GitHub } from "./github"
+export { GitLab } from "./gitlab"
+export { Google } from "./google"
+export { HuggingFace } from "./huggingface"
+export { Kakao } from "./kakao"
+export { Kick } from "./kick"
+export { Line } from "./line"
+export { Linear } from "./linear"
+export { LinkedIn } from "./linkedin"
+export { Microsoft } from "./microsoft"
+export { Naver } from "./naver"
+export { Notion } from "./notion"
+export { Paybin } from "./paybin"
+export { PayPal } from "./paypal"
+export { Polar } from "./polar"
+export { Railway } from "./railway"
+export { Reddit } from "./reddit"
+export { Roblox } from "./roblox"
+export { Salesforce } from "./salesforce"
+export { Slack } from "./slack"
+export { Spotify } from "./spotify"
+export { TikTok } from "./tiktok"
+export { Twitch } from "./twitch"
+export { Vercel } from "./vercel"
+export { VK } from "./vk"
+export { WeChat } from "./wechat"
+export { X } from "./x"
+export { Zoom } from "./zoom"

package/src/components/icons/kakao.tsx

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Kakao logo as an inline SVG.
+ *
+ * The SVG has viewBox "0 0 576 512", role "img", and aria-label "Kakao". All other props (including ref) are forwarded to the root `<svg>` element.
+ *
+ * @param props - Standard SVG attributes and ref forwarded to the root element
+ * @returns The SVG element representing the Kakao logo
+ */
+export function Kakao(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 576 512"
+      role="img"
+      aria-label="Kakao"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M288 2.5c159.1 0 288 101.7 288 227.1S447.1 456.7 288 456.7c-17.5 0-34.6-1.2-51.2-3.6c-16.6 11.7-112.6 79.1-121.7 80.4c0 0-3.7 1.4-6.9-.4s-2.6-6.7-2.6-6.7c1-6.6 25-89.2 29.4-104.5C53.9 381.8 0 310.6 0 229.5c0-125.4 128.9-227 288-227M86.2 161.7c-9 0-16.3 7.3-16.3 16.3s7.3 16.3 16.3 16.3h25.9V293c0 8.8 7.5 15.9 16.6 15.9s16.6-7.1 16.6-15.9v-98.7h25.9c9 0 16.3-7.3 16.3-16.3s-7.3-16.3-16.3-16.3H86.1zm140.8 0c-10.8.2-19.3 8.4-22.1 16.4l-39.7 104.6c-5 15.7-.6 21.5 3.9 23.6c3.2 1.5 6.9 2.3 10.6 2.3c6.9 0 12.2-2.8 13.8-7.3l8.2-21.6h50.7l8.2 21.5c1.6 4.5 6.9 7.3 13.8 7.3c3.7 0 7.3-.8 10.6-2.3c4.6-2.1 9-7.9 3.9-23.6l-39.7-104.5c-2.8-8-11.3-16.2-22.2-16.4m180.9 0c-9.2 0-16.6 7.5-16.6 16.6V292c0 9.2 7.5 16.6 16.6 16.6s16.6-7.5 16.6-16.6v-36.2l5.8-5.8l38.9 51.6c3.2 4.2 8 6.6 13.3 6.6c3.6 0 7.1-1.1 10-3.3c3.5-2.7 5.8-6.6 6.4-11s-.5-8.8-3.2-12.3l-40.9-54.2l37.9-37.8c2.6-2.6 3.9-6.2 3.7-10.1s-2-7.6-4.9-10.5c-3.1-3.1-7.3-4.9-11.4-4.9c-3.6 0-6.8 1.3-9.2 3.7l-46.3 46.4v-35.7c0-9.2-7.5-16.6-16.6-16.6zm-91.3 0c-9.3 0-16.9 7.5-16.9 16.6v112.8c0 8.4 7.1 15.2 15.9 15.3h53.3c8.8 0 15.9-6.9 15.9-15.3s-7.2-15.2-15.9-15.2h-35.3v-97.6c0-9.2-7.6-16.6-17-16.6m-73 88.6h-33.2l16.6-47.1z"
+      />
+    </svg>
+  )
+}

package/src/components/icons/kick.tsx

@@ -0,0 +1,30 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Kick icon as an inline SVG.
+ *
+ * The root SVG uses viewBox "0 0 512 512" and aria-label "Kick"; received props are spread onto the SVG and can override attributes or receive a ref.
+ *
+ * @param props - Props forwarded to the root SVG element
+ * @returns The SVG element for the Kick icon
+ */
+export function Kick(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+      role="img"
+      aria-label="Kick"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      strokeLinejoin="round"
+      strokeMiterlimit={2}
+      {...props}
+    >
+      <path
+        d="M37 .036h164.448v113.621h54.71v-56.82h54.731V.036h164.448v170.777h-54.73v56.82h-54.711v56.8h54.71v56.82h54.73V512.03H310.89v-56.82h-54.73v-56.8h-54.711v113.62H37V.036z"
+        fill="#00E701"
+      />
+    </svg>
+  )
+}

package/src/components/icons/line.tsx

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Render the "Line" SVG icon.
+ *
+ * @param props - Props spread onto the root `<svg>` element (e.g., `className`, `style`, `ref`, event handlers) to customize the icon.
+ * @returns The SVG element for the Line icon.
+ */
+export function Line(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      role="img"
+      aria-label="Line"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M19.365 9.863a.631.631 0 0 1 0 1.261H17.61v1.125h1.755a.63.63 0 1 1 0 1.259h-2.386a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63 0 0 1-.003 1.26H17.61v1.125zm-3.855 3.016a.63.63 0 0 1-.631.627a.62.62 0 0 1-.51-.25l-2.443-3.317v2.94a.63.63 0 0 1-1.257 0V8.108a.627.627 0 0 1 .624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63c.345 0 .63.285.63.63zm-5.741 0a.63.63 0 0 1-.631.629a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63c.346 0 .628.285.628.63zm-2.466.629H4.917a.634.634 0 0 1-.63-.629V8.108c0-.345.285-.63.63-.63c.348 0 .63.285.63.63v4.141h1.756a.63.63 0 0 1 0 1.259M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608c.391.082.923.258 1.058.59c.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645c1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"
+      ></path>
+    </svg>
+  )
+}

package/src/components/icons/linear.tsx

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Linear SVG icon.
+ *
+ * @param props - Props applied to and forwarded onto the underlying `<svg>` element.
+ * @returns The SVG element representing the Linear icon.
+ */
+export function Linear(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      role="img"
+      aria-label="Linear"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M2.886 4.18A11.98 11.98 0 0 1 11.99 0C18.624 0 24 5.376 24 12.009c0 3.64-1.62 6.903-4.18 9.105L2.887 4.18ZM1.817 5.626l16.556 16.556q-.787.496-1.65.866L.951 7.277q.371-.863.866-1.65ZM.322 9.163l14.515 14.515q-1.066.26-2.195.322L0 11.358a12 12 0 0 1 .322-2.195m-.17 4.862l9.823 9.824a12.02 12.02 0 0 1-9.824-9.824Z"
+      ></path>
+    </svg>
+  )
+}

package/src/components/icons/linkedin.tsx

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders a LinkedIn brand icon as an SVG and forwards given SVG props to the root element.
+ *
+ * @param props - SVG attributes, event handlers, and refs applied to the root <svg>
+ * @returns The LinkedIn SVG element
+ */
+export function LinkedIn(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      role="img"
+      aria-label="LinkedIn"
+      {...props}
+    >
+      <g fill="none">
+        <rect width={256} height={256} fill="#fff" rx={60}></rect>
+        <rect width={256} height={256} fill="#0a66c2" rx={60}></rect>
+        <path
+          fill="#fff"
+          d="M184.715 217.685h29.27a4 4 0 0 0 4-3.999l.015-61.842c0-32.323-6.965-57.168-44.738-57.168c-14.359-.534-27.9 6.868-35.207 19.228a.32.32 0 0 1-.595-.161V101.66a4 4 0 0 0-4-4h-27.777a4 4 0 0 0-4 4v112.02a4 4 0 0 0 4 4h29.268a4 4 0 0 0 4-4v-55.373c0-15.657 2.97-30.82 22.381-30.82c19.135 0 19.383 17.916 19.383 31.834v54.364a4 4 0 0 0 4 4M38 59.628c0 11.864 9.767 21.626 21.632 21.626c11.862-.001 21.623-9.769 21.623-21.631C81.253 47.761 71.491 38 59.628 38C47.762 38 38 47.763 38 59.627m6.959 158.058h29.307a4 4 0 0 0 4-4V101.66a4 4 0 0 0-4-4H44.959a4 4 0 0 0-4 4v112.025a4 4 0 0 0 4 4"
+        ></path>
+      </g>
+    </svg>
+  )
+}

package/src/components/icons/microsoft.tsx

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Microsoft four-quadrant logo as an inline SVG.
+ *
+ * @param props - Props forwarded to the root `<svg>` element (ComponentPropsWithRef<"svg">), e.g., `className`, `style`, and other SVG attributes.
+ * @returns An `svg` element containing the four colored paths that form the Microsoft logo.
+ */
+export function Microsoft(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      role="img"
+      aria-label="Microsoft"
+      {...props}
+    >
+      <path fill="#f1511b" d="M121.666 121.666H0V0h121.666z"></path>
+      <path fill="#80cc28" d="M256 121.666H134.335V0H256z"></path>
+      <path fill="#00adef" d="M121.663 256.002H0V134.336h121.663z"></path>
+      <path fill="#fbbc09" d="M256 256.002H134.335V134.336H256z"></path>
+    </svg>
+  )
+}

package/src/components/icons/naver.tsx

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Naver brand SVG icon.
+ *
+ * @param props - Props applied to the root `<svg>` element (standard SVG attributes and event handlers are supported)
+ * @returns An SVG element representing the Naver logo
+ */
+export function Naver(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      role="img"
+      aria-label="Naver"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M16.273 12.845L7.376 0H0v24h7.726V11.156L16.624 24H24V0h-7.727z"
+      />
+    </svg>
+  )
+}

package/src/components/icons/notion.tsx

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Notion logo as an SVG element.
+ *
+ * @param props - Props forwarded to the root `svg` element; attributes such as `className`, `style`, and `aria-*` can be overridden.
+ * @returns The SVG element for the Notion logo.
+ */
+export function Notion(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 268"
+      role="img"
+      aria-label="Notion"
+      {...props}
+    >
+      <path
+        fill="#fff"
+        d="M16.092 11.538L164.09.608c18.179-1.56 22.85-.508 34.28 7.801l47.243 33.282C253.406 47.414 256 48.975 256 55.207v182.527c0 11.439-4.155 18.205-18.696 19.24L65.44 267.378c-10.913.517-16.11-1.043-21.825-8.327L8.826 213.814C2.586 205.487 0 199.254 0 191.97V29.726c0-9.352 4.155-17.153 16.092-18.188"
+      />
+      <path d="M164.09.608L16.092 11.538C4.155 12.573 0 20.374 0 29.726v162.245c0 7.284 2.585 13.516 8.826 21.843l34.789 45.237c5.715 7.284 10.912 8.844 21.825 8.327l171.864-10.404c14.532-1.035 18.696-7.801 18.696-19.24V55.207c0-5.911-2.336-7.614-9.21-12.66l-1.185-.856L198.37 8.409C186.94.1 182.27-.952 164.09.608M69.327 52.22c-14.033.945-17.216 1.159-25.186-5.323L23.876 30.778c-2.06-2.086-1.026-4.69 4.163-5.207l142.274-10.395c11.947-1.043 18.17 3.12 22.842 6.758l24.401 17.68c1.043.525 3.638 3.637.517 3.637L71.146 52.095zm-16.36 183.954V81.222c0-6.767 2.077-9.887 8.3-10.413L230.02 60.93c5.724-.517 8.31 3.12 8.31 9.879v153.917c0 6.767-1.044 12.49-10.387 13.008l-161.487 9.361c-9.343.517-13.489-2.594-13.489-10.921M212.377 89.53c1.034 4.681 0 9.362-4.681 9.897l-7.783 1.542v114.404c-6.758 3.637-12.981 5.715-18.18 5.715c-8.308 0-10.386-2.604-16.609-10.396l-50.898-80.079v77.476l16.1 3.646s0 9.362-12.989 9.362l-35.814 2.077c-1.043-2.086 0-7.284 3.63-8.318l9.351-2.595V109.823l-12.98-1.052c-1.044-4.68 1.55-11.439 8.826-11.965l38.426-2.585l52.958 81.113v-71.76l-13.498-1.552c-1.043-5.733 3.111-9.896 8.3-10.404z" />
+    </svg>
+  )
+}

package/src/components/icons/paybin.tsx

@@ -0,0 +1,37 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Paybin icon as an inline SVG.
+ *
+ * @returns The SVG element for the Paybin icon
+ */
+export function Paybin(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 34 34"
+      role="img"
+      aria-label="Paybin"
+      fill="#95DD01"
+      {...props}
+    >
+      <path d="M22.6515 6.79091H24.9212C26.1696 6.79091 27.1909 7.81296 27.1909 9.06212V11.3333C27.1909 12.5825 26.1696 13.6045 24.9212 13.6045H22.6515C21.4032 13.6045 20.3818 12.5825 20.3818 11.3333V9.06212C20.3818 7.81296 21.4032 6.79091 22.6515 6.79091Z"></path>
+      <path d="M20.3818 2.27121V4.54242C20.3818 5.79158 19.3605 6.81363 18.1121 6.81363H15.8424C14.5941 6.81363 13.5728 5.79158 13.5728 4.54242V2.27121C13.5728 1.02204 14.5941 0 15.8424 0H18.1121C19.3605 0 20.3818 1.02204 20.3818 2.27121Z"></path>
+      <path d="M27.1909 15.8758V18.147C27.1909 19.3961 28.2123 20.4182 29.4606 20.4182H31.7303C32.9786 20.4182 34 19.3961 34 18.147V15.8758C34 14.6266 32.9786 13.6045 31.7303 13.6045H29.4606C28.2123 13.6045 27.1909 14.6266 27.1909 15.8758Z"></path>
+      <path d="M11.3258 6.79091H9.05609C7.80776 6.79091 6.78639 7.81296 6.78639 9.06212V11.3333C6.78639 12.5825 7.80776 13.6045 9.05609 13.6045H11.3258C12.5741 13.6045 13.5955 12.5825 13.5955 11.3333V9.06212C13.5955 7.81296 12.5741 6.79091 11.3258 6.79091Z"></path>
+      <path d="M6.78638 15.8758V18.147C6.78638 19.3961 5.76502 20.4182 4.51669 20.4182H2.26969C1.02136 20.4182 0 19.3961 0 18.147V15.8758C0 14.6266 1.02136 13.6045 2.26969 13.6045H4.53939C5.78772 13.6045 6.80908 14.6266 6.80908 15.8758H6.78638Z"></path>
+      <path d="M22.6515 27.2091H24.9212C26.1696 27.2091 27.1909 26.187 27.1909 24.9379V22.6667C27.1909 21.4175 26.1696 20.3955 24.9212 20.3955H22.6515C21.4032 20.3955 20.3818 21.4175 20.3818 22.6667V24.9379C20.3818 26.187 21.4032 27.2091 22.6515 27.2091Z"></path>
+      <path d="M20.3818 31.7288V29.4576C20.3818 28.2084 19.3605 27.1864 18.1121 27.1864H15.8424C14.5941 27.1864 13.5728 28.2084 13.5728 29.4576V31.7288C13.5728 32.978 14.5941 34 15.8424 34H18.1121C19.3605 34 20.3818 32.978 20.3818 31.7288Z"></path>
+      <path d="M11.3258 27.2091H9.05609C7.80776 27.2091 6.78639 26.187 6.78639 24.9379V22.6667C6.78639 21.4175 7.80776 20.3955 9.05609 20.3955H11.3258C12.5741 20.3955 13.5955 21.4175 13.5955 22.6667V24.9379C13.5955 26.187 12.5741 27.2091 11.3258 27.2091Z"></path>
+      <path d="M18.1121 20.3955H15.8424C14.5941 20.3955 13.5728 19.3734 13.5728 18.1242V15.853C13.5728 14.6039 14.5941 13.5818 15.8424 13.5818H18.1121C19.3605 13.5818 20.3818 14.6039 20.3818 15.853V18.1242C20.3818 19.3734 19.3605 20.3955 18.1121 20.3955Z"></path>
+      <path d="M20.3818 24.9379C20.3818 26.187 21.4032 27.2091 22.6515 27.2091C21.4032 27.2091 20.3818 28.2311 20.3818 29.4803C20.3818 28.2311 19.3605 27.2091 18.1121 27.2091C19.3605 27.2091 20.3818 26.187 20.3818 24.9379Z"></path>
+      <path d="M27.1909 18.1243C27.1909 19.3734 28.2123 20.3955 29.4606 20.3955C28.2123 20.3955 27.1909 21.4175 27.1909 22.6667C27.1909 21.4175 26.1696 20.3955 24.9212 20.3955C26.1696 20.3955 27.1909 19.3734 27.1909 18.1243Z"></path>
+      <path d="M6.78639 18.1243C6.78639 19.3734 7.80776 20.3955 9.05609 20.3955C7.80776 20.3955 6.78639 21.4175 6.78639 22.6667C6.78639 21.4175 5.76503 20.3955 4.5167 20.3955C5.76503 20.3955 6.78639 19.3734 6.78639 18.1243Z"></path>
+      <path d="M13.5955 18.1243C13.5955 19.3734 14.6168 20.3955 15.8652 20.3955C14.6168 20.3955 13.5955 21.4175 13.5955 22.6667C13.5955 21.4175 12.5741 20.3955 11.3258 20.3955C12.5741 20.3955 13.5955 19.3734 13.5955 18.1243Z"></path>
+      <path d="M18.1121 6.79092C19.3605 6.79092 20.3818 5.76888 20.3818 4.51971C20.3818 5.76888 21.4032 6.79091 22.6515 6.79091C21.4032 6.79091 20.3818 7.81296 20.3818 9.06212C20.3818 7.81296 19.3605 6.79092 18.1121 6.79092Z"></path>
+      <path d="M24.9212 13.6045C26.1696 13.6045 27.1909 12.5825 27.1909 11.3333C27.1909 12.5825 28.2123 13.6045 29.4606 13.6045C28.2123 13.6045 27.1909 14.6266 27.1909 15.8758C27.1909 14.6266 26.1696 13.6045 24.9212 13.6045Z"></path>
+      <path d="M11.3258 6.79091C12.5741 6.79091 13.5955 5.76888 13.5955 4.51971C13.5955 5.76888 14.6168 6.79092 15.8652 6.79092C14.6168 6.79092 13.5955 7.81296 13.5955 9.06212C13.5955 7.81296 12.5741 6.79091 11.3258 6.79091Z"></path>
+      <path d="M4.53939 13.6045C5.78772 13.6045 6.80908 12.5825 6.80908 11.3333C6.80908 12.5825 7.83044 13.6045 9.07878 13.6045C7.83044 13.6045 6.80908 14.6266 6.80908 15.8758C6.80908 14.6266 5.78772 13.6045 4.53939 13.6045Z"></path>
+    </svg>
+  )
+}

package/src/components/icons/paypal.tsx

@@ -0,0 +1,36 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the PayPal logo as an SVG icon.
+ *
+ * @param props - Props forwarded to the root SVG element (standard SVG/DOM attributes such as `className`, `style`, `width`, `height`, and ARIA attributes).
+ * @returns The SVG element representing the PayPal logo.
+ */
+export function PayPal(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 302"
+      role="img"
+      aria-label="PayPal"
+      {...props}
+    >
+      <path
+        fill="#27346a"
+        d="M217.168 23.507C203.234 7.625 178.046.816 145.823.816h-93.52A13.39 13.39 0 0 0 39.076 12.11L.136 259.077c-.774 4.87 2.997 9.28 7.933 9.28h57.736l14.5-91.971l-.45 2.88c1.033-6.501 6.593-11.296 13.177-11.296h27.436c53.898 0 96.101-21.892 108.429-85.221c.366-1.873.683-3.696.957-5.477q-2.334-1.236 0 0c3.671-23.407-.025-39.34-12.686-53.765"
+      />
+      <path
+        fill="#27346a"
+        d="M102.397 68.84a11.7 11.7 0 0 1 5.053-1.14h73.318c8.682 0 16.78.565 24.18 1.756a102 102 0 0 1 6.177 1.182a90 90 0 0 1 8.59 2.347c3.638 1.215 7.026 2.63 10.14 4.287c3.67-23.416-.026-39.34-12.687-53.765C203.226 7.625 178.046.816 145.823.816H52.295C45.71.816 40.108 5.61 39.076 12.11L.136 259.068c-.774 4.878 2.997 9.282 7.925 9.282h57.744L95.888 77.58a11.72 11.72 0 0 1 6.509-8.74"
+      />
+      <path
+        fill="#2790c3"
+        d="M228.897 82.749c-12.328 63.32-54.53 85.221-108.429 85.221H93.024c-6.584 0-12.145 4.795-13.168 11.296L61.817 293.621c-.674 4.262 2.622 8.124 6.934 8.124h48.67a11.71 11.71 0 0 0 11.563-9.88l.474-2.48l9.173-58.136l.591-3.213a11.71 11.71 0 0 1 11.562-9.88h7.284c47.147 0 84.064-19.154 94.852-74.55c4.503-23.15 2.173-42.478-9.739-56.054c-3.613-4.112-8.1-7.508-13.327-10.28c-.283 1.79-.59 3.604-.957 5.477"
+      />
+      <path
+        fill="#1f264f"
+        d="M216.952 72.128a90 90 0 0 0-5.818-1.49a110 110 0 0 0-6.177-1.174c-7.408-1.199-15.5-1.765-24.19-1.765h-73.309a11.6 11.6 0 0 0-5.053 1.149a11.68 11.68 0 0 0-6.51 8.74l-15.582 98.798l-.45 2.88c1.025-6.501 6.585-11.296 13.17-11.296h27.444c53.898 0 96.1-21.892 108.428-85.221c.367-1.873.675-3.688.958-5.477q-4.682-2.47-10.14-4.279a83 83 0 0 0-2.77-.865"
+      />
+    </svg>
+  )
+}

package/src/components/icons/polar.tsx

@@ -0,0 +1,31 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the "Polar" SVG icon.
+ *
+ * @param props - Props spread onto the root `<svg>` element (for example `className`, `style`, `ref`, and event handlers)
+ * @returns The SVG element representing the Polar icon
+ */
+export function Polar(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      role="img"
+      aria-label="Polar"
+      {...props}
+    >
+      <g
+        fill="none"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+      >
+        <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10"></path>
+        <path d="M12 22c-2.21 0-4-4.477-4-10S9.79 2 12 2s4 4.477 4 10s-1.79 10-4 10"></path>
+        <path d="M9 21c-3-1-4-5.389-4-8.5s1.5-7 5-9.5m5 0c3 1 4 5.389 4 8.5s-1.5 7-5 9.5"></path>
+      </g>
+    </svg>
+  )
+}

package/src/components/icons/railway.tsx

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders a Railway SVG icon.
+ *
+ * @param props - Props forwarded to the root `<svg>` element; they are spread onto the element and can override attributes such as `width`, `height`, `className`, and `aria-label`.
+ * @returns The SVG element for the Railway icon.
+ */
+export function Railway(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      role="img"
+      aria-label="Railway"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M.113 10.27A13 13 0 0 0 0 11.48h18.23a2.3 2.3 0 0 0-.235-.347c-3.117-4.027-4.793-3.677-7.19-3.78c-.8-.034-1.34-.048-4.524-.048c-1.704 0-3.555.005-5.358.01c-.234.63-.459 1.24-.567 1.737h9.342v1.216H.113zm18.26 2.426H.009q.029.488.094.961h16.955c.754 0 1.179-.429 1.315-.96zm-17.318 4.28s2.81 6.902 10.93 7.024c4.855 0 9.027-2.883 10.92-7.024H1.056zM11.988 0C7.5 0 3.593 2.466 1.531 6.108l4.75-.005v-.002c3.71 0 3.849.016 4.573.047l.448.016c1.563.052 3.485.22 4.996 1.364c.82.621 2.007 1.99 2.712 2.965c.654.902.842 1.94.396 2.934c-.408.914-1.289 1.458-2.353 1.458H.391s.099.42.249.886h22.748A12 12 0 0 0 24 12.005C24 5.377 18.621 0 11.988 0"
+      ></path>
+    </svg>
+  )
+}

package/src/components/icons/reddit.tsx

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Render the Reddit logo as an SVG icon.
+ *
+ * @param props - Props forwarded to the root `<svg>` element (e.g., className, style, aria-*, ref)
+ * @returns The SVG element representing the Reddit logo with provided props applied
+ */
+export function Reddit(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      role="img"
+      aria-label="Reddit"
+      {...props}
+    >
+      <circle cx={128} cy={128} r={128} fill="#ff4500"></circle>
+      <path
+        fill="#fff"
+        d="M213.15 129.22c0-10.376-8.391-18.617-18.617-18.617a18.74 18.74 0 0 0-12.97 5.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773 5.95c.307 7.02 6.104 12.667 13.278 12.667c7.324 0 13.275-5.95 13.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188 0-9.768 3.052-11.904 7.478l-30.976-6.562c-.916-.154-1.832 0-2.443.458c-.763.458-1.22 1.22-1.371 2.136l-9.464 44.558c-19.837.612-37.692 6.562-50.662 15.872a18.74 18.74 0 0 0-12.971-5.188c-10.377 0-18.617 8.391-18.617 18.617c0 7.629 4.577 14.037 10.988 16.939a33.6 33.6 0 0 0-.458 5.646c0 28.686 33.42 52.036 74.621 52.036c41.202 0 74.622-23.196 74.622-52.036a35 35 0 0 0-.458-5.646c6.408-2.902 10.985-9.464 10.985-17.093M85.272 142.495c0-7.324 5.95-13.275 13.278-13.275c7.324 0 13.275 5.95 13.275 13.275s-5.95 13.278-13.275 13.278c-7.327.15-13.278-5.953-13.278-13.278m74.317 35.251c-9.156 9.157-26.553 9.768-31.588 9.768c-5.188 0-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51 0-4.883c1.374-1.371 3.51-1.371 4.884 0c5.8 5.8 18.008 7.782 26.706 7.782s21.058-1.983 26.704-7.782c1.374-1.371 3.51-1.371 4.884 0c1.22 1.373 1.22 3.51 0 4.883m-2.443-21.822c-7.325 0-13.275-5.95-13.275-13.275s5.95-13.275 13.275-13.275c7.327 0 13.277 5.95 13.277 13.275c0 7.17-5.95 13.275-13.277 13.275"
+      ></path>
+    </svg>
+  )
+}

package/src/components/icons/roblox.tsx

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Render a Roblox SVG icon and forward incoming SVG props to the root element.
+ *
+ * The rendered SVG is labeled "Roblox" for accessibility and uses a single filled path
+ * with the Roblox visual mark.
+ *
+ * @param props - Props are spread onto the root `<svg>` element to allow customization (className, style, width, height, etc.).
+ * @returns An SVG element containing the Roblox icon
+ */
+export function Roblox(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 500 500"
+      role="img"
+      aria-label="Roblox"
+      {...props}
+    >
+      <path
+        fill="#42a5f5"
+        d="m127.87 38.084l334.05 89.432l-36.055 135.03l-199.37-53.377l-10.251 38.177l-134.68-36.056zm244.26 423.83L38.08 372.482l36.056-135.03l199.01 53.377l10.251-38.176l135.03 36.055z"
+        clipRule="evenodd"
+      ></path>
+    </svg>
+  )
+}

package/src/components/icons/salesforce.tsx

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Salesforce logo as an inline SVG and forwards received props to the root `<svg>`.
+ *
+ * @param props - Props forwarded to the SVG element (for example: `className`, `style`, `ref`, and `aria-*` attributes).
+ * @returns An SVG element representing the Salesforce logo.
+ */
+export function Salesforce(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      role="img"
+      aria-label="Salesforce"
+      {...props}
+    >
+      <path
+        fill="#039be5"
+        d="M18.206 6.522c-.681 0-1.275.204-1.858.399c-.681-1.177-1.956-1.956-3.328-1.956c-1.07 0-2.043.487-2.734 1.168c-.779-.973-1.956-1.664-3.318-1.664c-2.267 0-4.213 1.858-4.213 4.126c0 .574.204 1.157.399 1.741a3.58 3.58 0 0 0-1.859 3.124c0 1.946 1.567 3.62 3.523 3.62c.292 0 .583 0 .778-.098c.39 1.469 1.858 2.55 3.62 2.55c1.654 0 3.026-.984 3.512-2.356c.496.205.983.4 1.47.4c1.274 0 2.442-.71 3.025-1.762c.302.078.613.078.886.078c2.54 0 4.592-2.034 4.592-4.67c.098-2.627-1.946-4.7-4.495-4.7"
+      ></path>
+    </svg>
+  )
+}

package/src/components/icons/slack.tsx

@@ -0,0 +1,36 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders the Slack logo as an accessible inline SVG.
+ *
+ * @param props - Props to spread onto the underlying `svg` element (e.g., `className`, `style`, `width`, `height`, event handlers).
+ * @returns The `svg` element containing the Slack logo paths
+ */
+export function Slack(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      role="img"
+      aria-label="Slack"
+      {...props}
+    >
+      <path
+        fill="#e01e5a"
+        d="M53.841 161.32c0 14.832-11.987 26.82-26.819 26.82S.203 176.152.203 161.32c0-14.831 11.987-26.818 26.82-26.818H53.84zm13.41 0c0-14.831 11.987-26.818 26.819-26.818s26.819 11.987 26.819 26.819v67.047c0 14.832-11.987 26.82-26.82 26.82c-14.83 0-26.818-11.988-26.818-26.82z"
+      />
+      <path
+        fill="#36c5f0"
+        d="M94.07 53.638c-14.832 0-26.82-11.987-26.82-26.819S79.239 0 94.07 0s26.819 11.987 26.819 26.819v26.82zm0 13.613c14.832 0 26.819 11.987 26.819 26.819s-11.987 26.819-26.82 26.819H26.82C11.987 120.889 0 108.902 0 94.069c0-14.83 11.987-26.818 26.819-26.818z"
+      />
+      <path
+        fill="#2eb67d"
+        d="M201.55 94.07c0-14.832 11.987-26.82 26.818-26.82s26.82 11.988 26.82 26.82s-11.988 26.819-26.82 26.819H201.55zm-13.41 0c0 14.832-11.988 26.819-26.82 26.819c-14.831 0-26.818-11.987-26.818-26.82V26.82C134.502 11.987 146.489 0 161.32 0s26.819 11.987 26.819 26.819z"
+      />
+      <path
+        fill="#ecb22e"
+        d="M161.32 201.55c14.832 0 26.82 11.987 26.82 26.818s-11.988 26.82-26.82 26.82c-14.831 0-26.818-11.988-26.818-26.82V201.55zm0-13.41c-14.831 0-26.818-11.988-26.818-26.82c0-14.831 11.987-26.818 26.819-26.818h67.25c14.832 0 26.82 11.987 26.82 26.819s-11.988 26.819-26.82 26.819z"
+      />
+    </svg>
+  )
+}

package/src/components/icons/spotify.tsx

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef } from "react"
+
+/**
+ * Renders a scalable SVG of the Spotify logo.
+ *
+ * @param props - Props forwarded to the root `<svg>` element.
+ * @returns The root `<svg>` element for the Spotify logo.
+ */
+export function Spotify(props: ComponentPropsWithRef<"svg">) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      role="img"
+      aria-label="Spotify"
+      {...props}
+    >
+      <path
+        fill="#1ed760"
+        d="M128 0C57.308 0 0 57.309 0 128c0 70.696 57.309 128 128 128c70.697 0 128-57.304 128-128C256 57.314 198.697.007 127.998.007zm58.699 184.614c-2.293 3.76-7.215 4.952-10.975 2.644c-30.053-18.357-67.885-22.515-112.44-12.335a7.98 7.98 0 0 1-9.552-6.007a7.97 7.97 0 0 1 6-9.553c48.76-11.14 90.583-6.344 124.323 14.276c3.76 2.308 4.952 7.215 2.644 10.975m15.667-34.853c-2.89 4.695-9.034 6.178-13.726 3.289c-34.406-21.148-86.853-27.273-127.548-14.92c-5.278 1.594-10.852-1.38-12.454-6.649c-1.59-5.278 1.386-10.842 6.655-12.446c46.485-14.106 104.275-7.273 143.787 17.007c4.692 2.89 6.175 9.034 3.286 13.72zm1.345-36.293C162.457 88.964 94.394 86.71 55.007 98.666c-6.325 1.918-13.014-1.653-14.93-7.978c-1.917-6.328 1.65-13.012 7.98-14.935C93.27 62.027 168.434 64.68 215.929 92.876c5.702 3.376 7.566 10.724 4.188 16.405c-3.362 5.69-10.73 7.565-16.4 4.187z"
+      ></path>
+    </svg>
+  )
+}