@selemondev/svgl-svelte 2.0.3 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +9 -0
  2. package/dist/components/DodoPayments.svelte +27 -0
  3. package/dist/components/Formance.svelte +33 -0
  4. package/dist/components/GoogleAntigravity.svelte +101 -0
  5. package/dist/components/GraphQL.svelte +1 -1
  6. package/dist/components/JetBrains.svelte +27 -3
  7. package/dist/components/ProtonMail.svelte +101 -0
  8. package/dist/index.d.ts +4 -0
  9. package/dist/index.js +4 -0
  10. package/package.json +6 -2
package/README.md CHANGED
@@ -5,6 +5,15 @@
5
5
  </h1>
6
6
  </p>
7
7
 
8
+ <!-- automd:badges color="green" license name="@selemondev/svgl-svelte" codecov packagephobia -->
9
+
10
+ [![CI](https://github.com/selemondev/svgl-svelte/actions/workflows/ci.yml/badge.svg)](https://github.com/selemondev/svgl-svelte/actions/workflows/ci.yml)
11
+ [![npm version](https://img.shields.io/npm/v/@selemondev/svgl-svelte?color=green)](https://npmjs.com/package/@selemondev/svgl-svelte)
12
+ [![npm downloads](https://img.shields.io/npm/dm/@selemondev/svgl-svelte?color=green)](https://npm.chart.dev/@selemondev/svgl-svelte)
13
+ [![install size](https://badgen.net/packagephobia/install/@selemondev/svgl-svelte?color=green)](https://packagephobia.com/result?p=@selemondev/svgl-svelte)
14
+
15
+ <!-- /automd -->
16
+
8
17
  **Svgl Svelte** is an open-source npm package that offers a collection of high-quality brand SVG logos as reusable **Svelte components** with complete TypeScript support.
9
18
 
10
19
  This package is powered by the official [`pheralb/svgl`](https://github.com/pheralb/svgl) repository.
package/dist/components/DodoPayments.svelte ADDED
@@ -0,0 +1,27 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 121 121" width="${width}" height="${height}" ${restAttrs}>
14
+ <path fill="#c6fe1e" d="M60.5.5C27.364.5.5 27.364.5 60.5s26.864 60 60 60 60-26.864 60-60-26.864-60-60-60" />
15
+ <mask id="a" width="91" height="76" x="18" y="27" maskUnits="userSpaceOnUse" style="mask-type:luminance">
16
+ <path fill="#fff" d="M108.5 27.5h-90v75h90z" />
17
+ </mask>
18
+ <g fill="#0d0d0d" mask="url(#a)">
19
+ <path
20
+ d="M53.341 44.804h-.04c-2.48-.712-5.104.712-5.944 3.064-.928 2.528.544 5.424 3.144 6.224 6.368 1.808 9.104-7.32 2.84-9.288" />
21
+ <path
22
+ d="M107.614 57.708c-8.2-17.96-34.36-10.528-36.776-15.232-7.08-11.112-20.296-17.352-34.584-14.136-2.2-.88-9.776-1.12-14.672 1.96l2.952 1.304c.224.096.16.072.488.192 1.336.504 1.104.36.144.888-2.2 1.288-4.944 2.784-6.656 5.032.072.104 3.768.992 3.768.992.064.016.752.088.6.392-12.088 19.088 8.296 47.896 18.192 63.4h28.648c-4.424-7.92-9.48-18.728-7.752-26.064.312-1.328.712-3.016 2.344-3.24 3.944-.632 9.224-.576 12.984-1h.056c.8-.04 20.384-2.528 25.072 9.68.4 1.12 1.32.392 1.688-.344 3.496-6.952 5.752-17.896 3.52-23.816zm-31.616-5.896c-1.376 2.456-2.312 5.648-2.552 8.432-.128 1.768.056 3.512.232 5.28.096.976.104 2.208-.68 2.848-.68.576-1.808.632-2.944.712-5.576-.024-19.176 0-24.416-3.568l-.032-.024c-7.624-4.648-11.704-15.144-7.176-23.296 1.464-2.768 4.16-4.568 7.232-5.248 3.952-.904 8.304-.232 11.832 1.616 1.44.728 3.16 1.688 4.472 2.792 2.6 2.272 4.824 4.632 8.232 5.36 1.568.448 3.2.384 4.768.704 2.936.704 2.2 2.376 1.024 4.376z" />
23
+ </g>
24
+ </svg>`;
25
+ </script>
26
+
27
+ {@html svgContent}
package/dist/components/Formance.svelte ADDED
@@ -0,0 +1,33 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
14
+ <g clip-path="url(#clip0_2272_2527)">
15
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17.7987 29.4147L14.2387 39.0947C15.5813 39.5627 16.9547 39.8747 18.36 40V34.848H21.6387V40C23.044 39.8747 24.4493 39.5627 25.8227 39.0947L22.2627 29.4147C21.5133 27.3533 18.5787 27.3533 17.7973 29.4147H17.7987Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
16
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M25.1053 28.228L29.4453 37.596C30.7253 36.972 31.944 36.2227 33.0053 35.316L29.352 31.6627L31.6933 29.3213L35.3467 32.9747C36.252 31.8813 37.0333 30.664 37.6573 29.384L28.2893 25.044C26.2907 24.1067 24.2307 26.2 25.136 28.1973L25.1053 28.228Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
17
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M29.4147 22.232L39.0947 25.792C39.5627 24.4493 39.8747 23.076 40 21.6707H34.848V18.392H40C39.8747 16.9867 39.5627 15.5813 39.0947 14.208L29.4147 17.768C27.3533 18.5173 27.3533 21.452 29.4147 22.2333V22.232Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
18
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M28.228 14.9253L37.596 10.5853C36.972 9.30532 36.2227 8.08666 35.316 7.02532L31.6627 10.6787L29.3213 8.33732L32.9747 4.68399C31.8813 3.77866 30.664 2.99732 29.384 2.37332L25.044 11.7413C24.1067 13.74 26.2 15.8 28.1973 14.8947L28.228 14.9253Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
19
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22.232 10.6173L25.792 0.937333C24.4493 0.469333 23.076 0.157333 21.6707 0.032V5.184H18.392V0C16.9867 0.125333 15.5813 0.437333 14.208 0.937333L17.768 10.6173C18.5173 12.6787 21.452 12.6787 22.2333 10.6173H22.232Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
20
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9254 11.8027L10.5854 2.436C9.30535 3.06 8.08669 3.80934 7.02535 4.716L10.6787 8.36934L8.33735 10.7107L4.68402 7.05734C3.77869 8.15067 2.99735 9.368 2.37335 10.648L11.7414 14.988C13.74 15.9253 15.8 13.832 14.8947 11.8347L14.9254 11.804V11.8027Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
21
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6173 17.7987L0.937333 14.208C0.437333 15.5507 0.125333 16.956 0 18.3613H5.152V21.64H0C0.125333 23.0453 0.437333 24.4507 0.937333 25.824L10.6173 22.264C12.6787 21.5147 12.6787 18.58 10.6173 17.7987Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
22
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8027 25.1053L2.43466 29.4453C3.05866 30.7253 3.808 31.944 4.71466 33.0053L8.36799 29.352L10.7093 31.6933L7.05599 35.3466C8.14933 36.252 9.36666 37.0333 10.6467 37.6573L14.9867 28.2893C15.924 26.2906 13.8307 24.2306 11.8333 25.136L11.8027 25.1053Z" fill="#02353C" style="fill:#02353C;fill:color(display-p3 0.0078 0.2078 0.2353);fill-opacity:1;"/>
23
+ </g>
24
+ <defs>
25
+ <clipPath id="clip0_2272_2527">
26
+ <rect width="40" height="40" fill="white" style="fill:white;fill-opacity:1;"/>
27
+ </clipPath>
28
+ </defs>
29
+ </svg>
30
+ `;
31
+ </script>
32
+
33
+ {@html svgContent}
package/dist/components/GoogleAntigravity.svelte ADDED
@@ -0,0 +1,101 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `
14
+ <html lang="en">
15
+ <head>
16
+ <meta charset="utf-8" />
17
+ <meta name="viewport" content="width=device-width" />
18
+ <meta name="robots" content="index, follow" />
19
+ <meta name="author" content="@pheralb_" />
20
+ <meta name="description" content="A beautiful library with SVG logos" />
21
+
22
+ <!-- Favicon -->
23
+ <link
24
+ rel="icon"
25
+ type="image/svg+xml"
26
+ href="../images/svgl_svg.svg"
27
+ />
28
+ <link
29
+ rel="icon"
30
+ type="image/ico"
31
+ href="../images/svgl_ico.ico"
32
+ />
33
+
34
+ <!-- OG Images -->
35
+ <meta property="og:type" content="website" />
36
+ <meta property="og:title" content="SVGL" />
37
+ <meta
38
+ property="og:description"
39
+ content="A beautiful library with SVG logos"
40
+ />
41
+ <meta property="og:url" content="https://svgl.app" />
42
+ <meta
43
+ property="og:image"
44
+ content="https://svgl.app/images/screenshot_dark.png"
45
+ />
46
+
47
+ <!-- Twitter -->
48
+ <meta name="twitter:card" content="summary_large_image" />
49
+ <meta name="twitter:title" content="SVGL" />
50
+ <meta
51
+ name="twitter:description"
52
+ content="A beautiful library with SVG logos"
53
+ />
54
+ <meta name="twitter:creator" content="@pheralb_" />
55
+ <meta
56
+ name="twitter:image"
57
+ content="https://svgl.app/images/screenshot_dark.png"
58
+ />
59
+
60
+ <!-- Preload Fonts -->
61
+ <link
62
+ rel="preload"
63
+ href="../fonts/InterVariable.woff2"
64
+ as="font"
65
+ type="font/woff2"
66
+ crossorigin="anonymous"
67
+ />
68
+ <link
69
+ rel="preload"
70
+ href="../fonts/GeistMono.woff2"
71
+ as="font"
72
+ type="font/woff2"
73
+ crossorigin="anonymous"
74
+ />
75
+
76
+ <!-- Manifest -->
77
+ <link rel="manifest" href="../manifest.json" />
78
+
79
+ <!-- Analytics -->
80
+
81
+
82
+ <!-- Title -->
83
+ <title>A beautiful library with SVG logos - SVGL</title>
84
+
85
+ <link href="../_app/immutable/assets/scroll-area.bHHIbcsu.css" rel="stylesheet">
86
+ <link href="../_app/immutable/assets/0.FNlFiBWt.css" rel="stylesheet"><!--187mvdh--><!--[!--><!--]--> <!----><!----><!---->
87
+ </head>
88
+ <body
89
+ class="overscroll-none bg-neutral-100 font-sans text-black antialiased selection:bg-neutral-300 dark:bg-neutral-950 dark:text-white dark:selection:bg-neutral-700"
90
+ data-sveltekit-preload-data="hover"
91
+ >
92
+ <div style="display: contents"><!--[--><!--[--><!----><!--[!--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-rsmjm"><!--[!--><!--]--></section><!----> <header class="sticky top-0 z-50 w-full bg-neutral-100 px-2 py-3 md:px-4 md:py-4 dark:bg-neutral-950"><nav class="flex w-full items-center justify-between"><div class="flex items-center space-x-2"><!----><!----><!----><!--$s1--><!--[!--><button data-slot="sheet-trigger" title="Open SVGL Menu" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 h-9 w-9 md:hidden" id="bits-s1" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu size-5" width="${width}" height="${height}" ${restAttrs}><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Open Menu</span><!----></button><!--]--><!----><!----> <!----><!----><!--[!--><!--]--><!----><!----><!----><!----><!----> <!----><!----><!--[!--><div data-slot="context-menu-trigger" id="bits-101611" data-state="closed" data-context-menu-trigger="" tabindex="-1" style="pointer-events: auto;"><a href="/" class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300" data-sveltekit-preload-data="off"><!--[--><svg name="SVGL Logo" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M216,136c-8,24-56,72-80,80V184a48,48,0,0,1,48-48Z" opacity="0.2"></path><path d="M168,32H88A56.06,56.06,0,0,0,32,88v80a56.06,56.06,0,0,0,56,56h48a8.07,8.07,0,0,0,2.53-.41c26.23-8.75,76.31-58.83,85.06-85.06A8.07,8.07,0,0,0,224,136V88A56.06,56.06,0,0,0,168,32ZM48,168V88A40,40,0,0,1,88,48h80a40,40,0,0,1,40,40v40H184a56.06,56.06,0,0,0-56,56v24H88A40,40,0,0,1,48,168Zm96,35.14V184a40,40,0,0,1,40-40h19.14C191,163.5,163.5,191,144,203.14Z"></path></svg><!----> <h2 class="text-xl font-medium tracking-tight">svgl</h2><!----><!--]--></a><!----></div><!--]--><!----><!----><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://x.com/pheralb_" title="X/Twitter" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"></path></svg><!----><!--]--></a><!----> <button class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" title="Mode Toggle (Cmd + l)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-sun scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"><!--[--><!----><circle cx="12" cy="12" r="4"><!----></circle><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M12 20v2"><!----></path><!----><!----><path d="m4.93 4.93 1.41 1.41"><!----></path><!----><!----><path d="m17.66 17.66 1.41 1.41"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="m6.34 17.66-1.41 1.41"><!----></path><!----><!----><path d="m19.07 4.93-1.41 1.41"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-moon absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"><!--[--><!----><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Toggle theme</span></button><!----> <!----><!--$s2--><!--[!--><button data-slot="dialog-trigger" title="Settings" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" id="bits-s2" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-settings"><!--[--><!----><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></button><!--]--><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!----><!--$s3--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s3" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl" title="pheralb/svgl Repository" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 px-4 py-2 w-fit hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg width="20" height="20" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <span class="text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!----><!--$s4--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s4" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 bg-radial-[at_52%_-52%] **:[text-shadow:0_1px_0_var(--color-neutral-950)] border-neutral-950 from-neutral-950/70 to-neutral-950/95 text-white inset-shadow-2xs inset-shadow-white/25 border text-sm shadow-md shadow-neutral-950/30 ring-0 transition-[filter] duration-200 hover:brightness-125 active:brightness-95 dark:bg-white dark:text-neutral-50 dark:shadow-none dark:border-0 h-9 px-4 py-2"><!--[--><div class="svelte-1enjra1" aria-label="send" role="img"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="send-icon svelte-1enjra1"><g class="svelte-1enjra1"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" class="path1 svelte-1enjra1"></path><path d="m21.854 2.147-10.94 10.939" class="path2 svelte-1enjra1"></path></g></svg></div><!----> <span>Submit</span><!----><!--]--></a><!----></div></div></nav></header><!----> <section><aside class="md:fixed md:left-1 md:h-[calc(100vh-4.5rem)] overflow-x-hidden w-54 hidden flex-col space-y-3 md:flex bg-neutral-100 dark:bg-neutral-950"><nav class="flex flex-col space-y-0.5 px-2"><a href="/" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-house"><!--[--><!----><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"><!----></path><!----><!----><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Home</p><!----><!--]--></a><!----> <a href="/favorites" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-between" data-sveltekit-preload-data=""><!--[--><div class="flex items-center space-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-heart"><!--[--><!----><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Favorites</p></div> <!--[!--><!--]--><!----><!--]--></a><!----> <a href="/docs/api" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cloud"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">API</p><!----><!--]--></a><!----> <a href="/docs/shadcn-ui" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="14" height="14"><path fill="none" d="M0 0h256v256H0z"></path><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"></path></svg><!----> <p class="truncate">shadcn/ui</p><!----><!--]--></a><!----> <a href="/extensions" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-box"><!--[--><!----><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"><!----></path><!----><!----><path d="m3.3 7 8.7 5 8.7-5"><!----></path><!----><!----><path d="M12 22V12"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Extensions</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-send"><!--[--><!----><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"><!----></path><!----><!----><path d="m21.854 2.147-10.94 10.939"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Submit SVG</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg width="16" height="16" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <p class="truncate">GitHub Repository</p><!----><!--]--></a><!----><!----></nav> <div class="px-2"><!----><!--$s5--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s5" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!----><!----></div> <nav class="relative flex h-auto flex-col space-y-0.5 overflow-hidden"><!--[!--><!----><!--$s6--><!--[!--><div data-slot="scroll-area" class="relative flex size-full flex-col gap-y-0.5 overflow-hidden px-2" id="bits-s6" dir="ltr" style="position: relative; --bits-scroll-area-corner-height: 0px; --bits-scroll-area-corner-width: 0px;" data-scroll-area-root=""><!----><!--$s7--><div data-slot="scroll-area-viewport" class="focus-ring size-full rounded-[inherit]" id="bits-s7" style="overflow-x: hidden; overflow-y: hidden;" data-scroll-area-viewport=""><div id="bits-101612" data-scroll-area-content="" style="min-width: undefined;"><!--[--><a href="/directory/ai" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">AI</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">48</span><!----><!--]--></a><a href="/directory/analytics" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Analytics</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">3</span><!----><!--]--></a><a href="/directory/authentication" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Authentication</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/automation" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Automation</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/browser" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Browser</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/cms" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">CMS</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/community" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Community</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/compiler" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Compiler</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/config" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Config</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/crypto" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Crypto</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/cybersecurity" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Cybersecurity</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/database" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Database</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/design" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Design</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">29</span><!----><!--]--></a><a href="/directory/devtool" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Devtool</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">16</span><!----><!--]--></a><a href="/directory/education" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Education</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/entertainment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Entertainment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/framework" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Framework</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">49</span><!----><!--]--></a><a href="/directory/google" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Google</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">15</span><!----><!--]--></a><a href="/directory/hardware" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hardware</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/hosting" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hosting</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/iac" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IaC</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/iot" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IoT</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/language" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Language</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">36</span><!----><!--]--></a><a href="/directory/library" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Library</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">76</span><!----><!--]--></a><a href="/directory/marketplace" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Marketplace</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/microsoft" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Microsoft</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">26</span><!----><!--]--></a><a href="/directory/monorepo" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Monorepo</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/music" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Music</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/nuxt" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Nuxt</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">6</span><!----><!--]--></a><a href="/directory/payment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Payment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/platform" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Platform</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/secrets" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Secrets</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/social" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Social</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">27</span><!----><!--]--></a><a href="/directory/software" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Software</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">201</span><!----><!--]--></a><a href="/directory/sync engine" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Sync Engine</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/vercel" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Vercel</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/voidzero" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">VoidZero</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">4</span><!----><!--]--></a><!--]--><!----> <!--[--><!----><!--$s8--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!----><!----><!----></div></div><!----> <!--[--><div aria-hidden="true" style="--top-fade-height: 30px; --bottom-fade-height: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-x-0 before:top-0 before:transition-[height,opacity] before:duration-300 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:transition-[height,opacity] after:duration-300 after:content-[''] before:h-(--top-fade-height) after:h-(--bottom-fade-height) before:opacity-100 after:opacity-100 before:bg-gradient-to-b before:to-transparent after:bg-gradient-to-t after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div> <div aria-hidden="true" style="--left-fade-width: 30px; --right-fade-width: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-y-0 before:left-0 before:transition-[width,opacity] before:duration-300 before:content-[''] after:absolute after:inset-y-0 after:right-0 after:transition-[width,opacity] after:duration-300 after:content-[''] before:w-(--left-fade-width) after:w-(--right-fade-width) before:opacity-100 after:opacity-100 before:bg-gradient-to-r before:to-transparent after:bg-gradient-to-l after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div><!--]--> <!--[--><!--[--><!----><!--$s9--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!--]--> <!--[!--><!--]--> <!----><!--$s10--><!--[!--><!--]--><!----><!----></div><!--]--><!----><!--]--><!----></nav></aside> <main class="px-2 md:mr-4 md:ml-56 md:px-0 overflow-hidden"><!--[--><!----><h1>404</h1> <p>Not Found</p><!----><!----><!--]--></main></section><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
93
+
94
+
95
+ </div>
96
+ </body>
97
+ </html>
98
+ `;
99
+ </script>
100
+
101
+ {@html svgContent}
package/dist/components/GraphQL.svelte CHANGED
@@ -10,7 +10,7 @@
10
10
  const restAttrs = Object.entries(rest)
11
11
  .map(([k, v]) => `${k}="${v}"`)
12
12
  .join(' ');
13
- const svgContent = `<svg id="svgl_graphql" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="#e10098" width="${width}" height="${height}" ${restAttrs}><style>#svgl_graphql{fill:color(display-p3 0.8824 0 0.5961);}</style><path fill-rule="evenodd" clip-rule="evenodd" d="M50 6.90308L87.323 28.4515V71.5484L50 93.0968L12.677 71.5484V28.4515L50 6.90308ZM16.8647 30.8693V62.5251L44.2795 15.0414L16.8647 30.8693ZM50 13.5086L18.3975 68.2457H81.6025L50 13.5086ZM77.4148 72.4334H22.5852L50 88.2613L77.4148 72.4334ZM83.1353 62.5251L55.7205 15.0414L83.1353 30.8693V62.5251Z"/><circle cx="50" cy="9.3209" r="8.82"/><circle cx="85.2292" cy="29.6605" r="8.82"/><circle cx="85.2292" cy="70.3396" r="8.82"/><circle cx="50" cy="90.6791" r="8.82"/><circle cx="14.7659" cy="70.3396" r="8.82"/><circle cx="14.7659" cy="29.6605" r="8.82"/></svg>
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="#f6009b" width="${width}" height="${height}" ${restAttrs}><path fill-rule="evenodd" clip-rule="evenodd" d="M50 6.90308L87.323 28.4515V71.5484L50 93.0968L12.677 71.5484V28.4515L50 6.90308ZM16.8647 30.8693V62.5251L44.2795 15.0414L16.8647 30.8693ZM50 13.5086L18.3975 68.2457H81.6025L50 13.5086ZM77.4148 72.4334H22.5852L50 88.2613L77.4148 72.4334ZM83.1353 62.5251L55.7205 15.0414L83.1353 30.8693V62.5251Z"/><circle cx="50" cy="9.3209" r="8.82"/><circle cx="85.2292" cy="29.6605" r="8.82"/><circle cx="85.2292" cy="70.3396" r="8.82"/><circle cx="50" cy="90.6791" r="8.82"/><circle cx="14.7659" cy="70.3396" r="8.82"/><circle cx="14.7659" cy="29.6605" r="8.82"/></svg>
14
14
  `;
15
15
  </script>
16
16
 
package/dist/components/JetBrains.svelte CHANGED
@@ -10,9 +10,33 @@
10
10
  const restAttrs = Object.entries(rest)
11
11
  .map(([k, v]) => `${k}="${v}"`)
12
12
  .join(' ');
13
- const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}>
14
- <path d="M0 0h256v256H0z"/>
15
- <path d="M28 208h96v16H28v-16ZM24 66l7-7c1 2 4 4 6 4 3 0 5-2 5-6V32h11v25c0 5-1 9-4 12-3 2-6 4-10 4h-1c-5 0-10-2-14-6v-1Zm34-34h32v9H69v7h19v8H69v6h21v10H58V32Zm48 10H94V32h35v10h-12v30h-11V42ZM28 88h19c4-1 8 1 11 3 2 2 3 4 3 7 0 4-3 7-7 9 5 1 8 5 8 10 0 7-5 11-15 11H28V88Zm22 12c0-2-2-3-5-3h-6v7h5c4 0 6-1 6-4Zm-4 11h-7v8h7c3 0 5-1 5-4 0-2-1-3-4-3l-1-1Zm43 17-8-12h-4v12H66V88h18c4-1 9 1 13 4 2 2 3 5 3 9 0 6-3 11-8 13l8 11 16-37h10l17 40h-12l-2-7h-16l-3 7H89Zm32-27-5 11h9l-4-11Zm-38-4h-6v10h6c4 0 6-2 6-5s-2-5-6-5Zm62-9h11v40h-11V88Zm15 0h11l14 21V88h11v40h-10l-15-22v22h-11V88Zm38 34 6-8c4 3 8 5 13 5 3 0 4-1 4-3 0-1 0-2-3-3h-3l-1-1h-2l-2-1c-6-1-10-4-10-11s5-13 15-13c6 0 12 2 16 6l-5 7c-3-2-7-4-11-4-3 0-4 1-4 3l3 3h2l2 1c9 2 15 5 15 12 0 8-6 13-15 13h-1c-7 0-13-2-18-5l-1-1Z" fill="#FFF"/>
13
+ const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 257" width="${width}" height="${height}" ${restAttrs}>
14
+ <defs>
15
+ <linearGradient x1="25.2%" y1="43.3%" x2="99.2%" y2="67.4%" id="a">
16
+ <stop stop-color="#FE2857" offset="21%"/>
17
+ <stop stop-color="#293896" offset="100%"/>
18
+ </linearGradient>
19
+ <linearGradient x1="2.3%" y1="77.1%" x2="90.7%" y2="24.1%" id="b">
20
+ <stop stop-color="#FE2857" offset="0%"/>
21
+ <stop stop-color="#FE2857" offset="1%"/>
22
+ <stop stop-color="#FF318C" offset="86%"/>
23
+ </linearGradient>
24
+ <linearGradient x1="6.3%" y1="13.9%" x2="94.6%" y2="87.7%" id="c">
25
+ <stop stop-color="#FF318C" offset="2%"/>
26
+ <stop stop-color="#FE2857" offset="21%"/>
27
+ <stop stop-color="#FDB60D" offset="86%"/>
28
+ </linearGradient>
29
+ <linearGradient x1="91.1%" y1="27.7%" x2="2%" y2="68.6%" id="d">
30
+ <stop stop-color="#FDB60D" offset="1%"/>
31
+ <stop stop-color="#FCF84A" offset="86%"/>
32
+ </linearGradient>
33
+ </defs>
34
+ <path d="M112.7 117.4 42 57.6a25.6 25.6 0 1 0-24.8 43.9h.3l.7.2 89 27.1a6 6 0 0 0 2 .4 6.4 6.4 0 0 0 3.3-11.8Z" fill="url(#a)"/>
35
+ <path d="M126.8 18.7A18.6 18.6 0 0 0 98 3L11.8 55.4a25.6 25.6 0 1 0 30.6 41l77.3-63 .6-.5c4.1-3.6 6.5-8.7 6.5-14.2Z" fill="url(#b)"/>
36
+ <path d="M252.2 131.5 121.4 5.5A18.6 18.6 0 1 0 96 32.8l.2.3 139 117a12.6 12.6 0 0 0 17-18.6Z" fill="url(#c)"/>
37
+ <path d="M256 140.6a12.6 12.6 0 0 0-20-10.3L77.9 207.7a25.6 25.6 0 1 0 26.4 43.7l146.4-100.5c3.4-2.4 5.4-6.2 5.4-10.3Z" fill="url(#d)"/>
38
+ <path d="M75.8 76.9h102.5v102.4H75.8z"/>
39
+ <path d="M87 160.1h38.4v6.4H87v-6.4Zm-1.6-56.8 2.8-2.7c.6.9 1.5 1.4 2.6 1.5 1 0 1.8-.8 1.8-2.3v-10H97v10c.1 1.7-.5 3.4-1.6 4.6a6 6 0 0 1-4 1.7H91c-2 0-4-.9-5.4-2.5l-.2-.3ZM99 89.7h12.8v3.8h-8.5v2.4h7.6v3.4h-7.6v2.6h8.6v3.7h-13V89.7Zm19 3.9h-4.7v-3.9h14v3.9h-4.8v12.1h-4.4V93.6ZM87.3 112h7.5a6 6 0 0 1 4.4 1.4c.7.7 1 1.7 1 2.6 0 1.6-1 3-2.5 3.6 2 .4 3.3 2 3.2 4 0 2.8-2.2 4.5-6 4.5h-7.6v-16Zm8.5 5c0-1-.7-1.4-2-1.4h-2.2v2.8h2.1c1.4 0 2.1-.5 2.1-1.4Zm-1.5 4.5h-2.7v3h2.8c1.3 0 2-.6 2-1.5s-.5-1.4-1.8-1.5h-.3Zm17.1 6.6-3.2-4.8h-1.5v4.8h-4.4v-16h7.1a7 7 0 0 1 5.2 1.6 5 5 0 0 1 1.4 3.4v.4c.1 2.1-1.2 4.1-3.3 4.9l3.2 4.7 6.3-15.2h4.3l6.8 16.1h-4.8l-1.1-2.9h-6.2l-1.1 3h-8.7Zm13-11-1.9 4.6h3.6l-1.8-4.5ZM109 116h-2.3v3.8h2.4c1.4 0 2.4-.7 2.4-1.9 0-1.3-1-2-2.5-2Zm25-4h4.3v16H134v-16Zm6 0h4.2l5.7 8.6V112h4.4v16h-3.9l-6-8.8v8.8H140v-16Zm15 13.7 2.5-3a8.3 8.3 0 0 0 5.1 2c1.2 0 1.9-.4 1.9-1.1 0-.5-.3-.9-1.4-1.2l-.4-.2h-.3l-.7-.2h-.3l-.7-.2-.6-.2c-2.6-.8-4.4-1.9-4.4-4.6 0-3 2.4-5.1 6.2-5.1 2.4-.1 4.7.7 6.6 2.1l-2.2 3a7.8 7.8 0 0 0-4.4-1.5c-1.1 0-1.6.4-1.6 1s.3.9 1.3 1.2l.5.1.3.1.7.2c3.6.8 5.9 2 5.9 5 0 3.1-2.4 5-6 5h-.5c-2.5.2-5-.6-7-2l-.5-.4Z" fill="#FFF"/>
16
40
  </svg>
17
41
  `;
18
42
  </script>
package/dist/components/ProtonMail.svelte ADDED
@@ -0,0 +1,101 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from 'svelte/elements';
3
+
4
+ export interface Props extends HTMLAttributes<SVGElement> {
5
+ width?: number;
6
+ height?: number;
7
+ }
8
+
9
+ let { width = 50, height = 50, ...rest }: Props = $props();
10
+ const restAttrs = Object.entries(rest)
11
+ .map(([k, v]) => `${k}="${v}"`)
12
+ .join(' ');
13
+ const svgContent = `
14
+ <html lang="en">
15
+ <head>
16
+ <meta charset="utf-8" />
17
+ <meta name="viewport" content="width=device-width" />
18
+ <meta name="robots" content="index, follow" />
19
+ <meta name="author" content="@pheralb_" />
20
+ <meta name="description" content="A beautiful library with SVG logos" />
21
+
22
+ <!-- Favicon -->
23
+ <link
24
+ rel="icon"
25
+ type="image/svg+xml"
26
+ href="../images/svgl_svg.svg"
27
+ />
28
+ <link
29
+ rel="icon"
30
+ type="image/ico"
31
+ href="../images/svgl_ico.ico"
32
+ />
33
+
34
+ <!-- OG Images -->
35
+ <meta property="og:type" content="website" />
36
+ <meta property="og:title" content="SVGL" />
37
+ <meta
38
+ property="og:description"
39
+ content="A beautiful library with SVG logos"
40
+ />
41
+ <meta property="og:url" content="https://svgl.app" />
42
+ <meta
43
+ property="og:image"
44
+ content="https://svgl.app/images/screenshot_dark.png"
45
+ />
46
+
47
+ <!-- Twitter -->
48
+ <meta name="twitter:card" content="summary_large_image" />
49
+ <meta name="twitter:title" content="SVGL" />
50
+ <meta
51
+ name="twitter:description"
52
+ content="A beautiful library with SVG logos"
53
+ />
54
+ <meta name="twitter:creator" content="@pheralb_" />
55
+ <meta
56
+ name="twitter:image"
57
+ content="https://svgl.app/images/screenshot_dark.png"
58
+ />
59
+
60
+ <!-- Preload Fonts -->
61
+ <link
62
+ rel="preload"
63
+ href="../fonts/InterVariable.woff2"
64
+ as="font"
65
+ type="font/woff2"
66
+ crossorigin="anonymous"
67
+ />
68
+ <link
69
+ rel="preload"
70
+ href="../fonts/GeistMono.woff2"
71
+ as="font"
72
+ type="font/woff2"
73
+ crossorigin="anonymous"
74
+ />
75
+
76
+ <!-- Manifest -->
77
+ <link rel="manifest" href="../manifest.json" />
78
+
79
+ <!-- Analytics -->
80
+
81
+
82
+ <!-- Title -->
83
+ <title>A beautiful library with SVG logos - SVGL</title>
84
+
85
+ <link href="../_app/immutable/assets/scroll-area.bHHIbcsu.css" rel="stylesheet">
86
+ <link href="../_app/immutable/assets/0.FNlFiBWt.css" rel="stylesheet"><!--187mvdh--><!--[!--><!--]--> <!----><!----><!---->
87
+ </head>
88
+ <body
89
+ class="overscroll-none bg-neutral-100 font-sans text-black antialiased selection:bg-neutral-300 dark:bg-neutral-950 dark:text-white dark:selection:bg-neutral-700"
90
+ data-sveltekit-preload-data="hover"
91
+ >
92
+ <div style="display: contents"><!--[--><!--[--><!----><!--[!--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-rsmjm"><!--[!--><!--]--></section><!----> <header class="sticky top-0 z-50 w-full bg-neutral-100 px-2 py-3 md:px-4 md:py-4 dark:bg-neutral-950"><nav class="flex w-full items-center justify-between"><div class="flex items-center space-x-2"><!----><!----><!----><!--$s1--><!--[!--><button data-slot="sheet-trigger" title="Open SVGL Menu" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 h-9 w-9 md:hidden" id="bits-s1" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-menu size-5" width="${width}" height="${height}" ${restAttrs}><!--[--><!----><path d="M4 5h16"><!----></path><!----><!----><path d="M4 12h16"><!----></path><!----><!----><path d="M4 19h16"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Open Menu</span><!----></button><!--]--><!----><!----> <!----><!----><!--[!--><!--]--><!----><!----><!----><!----><!----> <!----><!----><!--[!--><div data-slot="context-menu-trigger" id="bits-101613" data-state="closed" data-context-menu-trigger="" tabindex="-1" style="pointer-events: auto;"><a href="/" class="flex items-center space-x-2 transition-colors hover:text-neutral-700 dark:hover:text-neutral-300" data-sveltekit-preload-data="off"><!--[--><svg name="SVGL Logo" xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M216,136c-8,24-56,72-80,80V184a48,48,0,0,1,48-48Z" opacity="0.2"></path><path d="M168,32H88A56.06,56.06,0,0,0,32,88v80a56.06,56.06,0,0,0,56,56h48a8.07,8.07,0,0,0,2.53-.41c26.23-8.75,76.31-58.83,85.06-85.06A8.07,8.07,0,0,0,224,136V88A56.06,56.06,0,0,0,168,32ZM48,168V88A40,40,0,0,1,88,48h80a40,40,0,0,1,40,40v40H184a56.06,56.06,0,0,0-56,56v24H88A40,40,0,0,1,48,168Zm96,35.14V184a40,40,0,0,1,40-40h19.14C191,163.5,163.5,191,144,203.14Z"></path></svg><!----> <h2 class="text-xl font-medium tracking-tight">svgl</h2><!----><!--]--></a><!----></div><!--]--><!----><!----><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://x.com/pheralb_" title="X/Twitter" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"></path></svg><!----><!--]--></a><!----> <button class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" title="Mode Toggle (Cmd + l)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-sun scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"><!--[--><!----><circle cx="12" cy="12" r="4"><!----></circle><!----><!----><path d="M12 2v2"><!----></path><!----><!----><path d="M12 20v2"><!----></path><!----><!----><path d="m4.93 4.93 1.41 1.41"><!----></path><!----><!----><path d="m17.66 17.66 1.41 1.41"><!----></path><!----><!----><path d="M2 12h2"><!----></path><!----><!----><path d="M20 12h2"><!----></path><!----><!----><path d="m6.34 17.66-1.41 1.41"><!----></path><!----><!----><path d="m19.07 4.93-1.41 1.41"><!----></path><!----><!--]--><!----><!----></svg><!----> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-moon absolute scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"><!--[--><!----><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="sr-only">Toggle theme</span></button><!----> <!----><!--$s2--><!--[!--><button data-slot="dialog-trigger" title="Settings" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 w-9 hover:bg-neutral-200 dark:hover:bg-neutral-800" id="bits-s2" aria-haspopup="dialog" aria-expanded="false" data-dialog-trigger="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-settings"><!--[--><!----><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"><!----></path><!----><!----><circle cx="12" cy="12" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></button><!--]--><!----><!----> <!----><!--[!--><!--]--><!----><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!----><!--$s3--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s3" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl" title="pheralb/svgl Repository" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 px-4 py-2 w-fit hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[--><svg width="20" height="20" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <span class="text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!----><!--$s4--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s4" role="separator" aria-orientation="vertical" data-orientation="vertical" data-separator-root=""><!----></div><!--]--><!----><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-300 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 dark:focus-visible:ring-neutral-700 bg-radial-[at_52%_-52%] **:[text-shadow:0_1px_0_var(--color-neutral-950)] border-neutral-950 from-neutral-950/70 to-neutral-950/95 text-white inset-shadow-2xs inset-shadow-white/25 border text-sm shadow-md shadow-neutral-950/30 ring-0 transition-[filter] duration-200 hover:brightness-125 active:brightness-95 dark:bg-white dark:text-neutral-50 dark:shadow-none dark:border-0 h-9 px-4 py-2"><!--[--><div class="svelte-1enjra1" aria-label="send" role="img"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="send-icon svelte-1enjra1"><g class="svelte-1enjra1"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" class="path1 svelte-1enjra1"></path><path d="m21.854 2.147-10.94 10.939" class="path2 svelte-1enjra1"></path></g></svg></div><!----> <span>Submit</span><!----><!--]--></a><!----></div></div></nav></header><!----> <section><aside class="md:fixed md:left-1 md:h-[calc(100vh-4.5rem)] overflow-x-hidden w-54 hidden flex-col space-y-3 md:flex bg-neutral-100 dark:bg-neutral-950"><nav class="flex flex-col space-y-0.5 px-2"><a href="/" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-house"><!--[--><!----><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"><!----></path><!----><!----><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Home</p><!----><!--]--></a><!----> <a href="/favorites" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-between" data-sveltekit-preload-data=""><!--[--><div class="flex items-center space-x-3"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-heart"><!--[--><!----><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Favorites</p></div> <!--[!--><!--]--><!----><!--]--></a><!----> <a href="/docs/api" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-cloud"><!--[--><!----><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">API</p><!----><!--]--></a><!----> <a href="/docs/shadcn-ui" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="14" height="14"><path fill="none" d="M0 0h256v256H0z"></path><path fill="none" stroke="currentColor" stroke-width="25" stroke-linecap="round" d="M208 128l-80 80M192 40L40 192"></path></svg><!----> <p class="truncate">shadcn/ui</p><!----><!--]--></a><!----> <a href="/extensions" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white justify-start space-x-3" data-sveltekit-preload-data=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-box"><!--[--><!----><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"><!----></path><!----><!----><path d="m3.3 7 8.7 5 8.7-5"><!----></path><!----><!----><path d="M12 22V12"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Extensions</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-send"><!--[--><!----><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"><!----></path><!----><!----><path d="m21.854 2.147-10.94 10.939"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="truncate">Submit SVG</p><!----><!--]--></a><!----> <a href="https://github.com/pheralb/svgl" target="_blank" rel="noopener noreferrer" class="rounded-md px-2 py-1.5 h-8 w-full items-center text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white flex justify-start space-x-3 md:hidden"><!--[--><svg width="16" height="16" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="currentColor"></path></svg><!----> <p class="truncate">GitHub Repository</p><!----><!--]--></a><!----><!----></nav> <div class="px-2"><!----><!--$s5--><!--[!--><div data-slot="separator" class="shrink-0 bg-neutral-300 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800" id="bits-s5" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!----><!----></div> <nav class="relative flex h-auto flex-col space-y-0.5 overflow-hidden"><!--[!--><!----><!--$s6--><!--[!--><div data-slot="scroll-area" class="relative flex size-full flex-col gap-y-0.5 overflow-hidden px-2" id="bits-s6" dir="ltr" style="position: relative; --bits-scroll-area-corner-height: 0px; --bits-scroll-area-corner-width: 0px;" data-scroll-area-root=""><!----><!--$s7--><div data-slot="scroll-area-viewport" class="focus-ring size-full rounded-[inherit]" id="bits-s7" style="overflow-x: hidden; overflow-y: hidden;" data-scroll-area-viewport=""><div id="bits-101614" data-scroll-area-content="" style="min-width: undefined;"><!--[--><a href="/directory/ai" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">AI</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">48</span><!----><!--]--></a><a href="/directory/analytics" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Analytics</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">3</span><!----><!--]--></a><a href="/directory/authentication" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Authentication</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/automation" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Automation</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/browser" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Browser</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/cms" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">CMS</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/community" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Community</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">13</span><!----><!--]--></a><a href="/directory/compiler" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Compiler</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/config" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Config</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/crypto" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Crypto</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/cybersecurity" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Cybersecurity</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/database" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Database</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">21</span><!----><!--]--></a><a href="/directory/design" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Design</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">29</span><!----><!--]--></a><a href="/directory/devtool" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Devtool</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">16</span><!----><!--]--></a><a href="/directory/education" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Education</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/entertainment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Entertainment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">9</span><!----><!--]--></a><a href="/directory/framework" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Framework</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">49</span><!----><!--]--></a><a href="/directory/google" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Google</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">15</span><!----><!--]--></a><a href="/directory/hardware" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hardware</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/hosting" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Hosting</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">12</span><!----><!--]--></a><a href="/directory/iac" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IaC</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/iot" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">IoT</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/language" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Language</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">36</span><!----><!--]--></a><a href="/directory/library" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Library</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">76</span><!----><!--]--></a><a href="/directory/marketplace" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Marketplace</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/microsoft" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Microsoft</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">26</span><!----><!--]--></a><a href="/directory/monorepo" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Monorepo</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">2</span><!----><!--]--></a><a href="/directory/music" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Music</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/nuxt" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Nuxt</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">6</span><!----><!--]--></a><a href="/directory/payment" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Payment</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">7</span><!----><!--]--></a><a href="/directory/platform" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Platform</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">10</span><!----><!--]--></a><a href="/directory/secrets" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Secrets</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/social" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Social</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">27</span><!----><!--]--></a><a href="/directory/software" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Software</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">201</span><!----><!--]--></a><a href="/directory/sync engine" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Sync Engine</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">1</span><!----><!--]--></a><a href="/directory/vercel" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">Vercel</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">5</span><!----><!--]--></a><a href="/directory/voidzero" class="rounded-md px-2 py-1.5 h-8 flex w-full items-center justify-between space-x-3 text-sm text-neutral-600 dark:text-neutral-400 hover:text-black dark:hover:text-white pr-3" data-sveltekit-preload-data=""><!--[--><p class="truncate">VoidZero</p> <span class="animate-in zoom-in-20 fade-in rounded-lg border bg-white px-2 py-0.5 font-mono text-xs font-medium text-neutral-600 shadow-sm dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-400 drop-shadow border-transparent">4</span><!----><!--]--></a><!--]--><!----> <!--[--><!----><!--$s8--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!----><!----><!----></div></div><!----> <!--[--><div aria-hidden="true" style="--top-fade-height: 30px; --bottom-fade-height: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-x-0 before:top-0 before:transition-[height,opacity] before:duration-300 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:transition-[height,opacity] after:duration-300 after:content-[''] before:h-(--top-fade-height) after:h-(--bottom-fade-height) before:opacity-100 after:opacity-100 before:bg-gradient-to-b before:to-transparent after:bg-gradient-to-t after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div> <div aria-hidden="true" style="--left-fade-width: 30px; --right-fade-width: 30px;" class="pointer-events-none absolute inset-0 z-10 before:absolute before:inset-y-0 before:left-0 before:transition-[width,opacity] before:duration-300 before:content-[''] after:absolute after:inset-y-0 after:right-0 after:transition-[width,opacity] after:duration-300 after:content-[''] before:w-(--left-fade-width) after:w-(--right-fade-width) before:opacity-100 after:opacity-100 before:bg-gradient-to-r before:to-transparent after:bg-gradient-to-l after:to-transparent before:from-neutral-100 after:from-neutral-100 dark:before:from-neutral-950 dark:after:from-neutral-950"></div><!--]--> <!--[--><!--[--><!----><!--$s9--><!--[--><!--[!--><!--]--><!--]--><!----><!--]--><!--]--> <!--[!--><!--]--> <!----><!--$s10--><!--[!--><!--]--><!----><!----></div><!--]--><!----><!--]--><!----></nav></aside> <main class="px-2 md:mr-4 md:ml-56 md:px-0 overflow-hidden"><!--[--><!----><h1>404</h1> <p>Not Found</p><!----><!----><!--]--></main></section><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
93
+
94
+
95
+ </div>
96
+ </body>
97
+ </html>
98
+ `;
99
+ </script>
100
+
101
+ {@html svgContent}
package/dist/index.d.ts CHANGED
@@ -114,6 +114,7 @@ export { default as DockerLogo } from './components/Docker.svelte';
114
114
  export { default as DocumensoLogo } from './components/Documenso.svelte';
115
115
  export { default as DocusLogo } from './components/Docus.svelte';
116
116
  export { default as DocusaurusLogo } from './components/Docusaurus.svelte';
117
+ export { default as DodoPaymentsLogo } from './components/DodoPayments.svelte';
117
118
  export { default as DogecoinLogo } from './components/Dogecoin.svelte';
118
119
  export { default as DotenvLogo } from './components/Dotenv.svelte';
119
120
  export { default as DotenvxLogo } from './components/Dotenvx.svelte';
@@ -150,6 +151,7 @@ export { default as FlowLauncherLogo } from './components/FlowLauncher.svelte';
150
151
  export { default as FlowbiteLogo } from './components/Flowbite.svelte';
151
152
  export { default as FlutterLogo } from './components/Flutter.svelte';
152
153
  export { default as FlyLogo } from './components/Fly.svelte';
154
+ export { default as FormanceLogo } from './components/Formance.svelte';
153
155
  export { default as FortranLogo } from './components/Fortran.svelte';
154
156
  export { default as FramerLogo } from './components/Framer.svelte';
155
157
  export { default as FreshLogo } from './components/Fresh.svelte';
@@ -168,6 +170,7 @@ export { default as GoLogo } from './components/Go.svelte';
168
170
  export { default as GoDaddyLogo } from './components/GoDaddy.svelte';
169
171
  export { default as GodotEngineLogo } from './components/GodotEngine.svelte';
170
172
  export { default as GoogleLogo } from './components/Google.svelte';
173
+ export { default as GoogleAntigravityLogo } from './components/GoogleAntigravity.svelte';
171
174
  export { default as GoogleClassroomLogo } from './components/GoogleClassroom.svelte';
172
175
  export { default as GoogleCloudLogo } from './components/GoogleCloud.svelte';
173
176
  export { default as GoogleColaboratoryLogo } from './components/GoogleColaboratory.svelte';
@@ -383,6 +386,7 @@ export { default as PrimevideoLogo } from './components/Primevideo.svelte';
383
386
  export { default as PrismaLogo } from './components/Prisma.svelte';
384
387
  export { default as ProcureLogo } from './components/Procure.svelte';
385
388
  export { default as ProductHuntLogo } from './components/ProductHunt.svelte';
389
+ export { default as ProtonMailLogo } from './components/ProtonMail.svelte';
386
390
  export { default as PulumiLogo } from './components/Pulumi.svelte';
387
391
  export { default as PutioLogo } from './components/Putio.svelte';
388
392
  export { default as PyCharmLogo } from './components/PyCharm.svelte';
package/dist/index.js CHANGED
@@ -116,6 +116,7 @@ export { default as DockerLogo } from './components/Docker.svelte';
116
116
  export { default as DocumensoLogo } from './components/Documenso.svelte';
117
117
  export { default as DocusLogo } from './components/Docus.svelte';
118
118
  export { default as DocusaurusLogo } from './components/Docusaurus.svelte';
119
+ export { default as DodoPaymentsLogo } from './components/DodoPayments.svelte';
119
120
  export { default as DogecoinLogo } from './components/Dogecoin.svelte';
120
121
  export { default as DotenvLogo } from './components/Dotenv.svelte';
121
122
  export { default as DotenvxLogo } from './components/Dotenvx.svelte';
@@ -152,6 +153,7 @@ export { default as FlowLauncherLogo } from './components/FlowLauncher.svelte';
152
153
  export { default as FlowbiteLogo } from './components/Flowbite.svelte';
153
154
  export { default as FlutterLogo } from './components/Flutter.svelte';
154
155
  export { default as FlyLogo } from './components/Fly.svelte';
156
+ export { default as FormanceLogo } from './components/Formance.svelte';
155
157
  export { default as FortranLogo } from './components/Fortran.svelte';
156
158
  export { default as FramerLogo } from './components/Framer.svelte';
157
159
  export { default as FreshLogo } from './components/Fresh.svelte';
@@ -170,6 +172,7 @@ export { default as GoLogo } from './components/Go.svelte';
170
172
  export { default as GoDaddyLogo } from './components/GoDaddy.svelte';
171
173
  export { default as GodotEngineLogo } from './components/GodotEngine.svelte';
172
174
  export { default as GoogleLogo } from './components/Google.svelte';
175
+ export { default as GoogleAntigravityLogo } from './components/GoogleAntigravity.svelte';
173
176
  export { default as GoogleClassroomLogo } from './components/GoogleClassroom.svelte';
174
177
  export { default as GoogleCloudLogo } from './components/GoogleCloud.svelte';
175
178
  export { default as GoogleColaboratoryLogo } from './components/GoogleColaboratory.svelte';
@@ -385,6 +388,7 @@ export { default as PrimevideoLogo } from './components/Primevideo.svelte';
385
388
  export { default as PrismaLogo } from './components/Prisma.svelte';
386
389
  export { default as ProcureLogo } from './components/Procure.svelte';
387
390
  export { default as ProductHuntLogo } from './components/ProductHunt.svelte';
391
+ export { default as ProtonMailLogo } from './components/ProtonMail.svelte';
388
392
  export { default as PulumiLogo } from './components/Pulumi.svelte';
389
393
  export { default as PutioLogo } from './components/Putio.svelte';
390
394
  export { default as PyCharmLogo } from './components/PyCharm.svelte';
package/package.json CHANGED
@@ -1,10 +1,14 @@
1
1
  {
2
2
  "name": "@selemondev/svgl-svelte",
3
- "version": "2.0.3",
3
+ "version": "2.0.7",
4
4
  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
5
5
  "author": "Selemondev",
6
6
  "private": false,
7
7
  "license": "MIT",
8
+ "repository": {
9
+ "type": "git",
10
+ "url": "git+https://github.com/selemondev/svgl-svelte.git"
11
+ },
8
12
  "files": [
9
13
  "dist",
10
14
  "!dist/components/*.d.ts",
@@ -65,7 +69,7 @@
65
69
  "build": "pnpm prepack",
66
70
  "preview": "vite preview",
67
71
  "generate:components": "pnpm dlx esno scripts/index.ts && pnpm format",
68
- "generate:release": "pnpm dlx changelogen@latest --release",
72
+ "generate:release": "pnpm dlx changelogen@latest --release && git push --follow-tags",
69
73
  "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
70
74
  "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
71
75
  "format": "prettier --write . && eslint . --fix",