@genarou/blazir-icons 1.1.5 → 1.1.9
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.
- package/dist/Icon.svelte +20 -12
- package/dist/IconBase.svelte +99 -40
- package/dist/icons/Blaze.svelte +25 -0
- package/dist/icons/Blaze.svelte.d.ts +4 -0
- package/dist/icons/Box.svelte +25 -0
- package/dist/icons/Box.svelte.d.ts +4 -0
- package/dist/icons/CheckO.svelte +15 -6
- package/dist/icons/CircleExclamation.svelte +18 -4
- package/dist/icons/CircleInfo.svelte +13 -7
- package/dist/icons/CircleQuestion.svelte +18 -4
- package/dist/icons/Close.svelte +12 -2
- package/dist/icons/Copy.svelte +25 -0
- package/dist/icons/Copy.svelte.d.ts +4 -0
- package/dist/icons/Csv.svelte +25 -0
- package/dist/icons/Csv.svelte.d.ts +4 -0
- package/dist/icons/Excel.svelte +23 -16
- package/dist/icons/Facebook.svelte +25 -0
- package/dist/icons/Facebook.svelte.d.ts +4 -0
- package/dist/icons/Favorites.svelte +25 -0
- package/dist/icons/Favorites.svelte.d.ts +4 -0
- package/dist/icons/Google.svelte +12 -15
- package/dist/icons/Lock.svelte +18 -4
- package/dist/icons/LockOpen.svelte +18 -7
- package/dist/icons/Logout.svelte +18 -3
- package/dist/icons/Png.svelte +24 -0
- package/dist/icons/Png.svelte.d.ts +4 -0
- package/dist/icons/Powerpoint.svelte +25 -0
- package/dist/icons/Powerpoint.svelte.d.ts +4 -0
- package/dist/icons/Shield.svelte +30 -0
- package/dist/icons/Shield.svelte.d.ts +4 -0
- package/dist/icons/Star.svelte +25 -0
- package/dist/icons/Star.svelte.d.ts +4 -0
- package/dist/icons/Word.svelte +25 -0
- package/dist/icons/Word.svelte.d.ts +4 -0
- package/dist/icons/Xml.svelte +25 -0
- package/dist/icons/Xml.svelte.d.ts +4 -0
- package/dist/icons/Zip.svelte +26 -0
- package/dist/icons/Zip.svelte.d.ts +4 -0
- package/dist/icons/registry.d.ts +13 -0
- package/dist/icons/registry.js +26 -0
- package/dist/icons-api.d.ts +35 -35
- package/dist/icons-api.js +0 -1
- package/dist/index.d.ts +16 -2
- package/dist/index.js +19 -2
- package/dist/styles/hybrid-inject.d.ts +3 -3
- package/dist/styles/hybrid-inject.js +46 -52
- package/dist/types.d.ts +1 -1
- package/dist/utils/animations.d.ts +2 -2
- package/dist/utils/animations.js +4 -8
- package/package.json +1 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<!-- src/lib/icons/Heart.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
const props: IconProps = $props();
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Heart");
|
|
8
|
+
const title = $derived(props.title ?? "");
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M12.404 6.145c-.23.2-.583.2-.812 0c-1.782-1.55-4.43-1.608-6.249.329c-3.984 5.045 1.8 9.497 5.615 12.195a1.8 1.8 0 0 0 2.08 0c3.843-2.711 9.6-7.15 5.615-12.195c-1.818-1.937-4.468-1.879-6.25-.329"
|
|
24
|
+
/>
|
|
25
|
+
</IconBase>
|
package/dist/icons/Google.svelte
CHANGED
|
@@ -8,21 +8,18 @@
|
|
|
8
8
|
const title = $derived(props.title ?? "");
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
|
-
<IconBase
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
12
21
|
<path
|
|
13
|
-
fill="
|
|
14
|
-
d="
|
|
15
|
-
/>
|
|
16
|
-
<path
|
|
17
|
-
fill="#ff3d00"
|
|
18
|
-
d="m6.306 14.691 6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691"
|
|
19
|
-
/>
|
|
20
|
-
<path
|
|
21
|
-
fill="#4caf50"
|
|
22
|
-
d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.9 11.9 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44"
|
|
23
|
-
/>
|
|
24
|
-
<path
|
|
25
|
-
fill="#1976d2"
|
|
26
|
-
d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917"
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M20.855 10.361a.2.2 0 0 0-.194-.161H12.2a.2.2 0 0 0-.2.2v3.2c0 .11.09.2.2.2h4.886A5.398 5.398 0 0 1 6.6 12A5.4 5.4 0 0 1 12 6.6a5.37 5.37 0 0 1 3.44 1.245a.205.205 0 0 0 .276-.01l2.266-2.267a.197.197 0 0 0-.007-.286A8.95 8.95 0 0 0 12 3a9 9 0 1 0 9 9c0-.547-.051-1.113-.145-1.639"
|
|
27
24
|
/>
|
|
28
25
|
</IconBase>
|
package/dist/icons/Lock.svelte
CHANGED
|
@@ -1,15 +1,29 @@
|
|
|
1
|
-
<!-- src/lib/icons/
|
|
1
|
+
<!-- src/lib/icons/Unlock.svelte -->
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
import IconBase from "../IconBase.svelte";
|
|
4
4
|
import type { IconProps } from "../types";
|
|
5
5
|
|
|
6
6
|
const props: IconProps = $props();
|
|
7
|
-
const ariaLabel = $derived(props.ariaLabel ?? "
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Unlock");
|
|
8
8
|
const title = $derived(props.title ?? "");
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
|
-
<IconBase
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
12
21
|
<path
|
|
13
|
-
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M10.25 14.75a1.75 1.75 0 1 1 2.5 1.582V17a.75.75 0 0 1-1.5 0v-.668a1.75 1.75 0 0 1-1-1.582"
|
|
24
|
+
/>
|
|
25
|
+
<path
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
d="M7.25 7a4.75 4.75 0 0 1 9.5 0v2.356c.34.058.654.15.953.303a3.75 3.75 0 0 1 1.638 1.638c.227.445.321.925.366 1.471c.043.531.043 1.187.043 2v1.464c0 .813 0 1.469-.043 2c-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365c-.531.043-1.187.043-2 .043H9.768c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2v-1.464c0-.813 0-1.469.043-2c.045-.546.14-1.026.366-1.47a3.75 3.75 0 0 1 1.639-1.64a3.3 3.3 0 0 1 .952-.302zm8 0a3.25 3.25 0 0 0-6.5 0v2.254q.463-.005 1.018-.004h4.464q.556-.001 1.018.004zm-7.36 3.788c-.453.037-.714.107-.911.207a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912c-.037.462-.038 1.056-.038 1.909v1.4c0 .852 0 1.447.038 1.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h4.4c.853 0 1.447 0 1.91-.038c.453-.038.714-.107.912-.207c.423-.216.767-.56.983-.983c.1-.198.17-.459.207-.913c.037-.462.038-1.057.038-1.909v-1.4c0-.853 0-1.447-.038-1.91c-.038-.453-.107-.714-.207-.912a2.25 2.25 0 0 0-.983-.983c-.198-.1-.459-.17-.913-.207c-.462-.037-1.057-.038-1.909-.038H9.8c-.852 0-1.447 0-1.91.038"
|
|
14
28
|
/>
|
|
15
29
|
</IconBase>
|
|
@@ -1,18 +1,29 @@
|
|
|
1
|
-
<!-- src/lib/icons/
|
|
1
|
+
<!-- src/lib/icons/UnlockAlt.svelte -->
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
import IconBase from "../IconBase.svelte";
|
|
4
4
|
import type { IconProps } from "../types";
|
|
5
5
|
|
|
6
6
|
const props: IconProps = $props();
|
|
7
|
-
const ariaLabel = $derived(props.ariaLabel ?? "
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Unlock Alt");
|
|
8
8
|
const title = $derived(props.title ?? "");
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
|
-
<IconBase
|
|
12
|
-
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
13
21
|
<path
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M10.25 14.75a1.75 1.75 0 1 1 2.5 1.582V17a.75.75 0 0 1-1.5 0v-.668a1.75 1.75 0 0 1-1-1.582"
|
|
24
|
+
/>
|
|
25
|
+
<path
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
d="M7.25 7a4.75 4.75 0 0 1 9.5 0a.75.75 0 0 1-1.5 0a3.25 3.25 0 0 0-6.5 0v2.254q.463-.005 1.018-.004h4.464c.813 0 1.469 0 2 .043c.546.045 1.026.14 1.47.366a3.75 3.75 0 0 1 1.64 1.638c.226.445.32.925.365 1.471c.043.531.043 1.187.043 2v1.464c0 .813 0 1.469-.043 2c-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365c-.531.043-1.187.043-2 .043H9.768c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2v-1.464c0-.813 0-1.469.043-2c.045-.546.14-1.026.366-1.47a3.75 3.75 0 0 1 1.639-1.64a3.3 3.3 0 0 1 .952-.302zm.64 3.788c-.453.037-.714.107-.911.207a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912c-.037.462-.038 1.056-.038 1.909v1.4c0 .852 0 1.447.038 1.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h4.4c.853 0 1.447 0 1.91-.038c.453-.038.714-.107.912-.207c.423-.216.767-.56.983-.983c.1-.198.17-.459.207-.913c.037-.462.038-1.057.038-1.909v-1.4c0-.853 0-1.447-.038-1.91c-.038-.453-.107-.714-.207-.912a2.25 2.25 0 0 0-.983-.983c-.198-.1-.459-.17-.913-.207c-.462-.037-1.057-.038-1.909-.038H9.8c-.852 0-1.447 0-1.91.038"
|
|
17
28
|
/>
|
|
18
29
|
</IconBase>
|
package/dist/icons/Logout.svelte
CHANGED
|
@@ -4,12 +4,27 @@
|
|
|
4
4
|
import type { IconProps } from "../types";
|
|
5
5
|
|
|
6
6
|
const props: IconProps = $props();
|
|
7
|
-
const ariaLabel = $derived(props.ariaLabel ?? "
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Logout");
|
|
8
8
|
const title = $derived(props.title ?? "");
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
|
-
<IconBase
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
12
21
|
<path
|
|
13
|
-
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M13.53 8.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 0 0 0 1.06l3 3a.75.75 0 1 0 1.06-1.06l-1.72-1.72H20a.75.75 0 0 0 0-1.5h-8.19l1.72-1.72a.75.75 0 0 0 0-1.06"
|
|
24
|
+
opacity="0.5"
|
|
25
|
+
/>
|
|
26
|
+
<path
|
|
27
|
+
fill="currentColor"
|
|
28
|
+
d="M9.768 3.25h2.464c.813 0 1.469 0 2 .043c.546.045 1.026.14 1.47.366a3.75 3.75 0 0 1 1.64 1.639c.226.444.32.924.365 1.47c.043.531.043 1.187.043 2V9a.75.75 0 0 1-1.5 0v-.2c0-.852 0-1.447-.038-1.91c-.038-.453-.107-.714-.207-.911a2.25 2.25 0 0 0-.983-.984c-.198-.1-.459-.17-.913-.207c-.462-.037-1.056-.038-1.909-.038H9.8c-.852 0-1.447 0-1.91.038c-.453.037-.714.107-.911.207a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912c-.037.462-.038 1.057-.038 1.909v6.4c0 .852 0 1.447.038 1.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h2.4c.853 0 1.447 0 1.91-.038c.453-.038.714-.107.912-.207c.423-.216.767-.56.983-.983c.1-.198.17-.459.207-.913c.037-.462.038-1.057.038-1.909V15a.75.75 0 0 1 1.5 0v.232c0 .813 0 1.469-.043 2c-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365c-.531.043-1.187.043-2 .043H9.768c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2V8.768c0-.813 0-1.469.043-2c.045-.546.14-1.026.366-1.47a3.75 3.75 0 0 1 1.639-1.64c.444-.226.924-.32 1.47-.365c.531-.043 1.187-.043 2-.043"
|
|
14
29
|
/>
|
|
15
30
|
</IconBase>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconBase from "../IconBase.svelte";
|
|
3
|
+
import type { IconProps } from "../types";
|
|
4
|
+
|
|
5
|
+
const props: IconProps = $props();
|
|
6
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Phone");
|
|
7
|
+
const title = $derived(props.title ?? "");
|
|
8
|
+
</script>
|
|
9
|
+
|
|
10
|
+
<IconBase
|
|
11
|
+
{...props}
|
|
12
|
+
mode="outline"
|
|
13
|
+
{ariaLabel}
|
|
14
|
+
{title}
|
|
15
|
+
viewBox="0 0 24 24"
|
|
16
|
+
strokeLinecap="round"
|
|
17
|
+
strokeLinejoin="round"
|
|
18
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
19
|
+
>
|
|
20
|
+
<path
|
|
21
|
+
fill="currentColor"
|
|
22
|
+
d="M6.5 11.5v-1h1v1zm10 3.5h1q.625 0 1.063-.437T19 13.5v-.75q0-.325-.213-.537T18.25 12t-.537.213t-.213.537v.75h-1v-3h1.75q.325 0 .538-.213T19 9.75t-.213-.537T18.25 9H16.5q-.625 0-1.062.438T15 10.5v3q0 .625.438 1.063T16.5 15m-10-2H8q.425 0 .713-.288T9 12v-2q0-.425-.288-.712T8 9H5.5q-.2 0-.35.15T5 9.5v4.75q0 .325.213.538T5.75 15t.538-.213t.212-.537zm5-.4l.8 1.95q.1.2.288.325T13 15h.25q.325 0 .538-.213T14 14.25v-4.5q0-.325-.213-.537T13.25 9t-.537.213t-.213.537v1.6l-.8-1.9q-.1-.2-.288-.325T11 9h-.25q-.325 0-.537.213T10 9.75v4.5q0 .325.213.538t.537.212t.538-.213t.212-.537zM4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm0-2V6z"
|
|
23
|
+
/>
|
|
24
|
+
</IconBase>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<!-- src/lib/icons/PowerPoint.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
const props: IconProps = $props();
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "PowerPoint");
|
|
8
|
+
const title = $derived(props.title ?? "");
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M13.25 3.25q1.21 0 2.33.31q1.12.32 2.09.89q.97.55 1.77 1.36q.79.8 1.36 1.77q.58.97.89 2.09T22 12t-.31 2.33t-.89 2.09q-.57.97-1.36 1.77q-.8.81-1.77 1.36q-.97.58-2.09.89t-2.33.31q-1.07 0-2.1-.25q-1.03-.26-1.95-.74q-.92-.49-1.7-1.18q-.81-.7-1.43-1.58H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.58Q2.5 7 2.83 7h3.24q.62-.88 1.43-1.58q.78-.7 1.7-1.18q.93-.48 1.95-.74q1.03-.25 2.1-.25m.63 1.28v6.84h6.84q-.12-1.37-.69-2.56T18.55 6.7q-.91-.91-2.12-1.48q-1.2-.57-2.55-.69M9.5 10.84q0-.57-.2-.97q-.19-.41-.52-.66q-.33-.26-.78-.37q-.45-.12-1-.12H4.37v6.55h1.54V13h1.03q.48 0 .93-.16q.46-.14.82-.41q.36-.26.58-.67q.23-.4.23-.92m3.75 8.66q.98 0 1.89-.24q.9-.26 1.71-.68q.81-.45 1.48-1.08q.67-.61 1.17-1.37q.5-.77.83-1.66q.31-.89.39-1.85h-8.08V4.53q-1.45.12-2.73.76T7.67 7h3.5q.33 0 .59.25q.24.25.24.58v8.34q0 .33-.24.59q-.26.24-.59.24h-3.5q.53.6 1.17 1.06q.66.44 1.35.78q.72.33 1.49.49q.77.17 1.57.17M6.85 10q.47 0 .76.19q.28.19.28.7q0 .22-.1.36t-.26.25q-.16.07-.35.1q-.18.04-.38.04h-.89V10z"
|
|
24
|
+
/>
|
|
25
|
+
</IconBase>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<!-- src/lib/icons/Shield.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
const props: IconProps = $props();
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Shield");
|
|
8
|
+
const title = $derived(props.title ?? "");
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M12.558 2.982a1.75 1.75 0 0 0-1.122 0L4.66 5.277a1.19 1.19 0 0 0-.817 1.019c-.337 4.226.248 7.351 1.637 9.712c1.344 2.285 3.494 3.946 6.517 5.184c3.026-1.238 5.178-2.899 6.522-5.184c1.39-2.36 1.975-5.486 1.638-9.712a1.19 1.19 0 0 0-.817-1.019zm-1.603-1.42a3.25 3.25 0 0 1 2.084-.001l6.782 2.295a2.69 2.69 0 0 1 1.83 2.32c.353 4.41-.24 7.876-1.839 10.593c-1.604 2.725-4.161 4.598-7.54 5.929a.75.75 0 0 1-.55 0c-3.376-1.331-5.932-3.204-7.535-5.929c-1.598-2.717-2.191-6.184-1.839-10.593a2.69 2.69 0 0 1 1.83-2.32z"
|
|
24
|
+
/>
|
|
25
|
+
<path
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
d="M12 20c5.032-2.04 7.406-5.618 6.943-12.367c-.052-.767-.576-1.416-1.303-1.669l-4.82-1.678a2.5 2.5 0 0 0-.82-.139z"
|
|
28
|
+
opacity="0.5"
|
|
29
|
+
/>
|
|
30
|
+
</IconBase>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<!-- src/lib/icons/Star.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
const props: IconProps = $props();
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Star");
|
|
8
|
+
const title = $derived(props.title ?? "");
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M12.865 2.996a1 1 0 0 0-1.73 0L8.421 7.674a1.25 1.25 0 0 1-.894.608L2.44 9.05c-.854.13-1.154 1.208-.488 1.76l3.789 3.138c.35.291.515.75.43 1.197L5.18 20.35a1 1 0 0 0 1.448 1.072l4.79-2.522a1.25 1.25 0 0 1 1.164 0l4.79 2.522a1 1 0 0 0 1.448-1.072l-.991-5.205a1.25 1.25 0 0 1 .43-1.197l3.79-3.139c.665-.55.365-1.63-.49-1.759l-5.085-.768a1.25 1.25 0 0 1-.895-.608z"
|
|
24
|
+
/>
|
|
25
|
+
</IconBase>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<!-- src/lib/icons/Word.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
const props: IconProps = $props();
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Word");
|
|
8
|
+
const title = $derived(props.title ?? "");
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M21.17 3.25q.33 0 .59.25q.24.24.24.58v15.84q0 .34-.24.58q-.26.25-.59.25H7.83q-.33 0-.59-.25q-.24-.24-.24-.58V17H2.83q-.33 0-.59-.24Q2 16.5 2 16.17V7.83q0-.33.24-.59Q2.5 7 2.83 7H7V4.08q0-.34.24-.58q.26-.25.59-.25m-.8 8.09l1.2 3.94H9.6l1.31-6.56H9.53l-.78 3.88l-1.11-3.75H6.5l-1.19 3.77l-.78-3.9H3.09l1.31 6.56h1.37m14.98 4.22V17H8.25v2.5m12.5-3.75v-3.12H12v3.12m8.75-4.37V8.25H12v3.13M20.75 7V4.5H8.25V7Z"
|
|
24
|
+
/>
|
|
25
|
+
</IconBase>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<!-- src/lib/icons/XML.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import IconBase from "../IconBase.svelte";
|
|
4
|
+
import type { IconProps } from "../types";
|
|
5
|
+
|
|
6
|
+
const props: IconProps = $props();
|
|
7
|
+
const ariaLabel = $derived(props.ariaLabel ?? "XML");
|
|
8
|
+
const title = $derived(props.title ?? "");
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<IconBase
|
|
12
|
+
{...props}
|
|
13
|
+
mode="outline"
|
|
14
|
+
{ariaLabel}
|
|
15
|
+
{title}
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
strokeLinecap="round"
|
|
18
|
+
strokeLinejoin="round"
|
|
19
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
d="M19 3H5c-1.11 0-2 .89-2 2v14c0 1.11.89 2 2 2h14c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2M8 15H6.5L6 13l-.5 2H4l.75-3L4 9h1.5l.5 2l.5-2H8l-.75 3zm7.5 0H14v-4.5h-1V14h-1.5v-3.5h-1V15H9v-4c0-1.1.9-2 2-2h2.5a2 2 0 0 1 2 2zm4.5 0h-3V9h1.5v4.5H20z"
|
|
24
|
+
/>
|
|
25
|
+
</IconBase>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconBase from "../IconBase.svelte";
|
|
3
|
+
import type { IconProps } from "../types";
|
|
4
|
+
|
|
5
|
+
const props: IconProps = $props();
|
|
6
|
+
const ariaLabel = $derived(props.ariaLabel ?? "Contact");
|
|
7
|
+
const title = $derived(props.title ?? "");
|
|
8
|
+
</script>
|
|
9
|
+
|
|
10
|
+
<IconBase
|
|
11
|
+
{...props}
|
|
12
|
+
mode="outline"
|
|
13
|
+
{ariaLabel}
|
|
14
|
+
{title}
|
|
15
|
+
viewBox="0 0 24 24"
|
|
16
|
+
strokeLinecap="round"
|
|
17
|
+
strokeLinejoin="round"
|
|
18
|
+
strokeWidth={props.strokeWidth ?? 2}
|
|
19
|
+
>
|
|
20
|
+
<path
|
|
21
|
+
fill="currentColor"
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
d="M4.172 3.172C3 4.343 3 6.229 3 10v4c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h2c3.771 0 5.657 0 6.828-1.172S21 17.771 21 14v-4c0-3.771 0-5.657-1.172-6.828S16.771 2 13 2h-1v2h1.5c.471 0 .707 0 .854.146c.146.147.146.383.146.854s0 .707-.146.854C14.207 6 13.97 6 13.5 6H12v2h1.5c.471 0 .707 0 .854.146c.146.147.146.383.146.854s0 .707-.146.854C14.207 10 13.97 10 13.5 10H13c-.471 0-.707 0-.854-.146C12 9.707 12 9.47 12 9V8h-1.5c-.471 0-.707 0-.854-.146C9.5 7.707 9.5 7.47 9.5 7s0-.707.146-.854C9.793 6 10.03 6 10.5 6H12V4h-1.5c-.471 0-.707 0-.854-.146C9.5 3.707 9.5 3.47 9.5 3v-.997c-2.794.02-4.324.164-5.328 1.169M9.5 12.875V13a2.5 2.5 0 0 0 5 0v-.125a.875.875 0 0 0-.875-.875h-3.25a.875.875 0 0 0-.875.875"
|
|
24
|
+
clip-rule="evenodd"
|
|
25
|
+
/>
|
|
26
|
+
</IconBase>
|
package/dist/icons/registry.d.ts
CHANGED
|
@@ -104,6 +104,19 @@ export declare const iconRegistry: {
|
|
|
104
104
|
readonly uploadLoader: Component<import("..").IconProps, {}, "">;
|
|
105
105
|
readonly downloadAnimated: Component<import("..").IconProps, {}, "">;
|
|
106
106
|
readonly emailAnimated: Component<import("..").IconProps, {}, "">;
|
|
107
|
+
readonly blaze: Component<import("..").IconProps, {}, "">;
|
|
108
|
+
readonly copy: Component<import("..").IconProps, {}, "">;
|
|
109
|
+
readonly box: Component<import("..").IconProps, {}, "">;
|
|
110
|
+
readonly csv: Component<import("..").IconProps, {}, "">;
|
|
111
|
+
readonly facebook: Component<import("..").IconProps, {}, "">;
|
|
112
|
+
readonly favorites: Component<import("..").IconProps, {}, "">;
|
|
113
|
+
readonly png: Component<import("..").IconProps, {}, "">;
|
|
114
|
+
readonly powerpoint: Component<import("..").IconProps, {}, "">;
|
|
115
|
+
readonly shield: Component<import("..").IconProps, {}, "">;
|
|
116
|
+
readonly star: Component<import("..").IconProps, {}, "">;
|
|
117
|
+
readonly word: Component<import("..").IconProps, {}, "">;
|
|
118
|
+
readonly xml: Component<import("..").IconProps, {}, "">;
|
|
119
|
+
readonly zip: Component<import("..").IconProps, {}, "">;
|
|
107
120
|
};
|
|
108
121
|
export type IconName = keyof typeof iconRegistry;
|
|
109
122
|
export type IconComponent = Component;
|
package/dist/icons/registry.js
CHANGED
|
@@ -3,7 +3,9 @@ import AnimatedArrowLeft from "./AnimatedArrowLeft.svelte";
|
|
|
3
3
|
import Aws from "./Aws.svelte";
|
|
4
4
|
import Bag from "./Bag.svelte";
|
|
5
5
|
import Bell from "./Bell.svelte";
|
|
6
|
+
import Blaze from "./Blaze.svelte";
|
|
6
7
|
import Book from "./Book.svelte";
|
|
8
|
+
import Box from "./Box.svelte";
|
|
7
9
|
import BoxAdd from "./BoxAdd.svelte";
|
|
8
10
|
import Building from "./Building.svelte";
|
|
9
11
|
import Calendar from "./Calendar.svelte";
|
|
@@ -22,7 +24,9 @@ import CircleExclamation from "./CircleExclamation.svelte";
|
|
|
22
24
|
import CircleInfo from "./CircleInfo.svelte";
|
|
23
25
|
import CircleQuestion from "./CircleQuestion.svelte";
|
|
24
26
|
import Close from "./Close.svelte";
|
|
27
|
+
import Copy from "./Copy.svelte";
|
|
25
28
|
import CostIcon from "./CostIcon.svelte";
|
|
29
|
+
import Csv from "./Csv.svelte";
|
|
26
30
|
import Dashboard from "./Dashboard.svelte";
|
|
27
31
|
import Download from "./Download.svelte";
|
|
28
32
|
import DownloadAnimated from "./DownloadAnimated.svelte";
|
|
@@ -37,6 +41,8 @@ import ExcelAnimated from "./ExcelAnimated.svelte";
|
|
|
37
41
|
import Exchange from "./Exchange.svelte";
|
|
38
42
|
import Eye from "./Eye.svelte";
|
|
39
43
|
import EyeOff from "./EyeOff.svelte";
|
|
44
|
+
import Facebook from "./Facebook.svelte";
|
|
45
|
+
import Favorites from "./Favorites.svelte";
|
|
40
46
|
import File from "./File.svelte";
|
|
41
47
|
import FileUpdateAnimated from "./FileUploadAnimated.svelte";
|
|
42
48
|
import FilterOutline from "./FilterOutline.svelte";
|
|
@@ -68,7 +74,9 @@ import ObjectGroup from "./ObjectGroup.svelte";
|
|
|
68
74
|
import Pdf from "./Pdf.svelte";
|
|
69
75
|
import Phone from "./Phone.svelte";
|
|
70
76
|
import Plus from "./Plus.svelte";
|
|
77
|
+
import Png from "./Png.svelte";
|
|
71
78
|
import PointSale from "./PointSale.svelte";
|
|
79
|
+
import Powerpoint from "./Powerpoint.svelte";
|
|
72
80
|
import Product from "./Product.svelte";
|
|
73
81
|
import Project from "./Project.svelte";
|
|
74
82
|
import LoadingRegular from "./RegularSpinner.svelte";
|
|
@@ -78,7 +86,9 @@ import Scan from "./Scan.svelte";
|
|
|
78
86
|
import Search from "./Search.svelte";
|
|
79
87
|
import Security from "./Security.svelte";
|
|
80
88
|
import Settings from "./Settings.svelte";
|
|
89
|
+
import Shield from "./Shield.svelte";
|
|
81
90
|
import SquareChart from "./SquareChart.svelte";
|
|
91
|
+
import Star from "./Star.svelte";
|
|
82
92
|
import Supervisor from "./Supervisor.svelte";
|
|
83
93
|
import Swap from "./Swap.svelte";
|
|
84
94
|
import Table from "./Table.svelte";
|
|
@@ -97,6 +107,9 @@ import UserTie from "./UserTie.svelte";
|
|
|
97
107
|
import Wallet from "./Wallet.svelte";
|
|
98
108
|
import Warehouse from "./Warehouse.svelte";
|
|
99
109
|
import Warning from "./Warning.svelte";
|
|
110
|
+
import Word from "./Word.svelte";
|
|
111
|
+
import Xml from "./Xml.svelte";
|
|
112
|
+
import Zip from "./Zip.svelte";
|
|
100
113
|
// 🔑 Catálogo central de íconos - usando directamente los componentes
|
|
101
114
|
export const iconRegistry = {
|
|
102
115
|
email: Email,
|
|
@@ -197,4 +210,17 @@ export const iconRegistry = {
|
|
|
197
210
|
uploadLoader: UploadLoader,
|
|
198
211
|
downloadAnimated: DownloadAnimated,
|
|
199
212
|
emailAnimated: EmailAnimated,
|
|
213
|
+
blaze: Blaze,
|
|
214
|
+
copy: Copy,
|
|
215
|
+
box: Box,
|
|
216
|
+
csv: Csv,
|
|
217
|
+
facebook: Facebook,
|
|
218
|
+
favorites: Favorites,
|
|
219
|
+
png: Png,
|
|
220
|
+
powerpoint: Powerpoint,
|
|
221
|
+
shield: Shield,
|
|
222
|
+
star: Star,
|
|
223
|
+
word: Word,
|
|
224
|
+
xml: Xml,
|
|
225
|
+
zip: Zip,
|
|
200
226
|
};
|