mirror of
https://github.com/tabler/tabler-icons.git
synced 2025-08-20 12:51:58 +02:00
Merge remote-tracking branch 'origin/master'
This commit is contained in:
30
README.md
30
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
|
||||
<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
|
||||
|
||||
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
|
||||
|
||||
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))
|
||||
|
@@ -62,7 +62,7 @@ import { IconHeart } from '@tabler/icons-svelte';
|
||||
You can pass additional props to adjust the icon.
|
||||
|
||||
```html
|
||||
<IconHeart size={48} strokeWidth={1} />
|
||||
<IconHeart size={48} stroke={1} />
|
||||
```
|
||||
|
||||
### 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
|
||||
|
||||
<a href="https://github.com/sponsors/codecalm" target="_blank"><img src="https://github.com/tabler/tabler/raw/dev/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
|
||||
<a href="https://github.com/sponsors/codecalm" target="_blank"><img src="https://github.com/tabler/tabler/raw/dev/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
|
@@ -1,5 +1,5 @@
|
||||
---
|
||||
tags: [material, measure, time, timer]
|
||||
tags: [material, measure, time, timer, clock, sand]
|
||||
version: "1.66"
|
||||
category: System
|
||||
unicode: "f146"
|
||||
|
@@ -1,5 +1,5 @@
|
||||
---
|
||||
tags: [simple, time, timer, clock]
|
||||
tags: [simple, time, timer, clock, sand]
|
||||
version: "1.60"
|
||||
category: System
|
||||
unicode: "f092"
|
||||
|
@@ -1,5 +1,5 @@
|
||||
---
|
||||
tags: [simple, time, timer, clock]
|
||||
tags: [simple, time, timer, clock, sand]
|
||||
version: "1.60"
|
||||
category: System
|
||||
unicode: "f093"
|
||||
|
Reference in New Issue
Block a user