@selemondev/svgl-svelte 2.10.0 → 2.11.0
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.
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
.map(([k, v]) => `${k}="${v}"`)
|
|
13
13
|
.join(' ');
|
|
14
14
|
return `<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
|
|
15
|
-
<g clip-path="url(#
|
|
16
|
-
<path d="M5.
|
|
17
|
-
<path d="M25.
|
|
15
|
+
<g clip-path="url(#clip0_2_448)">
|
|
16
|
+
<path d="M5.6875 0.399963H26.325C29.4125 0.399963 32.0125 2.88746 32.0125 6.08746V25.925C32.0125 29.0125 29.525 31.6125 26.325 31.6125H5.6875C2.5875 31.6 0 29.1125 0 25.925V6.07496C0 2.88746 2.4875 0.399963 5.6875 0.399963Z" fill="#B30B00"/>
|
|
17
|
+
<path d="M25.525 18.4375C24.025 16.8375 19.9375 17.5375 18.95 17.6375C17.55 16.2375 16.5625 14.65 16.1625 14.05C16.6625 12.55 17.0625 10.8625 17.0625 9.26246C17.0625 7.76246 16.4625 6.27496 14.875 6.27496C14.275 6.27496 13.775 6.57496 13.475 7.07496C12.775 8.27496 13.075 10.6625 14.175 13.15C13.575 14.95 12.575 17.6375 11.3875 19.725C9.7875 20.325 6.3 21.9125 6 23.7125C5.9 24.2125 6.1 24.8125 6.5 25.1125C6.9 25.5125 7.4 25.6125 7.9 25.6125C9.9875 25.6125 12.0875 22.725 13.5875 20.125C14.7875 19.725 16.675 19.125 18.575 18.825C20.7625 20.825 22.7625 21.1125 23.7625 21.1125C25.1625 21.1125 25.6625 20.5125 25.85 20.0125C26.1125 19.5375 25.925 18.8375 25.525 18.4375ZM24.125 19.4375C24.025 19.8375 23.525 20.2375 22.625 20.0375C21.525 19.7375 20.5375 19.2375 19.7375 18.5375C20.4375 18.4375 22.125 18.2375 23.325 18.4375C23.725 18.5375 24.225 18.8375 24.125 19.4375ZM14.45 7.47496C14.55 7.27496 14.75 7.17496 14.95 7.17496C15.45 7.17496 15.55 7.77496 15.55 8.27496C15.45 9.47496 15.25 10.7625 14.85 11.8625C14.05 9.67496 14.15 8.07496 14.45 7.47496ZM14.35 18.7375C14.85 17.8375 15.45 16.15 15.65 15.55C16.15 16.45 17.05 17.45 17.45 17.9375C17.55 17.85 15.75 18.2375 14.35 18.7375ZM10.9625 21.0375C9.575 23.225 8.275 24.625 7.475 24.625C7.375 24.625 7.175 24.625 7.075 24.525C6.975 24.325 6.875 24.125 6.975 23.925C7.075 23.125 8.675 22.025 10.9625 21.0375Z" fill="white"/>
|
|
18
18
|
</g>
|
|
19
19
|
<defs>
|
|
20
|
-
<clipPath id="
|
|
21
|
-
<rect width="32" height="
|
|
20
|
+
<clipPath id="clip0_2_448">
|
|
21
|
+
<rect width="32" height="32" fill="white"/>
|
|
22
22
|
</clipPath>
|
|
23
23
|
</defs>
|
|
24
24
|
</svg>
|
|
@@ -11,33 +11,9 @@
|
|
|
11
11
|
const restAttrs = Object.entries(rest)
|
|
12
12
|
.map(([k, v]) => `${k}="${v}"`)
|
|
13
13
|
.join(' ');
|
|
14
|
-
return `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
<stop stop-color="#FE2857" offset="21%"/>
|
|
18
|
-
<stop stop-color="#293896" offset="100%"/>
|
|
19
|
-
</linearGradient>
|
|
20
|
-
<linearGradient x1="2.3%" y1="77.1%" x2="90.7%" y2="24.1%" id="b">
|
|
21
|
-
<stop stop-color="#FE2857" offset="0%"/>
|
|
22
|
-
<stop stop-color="#FE2857" offset="1%"/>
|
|
23
|
-
<stop stop-color="#FF318C" offset="86%"/>
|
|
24
|
-
</linearGradient>
|
|
25
|
-
<linearGradient x1="6.3%" y1="13.9%" x2="94.6%" y2="87.7%" id="c">
|
|
26
|
-
<stop stop-color="#FF318C" offset="2%"/>
|
|
27
|
-
<stop stop-color="#FE2857" offset="21%"/>
|
|
28
|
-
<stop stop-color="#FDB60D" offset="86%"/>
|
|
29
|
-
</linearGradient>
|
|
30
|
-
<linearGradient x1="91.1%" y1="27.7%" x2="2%" y2="68.6%" id="d">
|
|
31
|
-
<stop stop-color="#FDB60D" offset="1%"/>
|
|
32
|
-
<stop stop-color="#FCF84A" offset="86%"/>
|
|
33
|
-
</linearGradient>
|
|
34
|
-
</defs>
|
|
35
|
-
<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)"/>
|
|
36
|
-
<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)"/>
|
|
37
|
-
<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)"/>
|
|
38
|
-
<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)"/>
|
|
39
|
-
<path d="M75.8 76.9h102.5v102.4H75.8z"/>
|
|
40
|
-
<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"/>
|
|
14
|
+
return `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}>
|
|
15
|
+
<path d="M0 0h256v256H0z"/>
|
|
16
|
+
<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"/>
|
|
41
17
|
</svg>
|
|
42
18
|
`;
|
|
43
19
|
};
|
|
@@ -11,92 +11,7 @@
|
|
|
11
11
|
const restAttrs = Object.entries(rest)
|
|
12
12
|
.map(([k, v]) => `${k}="${v}"`)
|
|
13
13
|
.join(' ');
|
|
14
|
-
return
|
|
15
|
-
<html lang="en">
|
|
16
|
-
<head>
|
|
17
|
-
<meta charset="utf-8" />
|
|
18
|
-
<meta name="viewport" content="width=device-width" />
|
|
19
|
-
<meta name="robots" content="index, follow" />
|
|
20
|
-
<meta name="author" content="@pheralb_" />
|
|
21
|
-
<meta name="description" content="A beautiful library with SVG logos" />
|
|
22
|
-
|
|
23
|
-
<!-- Favicon -->
|
|
24
|
-
<link
|
|
25
|
-
rel="icon"
|
|
26
|
-
type="image/svg+xml"
|
|
27
|
-
href="../images/svgl_svg.svg"
|
|
28
|
-
/>
|
|
29
|
-
<link
|
|
30
|
-
rel="icon"
|
|
31
|
-
type="image/ico"
|
|
32
|
-
href="../images/svgl_ico.ico"
|
|
33
|
-
/>
|
|
34
|
-
|
|
35
|
-
<!-- OG Images -->
|
|
36
|
-
<meta property="og:type" content="website" />
|
|
37
|
-
<meta property="og:title" content="SVGL" />
|
|
38
|
-
<meta
|
|
39
|
-
property="og:description"
|
|
40
|
-
content="A beautiful library with SVG logos"
|
|
41
|
-
/>
|
|
42
|
-
<meta property="og:url" content="https://svgl.app" />
|
|
43
|
-
<meta
|
|
44
|
-
property="og:image"
|
|
45
|
-
content="https://svgl.app/images/screenshot_dark.png"
|
|
46
|
-
/>
|
|
47
|
-
|
|
48
|
-
<!-- Twitter -->
|
|
49
|
-
<meta name="twitter:card" content="summary_large_image" />
|
|
50
|
-
<meta name="twitter:title" content="SVGL" />
|
|
51
|
-
<meta
|
|
52
|
-
name="twitter:description"
|
|
53
|
-
content="A beautiful library with SVG logos"
|
|
54
|
-
/>
|
|
55
|
-
<meta name="twitter:creator" content="@pheralb_" />
|
|
56
|
-
<meta
|
|
57
|
-
name="twitter:image"
|
|
58
|
-
content="https://svgl.app/images/screenshot_dark.png"
|
|
59
|
-
/>
|
|
60
|
-
|
|
61
|
-
<!-- Preload Fonts -->
|
|
62
|
-
<link
|
|
63
|
-
rel="preload"
|
|
64
|
-
href="../fonts/Geist.woff2"
|
|
65
|
-
as="font"
|
|
66
|
-
type="font/woff2"
|
|
67
|
-
crossorigin="anonymous"
|
|
68
|
-
/>
|
|
69
|
-
<link
|
|
70
|
-
rel="preload"
|
|
71
|
-
href="../fonts/GeistMono.woff2"
|
|
72
|
-
as="font"
|
|
73
|
-
type="font/woff2"
|
|
74
|
-
crossorigin="anonymous"
|
|
75
|
-
/>
|
|
76
|
-
|
|
77
|
-
<!-- Manifest -->
|
|
78
|
-
<link rel="manifest" href="../manifest.json" />
|
|
79
|
-
|
|
80
|
-
<!-- Analytics -->
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
<!-- Title -->
|
|
84
|
-
<title>A beautiful library with SVG logos - SVGL</title>
|
|
85
|
-
<!--ya9606--><!--[-1--><!--]--> <!----><!----><!---->
|
|
86
|
-
<link href="../_app/immutable/assets/scroll-area.QE5ZuEV4.css" rel="stylesheet">
|
|
87
|
-
<link href="../_app/immutable/assets/0.3cK0CiBq.css" rel="stylesheet">
|
|
88
|
-
</head>
|
|
89
|
-
<body
|
|
90
|
-
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"
|
|
91
|
-
data-sveltekit-preload-data="hover"
|
|
92
|
-
>
|
|
93
|
-
<div style="display: contents"><!--[--><!--[0--><!--[--><!--[-1--><!--]--><!----> <section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-8n95zt"><!--[-1--><!--]--></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--><!--[-1--><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 [&_svg]:pointer-events-none [&_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" aria-hidden="true" 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><!--]--><!--]--><!--]--> <!--[--><!--[--><!--[-1--><!--]--><!--]--><!--]--><!----><!--]--><!----> <!--[--><!--[--><!--[-1--><div data-slot="context-menu-trigger" id="bits-172734" 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"><!--[0--><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><!--]--><!----><!--]--><!--]--><!----> <!--[--><!--[-1--><!--]--><!--]--><!----><!----><!----><!----></div> <div class="flex h-5 items-center space-x-2.5"><div class="flex items-center space-x-1.5"><a href="https://github.com/sponsors/pheralb" title="Sponsor me on GitHub" 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 [&_svg]:pointer-events-none [&_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"><!--[0--><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" aria-hidden="true" class="lucide-icon lucide lucide-heart-handshake"><!--[--><!----><path d="M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762"><!----></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 [&_svg]:pointer-events-none [&_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" aria-hidden="true" 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" aria-hidden="true" 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--><!--[-1--><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 [&_svg]:pointer-events-none [&_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" aria-hidden="true" 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><!--]--><!--]--><!----> <!--[--><!--[-1--><!--]--><!--]--><!----><!----><!----></div> <div class="hidden h-5 items-center space-x-2 md:flex"><!--[--><!--$s3--><!--[-1--><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="View on GitHub (5,000 stars)" 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 dark:focus-visible:ring-neutral-700 hover:text-neutral-900 dark:hover:text-neutral-50 h-9 py-2 w-fit px-2.5 hover:bg-neutral-200 dark:hover:bg-neutral-800"><!--[0--><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="font-mono text-sm tracking-tight text-neutral-600 dark:text-neutral-400">5.0k</span><!----><!--]--></a><!----> <!--[--><!--$s4--><!--[-1--><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 [&_svg]:pointer-events-none [&_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"><!--[0--><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=""><!--[0--><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" aria-hidden="true" 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=""><!--[0--><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" aria-hidden="true" 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> <!--[-1--><!--]--><!----><!--]--></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=""><!--[0--><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" aria-hidden="true" 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=""><!--[0--><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=""><!--[0--><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" aria-hidden="true" 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"><!--[0--><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" aria-hidden="true" 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"><!--[0--><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--><!--[-1--><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"><!--[-1--><!--[--><!--$s6--><!--[-1--><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-172735" 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=""><!--[0--><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">64</span><!----><!--]--></a><a href="/directory/adobe" 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=""><!--[0--><p class="truncate">Adobe</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">56</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=""><!--[0--><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">6</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=""><!--[0--><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=""><!--[0--><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">4</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=""><!--[0--><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=""><!--[0--><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">13</span><!----><!--]--></a><a href="/directory/communications" 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=""><!--[0--><p class="truncate">Communications</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/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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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">22</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=""><!--[0--><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=""><!--[0--><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">23</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=""><!--[0--><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">61</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=""><!--[0--><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">24</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=""><!--[0--><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">13</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=""><!--[0--><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">34</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=""><!--[0--><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=""><!--[0--><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">22</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=""><!--[0--><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=""><!--[0--><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">15</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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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=""><!--[0--><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">10</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=""><!--[0--><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">27</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=""><!--[0--><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=""><!--[0--><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">6</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=""><!--[0--><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=""><!--[0--><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">8</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=""><!--[0--><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">24</span><!----><!--]--></a><a href="/directory/privacy" 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=""><!--[0--><p class="truncate">Privacy</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/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=""><!--[0--><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=""><!--[0--><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">28</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=""><!--[0--><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">280</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=""><!--[0--><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/themes" 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=""><!--[0--><p class="truncate">Themes</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=""><!--[0--><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=""><!--[0--><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">5</span><!----><!--]--></a><!--]--><!----> <!--[0--><!--[--><!--$s8--><!--[0--><!--[-1--><!--]--><!--]--><!--]--><!--]--><!----><!----><!----></div></div><!--]--> <!--[0--><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><!--]--> <!--[0--><!--[0--><!--[--><!--$s9--><!--[0--><!--[-1--><!--]--><!--]--><!--]--><!--]--><!--]--> <!--[-1--><!--]--> <!--[--><!--$s10--><!--[-1--><!--]--><!--]--><!----></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><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
</div>
|
|
97
|
-
</body>
|
|
98
|
-
</html>
|
|
99
|
-
`;
|
|
14
|
+
return `<svg xmlns="http://www.w3.org/2000/svg" style="flex:none;line-height:1" viewBox="0 0 24 24" width="${width}" height="${height}" ${restAttrs}><title>LangChain</title><path fill="#7fc8ff" d="M7.531 15.976a7.534 7.534 0 0 0 0-10.651L2.206 0A7.54 7.54 0 0 0 0 5.326c0 1.996.794 3.913 2.206 5.325zm11.143.493a7.535 7.535 0 0 0-10.65 0l5.325 5.325a7.536 7.536 0 0 0 10.651 0zM2.218 21.782a7.54 7.54 0 0 0 5.326 2.206v-7.531H.012c0 1.996.795 3.914 2.206 5.325M20.73 8.595a7.534 7.534 0 0 0-10.651.001l5.325 5.326z"/></svg>`;
|
|
100
15
|
};
|
|
101
16
|
</script>
|
|
102
17
|
|
|
@@ -0,0 +1,18 @@
|
|
|
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 svgContent = () => {
|
|
11
|
+
const restAttrs = Object.entries(rest)
|
|
12
|
+
.map(([k, v]) => `${k}="${v}"`)
|
|
13
|
+
.join(' ');
|
|
14
|
+
return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 918 833" fill="none" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><g clip-path="url(#b)"><path fill="url(#c)" fill-rule="evenodd" d="M369.025 783.591c34.894 62.73 124.503 66.127 164.12 6.222l369.402-558.581c39.174-59.236 1.693-138.655-69.246-146.726L107.232 1.892C29.822-6.916-25.294 74.708 12.358 142.396z" clip-rule="evenodd"/><path fill="url(#d)" d="m389.854 725.08 32.784-48.898L671.66 300.021c21.773-32.888.992-77.007-38.401-81.53L15.25 147.539l320.146 575.543c11.684 20.599 41.227 21.732 54.458 1.998"/></g></g><defs><linearGradient id="c" x1="830.496" x2="239.715" y1="783.548" y2="-235.266" gradientUnits="userSpaceOnUse"><stop offset=".066" stop-color="#8effee"/><stop offset=".45" stop-color="#c9c7ff"/><stop offset="1" stop-color="#7341ff"/></linearGradient><linearGradient id="d" x1="884.537" x2="57.242" y1="-908.44" y2="861.083" gradientUnits="userSpaceOnUse"><stop offset=".48" stop-color="#6d4aff"/><stop offset=".994" stop-color="#00f0c3"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h918v833H0z"/></clipPath><clipPath id="b"><path fill="#fff" d="M.227 1.234h918.147v831.53H.227z"/></clipPath></defs></svg>`;
|
|
15
|
+
};
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
{@html svgContent()}
|
package/dist/index.d.ts
CHANGED
|
@@ -456,6 +456,7 @@ export { default as SvglPrismaLogo } from './components/Prisma.svelte';
|
|
|
456
456
|
export { default as SvglProcureLogo } from './components/Procure.svelte';
|
|
457
457
|
export { default as SvglProductHuntLogo } from './components/ProductHunt.svelte';
|
|
458
458
|
export { default as SvglProtonMailLogo } from './components/ProtonMail.svelte';
|
|
459
|
+
export { default as SvglProtonVPNLogo } from './components/ProtonVPN.svelte';
|
|
459
460
|
export { default as SvglPulumiLogo } from './components/Pulumi.svelte';
|
|
460
461
|
export { default as SvglPutioLogo } from './components/Putio.svelte';
|
|
461
462
|
export { default as SvglPyCharmLogo } from './components/PyCharm.svelte';
|
package/dist/index.js
CHANGED
|
@@ -458,6 +458,7 @@ export { default as SvglPrismaLogo } from './components/Prisma.svelte';
|
|
|
458
458
|
export { default as SvglProcureLogo } from './components/Procure.svelte';
|
|
459
459
|
export { default as SvglProductHuntLogo } from './components/ProductHunt.svelte';
|
|
460
460
|
export { default as SvglProtonMailLogo } from './components/ProtonMail.svelte';
|
|
461
|
+
export { default as SvglProtonVPNLogo } from './components/ProtonVPN.svelte';
|
|
461
462
|
export { default as SvglPulumiLogo } from './components/Pulumi.svelte';
|
|
462
463
|
export { default as SvglPutioLogo } from './components/Putio.svelte';
|
|
463
464
|
export { default as SvglPyCharmLogo } from './components/PyCharm.svelte';
|