@selemondev/svgl-svelte 2.13.0 → 2.15.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.
|
@@ -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" fill="none" viewBox="0 0 240 240" width="${width}" height="${height}" ${restAttrs}><path fill="#000" d="M84.469 11c26.97 0 50.449 14.979 62.617 37.09-35.686 4.006-63.43 34.358-63.43 71.206v34.199L84.875 228 13 157.567v-75.32l.002.003C13.22 42.862 45.132 11 84.47 11m71.061 71.655c39.061 0 70.801 31.416 71.457 70.421l.012.012v74.505l-71.875-70.434z"/></svg>`;
|
|
15
|
+
};
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
{@html svgContent()}
|
|
@@ -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
|
};
|
|
@@ -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 2048 2048" width="${width}" height="${height}" ${restAttrs}><path fill="#1f2223" d="M849.698 475.824c41.409.917 85.138.189 126.682.178l233.7-.026c48.94-.015 101.36-.92 149.75.896 67.96 2.549 146.05 21.421 192.18 74.314 56.76 65.078 62.63 151.287 60.97 233.357-.56 27.473.53 54.204-1.18 82.01-4.59 79.225-31.8 161.977-104.24 204.207-64.45 37.58-135.93 37.2-207.73 37.18l-113.55-.05-372.392.02c-30.744-.08-65.786-1.91-96.012 2.21-35.05 4.78-40.995 43.31-40.437 72.82.822 43.56-3.377 90.83 3.595 134.05 6.823 39.59 60.856 34.94 90.83 34.97l73.142.08c-1.165-68.36.42-138.53-.181-207.21 59.225-.7 123.24 1.66 181.945-.65-1.29 9.27-.74 33.98-.74 43.95l.06 86.01-.05 287.11c-.12 1.36.06.55-1.01 2.29-6.09.87-27.396.21-34.366.15q-32.917-.285-65.835-.18l-129.118-.02c-97.081.1-203.037 2.22-273.211-78.56-43.325-49.86-57.733-116.3-61.246-180.6-1.023-18.72.113-38.02-.338-56.79-2.926-101.53 6.468-227.2 100.622-288.212 62.291-40.362 139.745-40.346 210.998-40.449l114.293.054 371.861-.121c27.91-.072 55.92.322 83.8-.457 11.83-.331 26.86-4.339 35.97-11.98 17.86-14.983 17.65-43.315 18.2-64.748.45-18.754.68-37.514.68-56.274-.05-35.823 4.51-98.333-44.07-102.759-31.07-2.83-64.37-1.677-95.69-1.631q-97.785.445-195.57-.2l.02 202.087c-21.32-1.459-55.18-.633-76.949-.602l-135 .009c-1.304-135.189 1.217-271.169-.383-406.433"/></svg>`;
|
|
15
|
+
};
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
{@html svgContent()}
|
package/dist/index.d.ts
CHANGED
|
@@ -224,6 +224,7 @@ export { default as SvglGradioLogo } from './components/Gradio.svelte';
|
|
|
224
224
|
export { default as SvglGrafanaLogo } from './components/Grafana.svelte';
|
|
225
225
|
export { default as SvglGranolaLogo } from './components/Granola.svelte';
|
|
226
226
|
export { default as SvglGraphQLLogo } from './components/GraphQL.svelte';
|
|
227
|
+
export { default as SvglGridaLogo } from './components/Grida.svelte';
|
|
227
228
|
export { default as SvglGrokLogo } from './components/Grok.svelte';
|
|
228
229
|
export { default as SvglGroqLogo } from './components/Groq.svelte';
|
|
229
230
|
export { default as SvglHCaptchaLogo } from './components/HCaptcha.svelte';
|
|
@@ -444,6 +445,7 @@ export { default as SvglPostCSSLogo } from './components/PostCSS.svelte';
|
|
|
444
445
|
export { default as SvglPostHogLogo } from './components/PostHog.svelte';
|
|
445
446
|
export { default as SvglPostgreSQLLogo } from './components/PostgreSQL.svelte';
|
|
446
447
|
export { default as SvglPostmanLogo } from './components/Postman.svelte';
|
|
448
|
+
export { default as SvglPostquedLogo } from './components/Postqued.svelte';
|
|
447
449
|
export { default as SvglPowerShellLogo } from './components/PowerShell.svelte';
|
|
448
450
|
export { default as SvglPowerSyncLogo } from './components/PowerSync.svelte';
|
|
449
451
|
export { default as SvglPowerToysLogo } from './components/PowerToys.svelte';
|
package/dist/index.js
CHANGED
|
@@ -226,6 +226,7 @@ export { default as SvglGradioLogo } from './components/Gradio.svelte';
|
|
|
226
226
|
export { default as SvglGrafanaLogo } from './components/Grafana.svelte';
|
|
227
227
|
export { default as SvglGranolaLogo } from './components/Granola.svelte';
|
|
228
228
|
export { default as SvglGraphQLLogo } from './components/GraphQL.svelte';
|
|
229
|
+
export { default as SvglGridaLogo } from './components/Grida.svelte';
|
|
229
230
|
export { default as SvglGrokLogo } from './components/Grok.svelte';
|
|
230
231
|
export { default as SvglGroqLogo } from './components/Groq.svelte';
|
|
231
232
|
export { default as SvglHCaptchaLogo } from './components/HCaptcha.svelte';
|
|
@@ -446,6 +447,7 @@ export { default as SvglPostCSSLogo } from './components/PostCSS.svelte';
|
|
|
446
447
|
export { default as SvglPostHogLogo } from './components/PostHog.svelte';
|
|
447
448
|
export { default as SvglPostgreSQLLogo } from './components/PostgreSQL.svelte';
|
|
448
449
|
export { default as SvglPostmanLogo } from './components/Postman.svelte';
|
|
450
|
+
export { default as SvglPostquedLogo } from './components/Postqued.svelte';
|
|
449
451
|
export { default as SvglPowerShellLogo } from './components/PowerShell.svelte';
|
|
450
452
|
export { default as SvglPowerSyncLogo } from './components/PowerSync.svelte';
|
|
451
453
|
export { default as SvglPowerToysLogo } from './components/PowerToys.svelte';
|