mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-08-21 13:21:52 +02:00
Code Issues Releases Wiki Activity

Merge remote-tracking branch 'origin/master'

Browse Source
This commit is contained in:
codecalm
2023-02-09 22:23:45 +01:00
parent cc18ab485a 2caace460b
commit e224ca3ad5
5 changed files with 22 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
README.md
View File

@@ -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). 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
<script lang="ts">
import { IconHeart } from '@tabler/icons-svelte';
</script>
<main>
<IconHeart size={48} stroke={1} />
<IconHeart size="32" stroke="1.5" />
<IconHeart color="crimson" class="p-1" size="96" stroke="2" />
</main>
```
## CDN ## CDN
All files included in `@tabler/icons` npm package are available over a 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
<script>
import { CurrencyBitcoin, BrandGithub, CircleX } from "tabler-icons-svelte";
</script>
<CurrencyBitcoin />
<BrandGithub size="48" strokeWidth="1" />
<CircleX />
```
### Jetpack Compose ### 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)) 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))

3
packages/icons-svelte/README.md
View File

@@ -62,7 +62,7 @@ import { IconHeart } from '@tabler/icons-svelte';
You can pass additional props to adjust the icon. You can pass additional props to adjust the icon.
```html ```html
<IconHeart size={48} strokeWidth={1} /> <IconHeart size={48} stroke={1} />
``` ```
### Props ### Props
@@ -72,6 +72,7 @@ You can pass additional props to adjust the icon.
| `size` | _Number_ | 24 | | `size` | _Number_ | 24 |
| `color` | _String_ | currentColor | | `color` | _String_ | currentColor |
| `stroke` | _Number_ | 2 | | `stroke` | _Number_ | 2 |
| `class` | _String_ | |
## Contributing ## Contributing

2
src/_icons/hourglass-empty.svg
View File

@@ -1,5 +1,5 @@
--- ---
tags: [material, measure, time, timer] tags: [material, measure, time, timer, clock, sand]
version: "1.66" version: "1.66"
category: System category: System
unicode: "f146" unicode: "f146"

2
src/_icons/hourglass-high.svg
View File

@@ -1,5 +1,5 @@
--- ---
tags: [simple, time, timer, clock] tags: [simple, time, timer, clock, sand]
version: "1.60" version: "1.60"
category: System category: System
unicode: "f092" unicode: "f092"

2
src/_icons/hourglass-low.svg
View File

@@ -1,5 +1,5 @@
--- ---
tags: [simple, time, timer, clock] tags: [simple, time, timer, clock, sand]
version: "1.60" version: "1.60"
category: System category: System
unicode: "f093" unicode: "f093"