@selemondev/svgl-svelte 2.12.0 → 2.13.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_253)">
|
|
16
|
+
<path d="M5.66065 0H26.3393C29.4585 0 32 2.54152 32 5.66065V25.5307C32 28.6498 29.4585 31.1913 26.3393 31.1913H5.66065C2.54152 31.1913 0 28.6498 0 25.5307V5.66065C0 2.54152 2.54152 0 5.66065 0Z" fill="#808080"/>
|
|
17
|
+
<path d="M25.6462 18.0794C24.1444 16.4621 19.9856 17.1552 19.0614 17.2707C17.6173 15.8845 16.6354 14.2094 16.2888 13.6318C16.8087 12.0722 17.1552 10.4549 17.213 8.83753C17.213 7.39349 16.6354 5.83392 15.0181 5.83392C14.4404 5.83392 13.9206 6.18049 13.6318 6.64259C12.9386 7.85558 13.2274 10.2816 14.3249 12.7653C13.6895 14.6137 12.7654 17.213 11.4946 19.3502C9.81951 19.9855 6.29604 21.6029 5.94947 23.4513C5.83395 23.9711 6.00723 24.491 6.41156 24.8953C6.8159 25.2419 7.33575 25.4152 7.85561 25.4152C9.99279 25.4152 12.0722 22.4693 13.5163 19.9278C14.7293 19.5235 16.6354 18.9458 18.5415 18.5993C20.7942 20.5632 22.7581 20.852 23.7978 20.852C25.1841 20.852 25.704 20.2744 25.8773 19.7545C26.1661 19.1769 26.0506 18.5415 25.6462 18.0794ZM24.1444 19.0614C24.0867 19.4657 23.5668 19.87 22.6426 19.639C21.5451 19.3502 20.5632 18.8303 19.6968 18.1372C20.4477 18.0216 22.1228 17.8484 23.3358 18.0794C23.7978 18.1949 24.2599 18.426 24.1444 19.0614ZM14.4982 7.16244C14.6137 6.98916 14.787 6.87363 14.9603 6.87363C15.4802 6.87363 15.5957 7.50901 15.5957 8.02887C15.5379 9.24187 15.2491 10.5126 14.9025 11.6101C14.0361 9.29963 14.1516 7.6823 14.4982 7.16244ZM14.3827 18.3682C14.8448 17.444 15.4802 15.8267 15.7112 15.1336C16.2311 16 17.0975 17.0397 17.5596 17.5596C17.5596 17.5596 15.769 17.9061 14.3827 18.3682ZM10.9747 20.6787C9.58846 22.8736 8.25994 24.2599 7.50904 24.2599C7.39351 24.2599 7.27799 24.2022 7.16247 24.1444C6.98918 24.0289 6.93142 23.8556 6.98918 23.6245C7.16247 22.8159 8.66427 21.7184 10.9747 20.6787Z" fill="white"/>
|
|
18
18
|
</g>
|
|
19
19
|
<defs>
|
|
20
|
-
<clipPath id="
|
|
21
|
-
<rect width="32" height="
|
|
20
|
+
<clipPath id="clip0_2_253">
|
|
21
|
+
<rect width="32" height="31.1913" fill="white"/>
|
|
22
22
|
</clipPath>
|
|
23
23
|
</defs>
|
|
24
24
|
</svg>
|
|
@@ -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
|
|
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';
|
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';
|