@selemondev/svgl-svelte 2.14.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.
|
@@ -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,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
|
};
|
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';
|
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';
|