@selemondev/svgl-svelte 2.12.0 → 2.14.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,19 @@
|
|
|
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 viewBox="0 0 115 174" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g fill="#282423" stroke="#282423"><path d="M4.6 63.7H22.4V37.3H4.6C3.6 37.3 2.8 38.1 2.8 39V61.9C2.8 62.9 3.6 63.7 4.6 63.7Z"/><path d="M36.6 63.7H18.8V37.3H36.6C37.6 37.3 38.4 38.1 38.4 39V61.9C38.4 62.9 37.6 63.7 36.6 63.7Z"/><path d="M4.6 100.3H22.4V73.8H4.6C3.6 73.8 2.8 74.6 2.8 75.6V98.5C2.8 99.5 3.6 100.3 4.6 100.3Z"/><path d="M36.6 100.3H18.8V73.8H36.6C37.6 73.8 38.4 74.6 38.4 75.6V98.5C38.4 99.5 37.6 100.3 36.6 100.3Z"/><path d="M4.6 136.9H22.4V110.4H4.6C3.6 110.4 2.8 111.2 2.8 112.2V135.1C2.8 136.1 3.6 136.9 4.6 136.9Z"/><path d="M36.6 136.9H18.8V110.4H36.6C37.6 110.4 38.4 111.2 38.4 112.2V135.1C38.4 136.1 37.6 136.9 36.6 136.9Z"/><path d="M22.9 173.5H40.7V147H22.9C21.9 147 21.1 147.8 21.1 148.8V171.7C21.1 172.7 21.9 173.5 22.9 173.5Z"/><path d="M37.1 173.5V147H59V173.5H37.1Z"/><path d="M55.4 173.5V147H77.3V173.5H55.4Z"/><path d="M91.5 173.5H73.7V147H91.5C92.5 147 93.3 147.8 93.3 148.8V171.7C93.3 172.7 92.5 173.5 91.5 173.5Z"/><path d="M77.8 136.9H95.6V110.4H77.8C76.8 110.4 76 111.2 76 112.2V135.1C76 136.1 76.8 136.9 77.8 136.9Z"/><path d="M109.8 136.9H92V110.4H109.8C110.8 110.4 111.6 111.2 111.6 112.2V135.1C111.6 136.1 110.8 136.9 109.8 136.9Z"/><path d="M22.9 27.1H40.7V0.7H22.9C21.9 0.7 21.1 1.5 21.1 2.4V25.3C21.1 26.3 21.9 27.1 22.9 27.1Z"/><path d="M37.1 27.1V0.7H59V27.1H37.1Z"/><path d="M55.4 27.1V0.7H77.3V27.1H55.4Z"/><path d="M73.7 27.1V0.7H95.6V27.1H73.7Z"/><path d="M109.8 27.1H92V0.7H109.8C110.8 0.7 111.6 1.5 111.6 2.4V25.3C111.6 26.3 110.8 27.1 109.8 27.1Z"/><path d="M77.8 63.7H95.6V37.3H77.8C76.8 37.3 76 38.1 76 39V61.9C76 62.9 76.8 63.7 77.8 63.7Z"/><path d="M109.8 63.7H92V37.3H109.8C110.8 37.3 111.6 38.1 111.6 39V61.9C111.6 62.9 110.8 63.7 109.8 63.7Z"/></g></svg>
|
|
15
|
+
`;
|
|
16
|
+
};
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
{@html svgContent()}
|
|
@@ -11,7 +11,11 @@
|
|
|
11
11
|
const restAttrs = Object.entries(rest)
|
|
12
12
|
.map(([k, v]) => `${k}="${v}"`)
|
|
13
13
|
.join(' ');
|
|
14
|
-
return `<svg viewBox="0 0
|
|
14
|
+
return `<svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
|
|
15
|
+
<title>Neon</title>
|
|
16
|
+
<path d="M63 0.0177909V63.5526L38.4178 42.2501V63.5526H0V0L63 0.0177909ZM7.72251 55.8389H30.6953V25.3238L55.2779 47.0476V7.72922L7.72251 7.71559V55.8389Z" fill="#37C38F"/>
|
|
17
|
+
</svg>
|
|
18
|
+
`;
|
|
15
19
|
};
|
|
16
20
|
</script>
|
|
17
21
|
|
|
@@ -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
|
@@ -107,6 +107,7 @@ export { default as SvglCohereLogo } from './components/Cohere.svelte';
|
|
|
107
107
|
export { default as SvglCoinbaseLogo } from './components/Coinbase.svelte';
|
|
108
108
|
export { default as SvglColdFusionLogo } from './components/ColdFusion.svelte';
|
|
109
109
|
export { default as SvglColdFusionBuilderLogo } from './components/ColdFusionBuilder.svelte';
|
|
110
|
+
export { default as SvglConductorLogo } from './components/Conductor.svelte';
|
|
110
111
|
export { default as SvglConnectLogo } from './components/Connect.svelte';
|
|
111
112
|
export { default as SvglConvexLogo } from './components/Convex.svelte';
|
|
112
113
|
export { default as SvglCourseraLogo } from './components/Coursera.svelte';
|
|
@@ -443,6 +444,7 @@ export { default as SvglPostCSSLogo } from './components/PostCSS.svelte';
|
|
|
443
444
|
export { default as SvglPostHogLogo } from './components/PostHog.svelte';
|
|
444
445
|
export { default as SvglPostgreSQLLogo } from './components/PostgreSQL.svelte';
|
|
445
446
|
export { default as SvglPostmanLogo } from './components/Postman.svelte';
|
|
447
|
+
export { default as SvglPostquedLogo } from './components/Postqued.svelte';
|
|
446
448
|
export { default as SvglPowerShellLogo } from './components/PowerShell.svelte';
|
|
447
449
|
export { default as SvglPowerSyncLogo } from './components/PowerSync.svelte';
|
|
448
450
|
export { default as SvglPowerToysLogo } from './components/PowerToys.svelte';
|
package/dist/index.js
CHANGED
|
@@ -109,6 +109,7 @@ export { default as SvglCohereLogo } from './components/Cohere.svelte';
|
|
|
109
109
|
export { default as SvglCoinbaseLogo } from './components/Coinbase.svelte';
|
|
110
110
|
export { default as SvglColdFusionLogo } from './components/ColdFusion.svelte';
|
|
111
111
|
export { default as SvglColdFusionBuilderLogo } from './components/ColdFusionBuilder.svelte';
|
|
112
|
+
export { default as SvglConductorLogo } from './components/Conductor.svelte';
|
|
112
113
|
export { default as SvglConnectLogo } from './components/Connect.svelte';
|
|
113
114
|
export { default as SvglConvexLogo } from './components/Convex.svelte';
|
|
114
115
|
export { default as SvglCourseraLogo } from './components/Coursera.svelte';
|
|
@@ -445,6 +446,7 @@ export { default as SvglPostCSSLogo } from './components/PostCSS.svelte';
|
|
|
445
446
|
export { default as SvglPostHogLogo } from './components/PostHog.svelte';
|
|
446
447
|
export { default as SvglPostgreSQLLogo } from './components/PostgreSQL.svelte';
|
|
447
448
|
export { default as SvglPostmanLogo } from './components/Postman.svelte';
|
|
449
|
+
export { default as SvglPostquedLogo } from './components/Postqued.svelte';
|
|
448
450
|
export { default as SvglPowerShellLogo } from './components/PowerShell.svelte';
|
|
449
451
|
export { default as SvglPowerSyncLogo } from './components/PowerSync.svelte';
|
|
450
452
|
export { default as SvglPowerToysLogo } from './components/PowerToys.svelte';
|