From 03c14d137e031b82243a1d95ddd1427f070a13a1 Mon Sep 17 00:00:00 2001 From: MrAmericanMike Date: Sat, 4 Feb 2023 07:14:20 -0300 Subject: [PATCH 1/3] Corrected example for additional props and added missing prop (#491) --- packages/icons-svelte/README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/icons-svelte/README.md b/packages/icons-svelte/README.md index 06f979656..b5bdea08f 100644 --- a/packages/icons-svelte/README.md +++ b/packages/icons-svelte/README.md @@ -62,7 +62,7 @@ import { IconHeart } from '@tabler/icons-svelte'; You can pass additional props to adjust the icon. ```html - + ``` ### Props @@ -72,6 +72,7 @@ You can pass additional props to adjust the icon. | `size` | _Number_ | 24 | | `color` | _String_ | currentColor | | `stroke` | _Number_ | 2 | +| `class` | _String_ | | ## Contributing @@ -85,4 +86,4 @@ Tabler Icons is licensed under the [MIT License](https://github.com/tabler/table ## Sponsor Tabler -Sponsor Tabler +Sponsor Tabler \ No newline at end of file From b647f11a6d76d7a47f21d61126e41bd518a40e65 Mon Sep 17 00:00:00 2001 From: MrAmericanMike Date: Sat, 4 Feb 2023 07:14:48 -0300 Subject: [PATCH 2/3] Svelte Components pointing to @tabler/icons-svelte (#490) --- README.md | 30 ++++++++++++++++-------------- 1 file changed, 16 insertions(+), 14 deletions(-) diff --git a/README.md b/README.md index 2b6e20556..02358d5e2 100644 --- a/README.md +++ b/README.md @@ -179,6 +179,22 @@ After importing the _IconsModule_ in your feature or shared module, use the icon For more usage documentation refer to [the official documentation](https://github.com/pierreavn/angular-tabler-icons). +### Svelte + +Svelte components available through [`@tabler/icons-svelte`](https://github.com/tabler/tabler-icons/tree/master/packages/icons-svelte) package. + +```js + + +
+ + + +
+``` + ## CDN All files included in `@tabler/icons` npm package are available over a CDN. @@ -285,20 +301,6 @@ Complex solution: } ``` -### Svelte - -You can use [`tabler-icons-svelte`](https://github.com/benflap/tabler-icons-svelte) to use icons in your Svelte projects (see [example](https://svelte.dev/repl/e80dc63d7019431692b10a77525e7f99?version=3.31.0)): - -```js - - - - - -``` - ### Jetpack Compose For Android or Desktop you can use [`compose-icons`](https://github.com/DevSrSouza/compose-icons) to use icons in your projects. (see [docs](https://github.com/DevSrSouza/compose-icons/blob/master/tabler-icons/DOCUMENTATION.md)) From 2caace460b1837413a654d602040cd948f8fffa7 Mon Sep 17 00:00:00 2001 From: 0xflotus <0xflotus@gmail.com> Date: Thu, 9 Feb 2023 19:00:25 +0100 Subject: [PATCH 3/3] added tags to `hourglass svg`s (#500) * added tags to hourglass-empty * Update hourglass-low.svg * Update hourglass-high.svg --- src/_icons/hourglass-empty.svg | 2 +- src/_icons/hourglass-high.svg | 2 +- src/_icons/hourglass-low.svg | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/_icons/hourglass-empty.svg b/src/_icons/hourglass-empty.svg index 5d274e620..63f5aac9f 100644 --- a/src/_icons/hourglass-empty.svg +++ b/src/_icons/hourglass-empty.svg @@ -1,5 +1,5 @@ --- -tags: [material, measure, time, timer] +tags: [material, measure, time, timer, clock, sand] version: "1.66" category: System unicode: "f146" diff --git a/src/_icons/hourglass-high.svg b/src/_icons/hourglass-high.svg index ff7f6b3c6..016e4981a 100644 --- a/src/_icons/hourglass-high.svg +++ b/src/_icons/hourglass-high.svg @@ -1,5 +1,5 @@ --- -tags: [simple, time, timer, clock] +tags: [simple, time, timer, clock, sand] version: "1.60" category: System unicode: "f092" diff --git a/src/_icons/hourglass-low.svg b/src/_icons/hourglass-low.svg index 508f504a4..a147ef29b 100644 --- a/src/_icons/hourglass-low.svg +++ b/src/_icons/hourglass-low.svg @@ -1,5 +1,5 @@ --- -tags: [simple, time, timer, clock] +tags: [simple, time, timer, clock, sand] version: "1.60" category: System unicode: "f093"