@selemondev/svgl-svelte 2.16.0 → 2.17.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,7 +11,7 @@
|
|
|
11
11
|
const restAttrs = Object.entries(rest)
|
|
12
12
|
.map(([k, v]) => `${k}="${v}"`)
|
|
13
13
|
.join(' ');
|
|
14
|
-
return `<svg
|
|
14
|
+
return `<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="${width}" height="${height}" ${restAttrs}><path d="M236.5.6C233.8.8 225.4 1.9 218 3 147 13.5 83.2 54.1 42.8 114.5c-40.7 60.9-53 138.1-33.3 209.8C26.1 385.1 66 438.4 121 473.4c9.8 6.2 34.9 18.5 47.3 23 13.7 5.1 34.1 10.2 50.9 12.7 20.4 3.2 53.2 3.2 73.6 0 28.2-4.3 50.2-11.2 75.7-23.6 24.8-12.1 45.1-26.4 64.9-45.5 59.9-58.1 87.9-139.8 75.7-221.5C498.5 147 458 83.3 397.5 42.8c-29.9-20-66.2-34-103-39.8-12.7-2-45.9-3.4-58-2.4zM400.8 175c16.1 1.7 43.2 8.2 43.2 10.4 0 .9-12 38.8-12.4 39.3-.1.1-3.7-.9-7.9-2.2-20.3-6.2-46.9-7.7-67.5-3.6C293 231.3 245.1 283.7 238 348.1c-1.4 13-2.4 16.2-6.3 20.6-7.7 8.7-21.3 9.6-29.6 2-3.1-2.9-7.1-11.4-7.1-15.2 0-6.4-4.2-20.4-9-30-10.1-20.2-26.1-34.1-48-41.7-9-3-10.3-3.2-24-3.3-11.4 0-16.1.4-22 2-4.1 1.1-7.9 2-8.4 2s-3.7-8.8-7.2-19.5c-4.5-14-6-19.7-5.1-20.2 1.8-1.1 16-4.8 23-6 9.7-1.6 32-1.3 41.2.7 26.5 5.6 46.7 16.5 65.6 35.6l10.6 10.7 3.2-6.7c8.7-17.7 21.4-35.2 35.9-49.8 39.6-39.9 95.3-60.1 150-54.3z"/></svg>`;
|
|
15
15
|
};
|
|
16
16
|
</script>
|
|
17
17
|
|
|
@@ -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,37 @@
|
|
|
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 46 60" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
|
|
15
|
+
<g clip-path="url(#clip0_547_9)">
|
|
16
|
+
<path d="M45.2456 22.6027C44.1545 33.0584 35.0129 40.83 24.5003 40.83H20.4525V50.4C20.4525 55.7019 16.1545 60 10.8525 60H3.35999C1.50432 60 0 58.4956 0 56.64V36.9375L5.03807 29.8688C5.94988 28.5895 7.62603 28.1121 9.07506 28.719L11.9408 29.9193C13.3853 30.5243 15.0562 30.0488 15.9656 28.7738L22.6828 19.3567C23.5899 18.0849 25.2572 17.6116 26.6972 18.2169L32.2171 20.5373C33.6601 21.144 35.3308 20.6693 36.2394 19.3946L42.6988 10.332C44.7236 13.8918 45.7133 18.1208 45.2456 22.6027Z" fill="url(#paint0_linear_547_9)"/>
|
|
17
|
+
<path d="M3.29209 28.8726C4.11538 27.7175 5.313 26.8291 6.70596 26.5612C7.79212 26.3523 8.86287 26.4619 9.85321 26.8767L12.7182 28.0767C12.8833 28.1458 13.0571 28.1808 13.2347 28.1808C13.6713 28.1808 14.0835 27.9684 14.3373 27.6125L20.9316 18.3677C21.7547 17.2137 22.952 16.3267 24.344 16.0594C25.4262 15.8516 26.4904 15.9605 27.4723 16.3732L32.9921 18.6937C33.1587 18.7637 33.3339 18.7992 33.5128 18.7992C33.948 18.7992 34.3585 18.5878 34.6108 18.2338L41.53 8.52606C37.8272 3.36444 31.7802 0 24.945 0H3.35999C1.50432 0 0 1.50432 0 3.35999V33.4916L3.29209 28.8726Z" fill="url(#paint1_linear_547_9)"/>
|
|
18
|
+
</g>
|
|
19
|
+
<defs>
|
|
20
|
+
<linearGradient id="paint0_linear_547_9" x1="14.8413" y1="22.5436" x2="27.4731" y2="44.6493" gradientUnits="userSpaceOnUse">
|
|
21
|
+
<stop stop-color="#909CF7"/>
|
|
22
|
+
<stop offset="1" stop-color="#4B38D8"/>
|
|
23
|
+
</linearGradient>
|
|
24
|
+
<linearGradient id="paint1_linear_547_9" x1="7.98379" y1="-1.35829" x2="21.001" y2="21.4218" gradientUnits="userSpaceOnUse">
|
|
25
|
+
<stop stop-color="#909CF7"/>
|
|
26
|
+
<stop offset="1" stop-color="#4B38D8"/>
|
|
27
|
+
</linearGradient>
|
|
28
|
+
<clipPath id="clip0_547_9">
|
|
29
|
+
<rect width="46" height="60" fill="white"/>
|
|
30
|
+
</clipPath>
|
|
31
|
+
</defs>
|
|
32
|
+
</svg>
|
|
33
|
+
`;
|
|
34
|
+
};
|
|
35
|
+
</script>
|
|
36
|
+
|
|
37
|
+
{@html svgContent()}
|
package/dist/index.d.ts
CHANGED
|
@@ -433,6 +433,7 @@ export { default as SvglPitchLogo } from './components/Pitch.svelte';
|
|
|
433
433
|
export { default as SvglPlainSignalLogo } from './components/PlainSignal.svelte';
|
|
434
434
|
export { default as SvglPlanetScaleLogo } from './components/PlanetScale.svelte';
|
|
435
435
|
export { default as SvglPlatziLogo } from './components/Platzi.svelte';
|
|
436
|
+
export { default as SvglPlausibleAnalyticsLogo } from './components/PlausibleAnalytics.svelte';
|
|
436
437
|
export { default as SvglPlayStationLogo } from './components/PlayStation.svelte';
|
|
437
438
|
export { default as SvglPlaywrightLogo } from './components/Playwright.svelte';
|
|
438
439
|
export { default as SvglPnpmLogo } from './components/Pnpm.svelte';
|
package/dist/index.js
CHANGED
|
@@ -435,6 +435,7 @@ export { default as SvglPitchLogo } from './components/Pitch.svelte';
|
|
|
435
435
|
export { default as SvglPlainSignalLogo } from './components/PlainSignal.svelte';
|
|
436
436
|
export { default as SvglPlanetScaleLogo } from './components/PlanetScale.svelte';
|
|
437
437
|
export { default as SvglPlatziLogo } from './components/Platzi.svelte';
|
|
438
|
+
export { default as SvglPlausibleAnalyticsLogo } from './components/PlausibleAnalytics.svelte';
|
|
438
439
|
export { default as SvglPlayStationLogo } from './components/PlayStation.svelte';
|
|
439
440
|
export { default as SvglPlaywrightLogo } from './components/Playwright.svelte';
|
|
440
441
|
export { default as SvglPnpmLogo } from './components/Pnpm.svelte';
|