Compare commits

...

73 Commits

Author SHA1 Message Date
Daniel Bayley
37cb860ebe Add square-asterisk icon (#1179) 2023-05-02 20:47:11 +02:00
Daniel Bayley
bd74ac880e Refine lightbulb icons (#1197) 2023-05-02 20:28:02 +02:00
Karsa
e81b76f445 Adds computer hardware icons from #527 (#1170)
* Adds computer hardware icons from #527

* extend top line

* Added satellite

---------

Co-authored-by: Karsa <karsa@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2023-05-01 19:18:15 +02:00
Daniel Bayley
c50c0e435b Improve align-* metadata (#1193) 2023-05-01 19:00:31 +02:00
Daniel Bayley
afd2db296c Improve milestone metadata (#1194) 2023-05-01 18:59:57 +02:00
Daniel Bayley
175b2cd483 Add/rename braces/brackets/parenthesis icons and improve braces/json metadata (#1063)
* Add `square-brackets` icon

* Add `parentheses` icon

* Improve `curly-braces`/`json` metadata

* Refine `parentheses` icon

Match `path`s in #1134.

* Rename `square-brackets` to `brackets`

* Rename `curly-braces` to `braces`

* Update icons/parentheses.json

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-05-01 18:58:43 +02:00
Daniel Bayley
716c5baea0 Add radiation/biohazard icons (#1153)
* Add `radiation` icon

* Refine `radiation` icon

* Refine `radiation` icon

* Fix `radiation` corner radius

* Add `biohazard` icon

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2023-04-30 23:57:34 +02:00
Jakob Guddas
890474889a Simplified microscope (#1189) 2023-04-30 22:11:54 +02:00
Jakob Guddas
e596cd2bad Optimized parking-square-off.svg (#1182) 2023-04-30 22:07:29 +02:00
Quentin Sommer
d4641a4641 Fix children handling in lucide-react-native (#1177) 2023-04-30 22:06:49 +02:00
Karsa
3e3409cee2 Adds generic merge and split icons (#1167)
Co-authored-by: Karsa <karsa@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2023-04-30 21:44:15 +02:00
Daniel Bayley
477f2b2aff Improve heading[-16] metadata (#1173) 2023-04-29 11:24:35 +02:00
Jakob Guddas
000ff56278 Optimized and fixed plug-zap (#1120) 2023-04-29 11:08:03 +02:00
Daniel Bayley
7117220943 Add [un]fold icons (#1060)
* Add `fold-vertical` icon

* Add `unfold-vertical` icon

* Add `fold-horizontal` icon

* Add `unfold-horizontal` icon

* Update icons/fold-horizontal.svg

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/fold-vertical.svg

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/unfold-horizontal.svg

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/unfold-vertical.svg

Co-authored-by: Karsa <contact@karsa.org>

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-29 11:06:08 +02:00
Eric Fennis
f820da257d Create FUNDING.yml 2023-04-28 22:59:05 +02:00
Daniel Bayley
de629f0fcc Fix removal of sidebar.json (#1174)
Not sure what happened, but `sidebar.json` should have been deleted when replaced with
`panel-left.json` in #1003… This is currently breaking the `pre-commit` hook!
2023-04-28 21:04:02 +02:00
Daniel Bayley
8f7e9b3cde Rename text-selection to text-select (#1131)
This should have been called `text-select`, consistent with `box-select`…
2023-04-28 10:35:35 +02:00
Daniel Bayley
4e79f147cf Add ligature icon (#1160)
* Add `ligature` icon

* Refine `ligature` icon

* Fix missing serifs
2023-04-28 10:33:41 +02:00
Daniel Bayley
3482cd0949 Add rows icon (#1059)
* Add `rows` icon

* Improve `columns` metadata
2023-04-28 10:17:35 +02:00
Daniel Bayley
701f2a1a41 Add panel-* icons (#1003)
* Add `panel-bottom` icon

* Add `panel-bottom-open` icon

* Add `panel-bottom-close` icon

* Add `panel-bottom-inactive` icon

* Rename `sidebar` to `panel-left`

* Rename `sidebar-open` to `panel-left-open`

* Rename `sidebar-close` to `panel-left-close`

* Add `panel-left-inactive` icon

* Add `panel-right` icon

* Add `panel-right-open` icon

* Add `panel-right-close` icon

* Add `panel-right-inactive` icon

* Add `panel-top` icon

* Add `panel-top-open` icon

* Add `panel-top-close` icon

* Add `panel-top-inactive` icon

* Refine `panel-*-inactive` (dashed) icons

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2023-04-28 09:19:14 +02:00
Daniel Bayley
79f5c6e584 Refine gauge icon (#1159)
* Refine `gauge` icon

* Update icons/gauge.svg

Co-authored-by: Karsa <contact@karsa.org>

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-28 09:12:04 +02:00
Karsa
02fddd3aac [lucide-angular] Export aliases + fix global configuration issues (#1166)
* [lucide-angular] Exports injection token and provider

* [lucide-angular] Export aliases + fix global config issues

* Add aliases of aliases :)

* Update public-api.ts

---------

Co-authored-by: Karsa <karsa@karsa.org>
2023-04-28 06:26:30 +02:00
Daniel Bayley
7816ed88f6 Add bell-dot icon and refine bell-* icons (#1064)
* Add `bell-dot` icon

* Refine `bell` icon

* Refine `bell-ring` icon

* Refine `bell-plus` icon

* Refine `bell-minus` icon

* Refine `bell-off` icon
2023-04-27 23:03:48 +02:00
Jakob Guddas
9c2d57b0dc feat: backdrop improvements (#1138)
* fix: reduced z-fighting

* fix: fixed outline intensity issue

* feat: removed useless outline
2023-04-27 18:08:32 +02:00
Jakob Guddas
6d9a0c3d63 Optimized book-template (#1145) 2023-04-27 18:06:13 +02:00
Daniel Bayley
6f647c58bf Add slash/dot/equal/arrow-*-square icons and tags for git diff (#994)
* Add `tags` to `git diff`-like icons

* Add `square-dot` icon

* Add `square-slash` icon

* Add `square-equal` icon

* Add `arrow-left-square` icon

* Add `arrow-right-square` icon

* Add `arrow-up-square` icon

* Add `arrow-down-square` icon

* Update icons/arrow-right-square.json

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/plus-square.json

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/minus-square.json

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/square-equal.json

Co-authored-by: Karsa <contact@karsa.org>

---------

Co-authored-by: Karsa <contact@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2023-04-26 18:11:35 +02:00
Eric Fennis
41375d5b05 Fix site build 2023-04-26 16:46:15 +02:00
Daniel Bayley
11ce2b6ff3 Add generic window icons (#1045)
* Add generic `app-window` icon

* Update icons/app-window.svg

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/app-window.json

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-25 19:49:03 +02:00
Jakob Guddas
cc7881e759 Changed spline and scale-3d start and end to be circular (#1137)
* Changed `spline` start and end to be circular

* Update scale-3d.svg
2023-04-25 10:46:47 +02:00
Daniel Bayley
bf530d39d3 Add workflow icon (#1132)
* Add `workflow` icon

* Update icons/workflow.svg

Co-authored-by: Jakob Guddas <github@jguddas.de>

---------

Co-authored-by: Jakob Guddas <github@jguddas.de>
2023-04-25 10:36:52 +02:00
Daniel Bayley
71e8df6354 Add iteration icons (#997)
* Add `iteration-ccw` icon

* Add `iteration-cw` icon

* Refine `iteration-*` icons

---

Co-authored-by: Karsa <karsa@karsa.org>
2023-04-25 06:41:26 +02:00
Karsa
cafd2a838b [lucide-angular] Exports injection token and provider (#1155)
Co-authored-by: Karsa <karsa@karsa.org>
2023-04-25 06:39:01 +02:00
Daniel Bayley
e16f368502 Fix chevron-up metadata! (#1150) 2023-04-24 17:37:56 +02:00
Daniel Bayley
d38509a03d Add monitor-[up/down] icons (#1136)
* Add `monitor-up` icon

* Add `monitor-down` icon

* Update icons/monitor-up.json

Co-authored-by: Karsa <contact@karsa.org>

* Fix `monitor-down` metadata

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-23 13:12:32 +02:00
Daniel Bayley
6550e22874 Improve metadata for keys, and modify arrow-big-* icons to include shift key (#1002)
* Improve metadata for keys

* Modify `arrow-big-up` (`shift` key)

* Modify `arrow-big-right` to match `arrow-big-up` (`shift` key) icon

* Modify `arrow-big-down` to match `arrow-big-up` (`shift` key) icon

* Modify `arrow-big-left` to match `arrow-big-up` (`shift` key) icon

* Add `arrow-big-up-dash` (`caps lock` key) icon

* Fix `arrow-big-up` metadata

* Refine `arrow-big-up-dash` icon

* Add `arrow-big-down-dash` icon

* Fix `arrow-big-left` metadata

* Add `arrow-big-left-dash` icon

* Add `arrow-big-right-dash` icon

* Optimize `arrow-big-*` icons

---------

Co-authored-by: Karsa <karsa@karsa.org>
2023-04-23 11:47:31 +02:00
Karsa
22193420c7 Sorting out our sort icons (#1028)
* Refactors sort icons to cover all use cases

* increases arrow head size

* Apply suggestions from code review

---------

Co-authored-by: Karsa <karsa@karsa.org>
2023-04-23 11:44:33 +02:00
Karsa
70827d4571 Added and (#1115)
Co-authored-by: Karsa <karsa@karsa.org>
2023-04-23 11:39:11 +02:00
Daniel Bayley
7d980f6cc1 Add repeat-2 (repost/retweet) icon (#1135)
* Add `repeat-2` icon

* Update icons/repeat-2.svg

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-23 11:39:04 +02:00
locness3
67131489c8 lucide-static.md : rephrase warning and improve small details (#1123)
* lucide-static.md : rephrase warning and improve small details

* more capitalization of "svg"
2023-04-23 10:31:02 +02:00
Daniel Bayley
ebf03a5434 Add save-all icon (#1125)
* Add `save-all` icon

* Improve `save` metadata

* Update icons/save-all.json

Co-authored-by: Karsa <contact@karsa.org>

* Update icons/save-all.svg

Co-authored-by: Jakob Guddas <github@jguddas.de>

---------

Co-authored-by: Karsa <contact@karsa.org>
Co-authored-by: Jakob Guddas <github@jguddas.de>
2023-04-22 17:19:45 +02:00
Daniel Bayley
8fda42c719 Improve ban metadata (#1130) 2023-04-21 19:58:45 +02:00
Daniel Bayley
b17627b82d Add shield-question icon (#1112)
Update icons/shield-question.svg

Co-authored-by: Jakob Guddas <github@jguddas.de>
2023-04-20 18:28:33 +02:00
Karsa
84ec1620a8 [lucide-angular] Fixes change detection issue with legacy img input setter (#1129)
* [lucide-angular] Fixes img setter alias

* fixes change detection issue with img setter

---------

Co-authored-by: Karsa <karsa@karsa.org>
2023-04-20 18:25:18 +02:00
Eric Fennis
a87ae2a92b Introducing absoluteStrokeWidth option on Lucide Components (#939)
* Add more music icons and another mic icon (#746)

* Revert "Add more music icons and another mic icon (#746)" (#750)

This reverts commit 57cba6ae0e.

* add scale Stroke width

* Added scaleStrokeWidth prop to all packages

* Add scaleStrokeWidth to types

* Rename scaleStrokeWidth to absoluteStrokeWidth

* Adds common API elements to the Angular package (#949)

* Almost complete rewrite of the Angular package

* Update tsconfig.spec.json

* fixes icon build export file name

* Updates Angular documentation with the new properties + provider injection

* Update lucide-angular.md

* refactored scaleStrokeWidth to be absoluteStrokeWidth to match other packages

* removed codelyzer from devDeps + added flexible angular core dependencies

* Deprecates createElement helper in favour of Renderer2 to support SSR

---------

Co-authored-by: Karsa <karsa@karsa.org>

* Add absoluteStrokeWidth in docs

* update snapshots

* Manual merge of main

* Fixed incorrectly merged pnpm-lock.yaml

* Fixes lucide-angular build

* [lucide-angular] Global configuration for properties + bugfix for legacy icon provider   (#1012)

* Almost complete rewrite of the Angular package

* Update tsconfig.spec.json

* fixes icon build export file name

* Updates Angular documentation with the new properties + provider injection

* Update lucide-angular.md

* refactored scaleStrokeWidth to be absoluteStrokeWidth to match other packages

* removed codelyzer from devDeps + added flexible angular core dependencies

* Deprecates createElement helper in favour of Renderer2 to support SSR

* Added global configuration and fixed undefined bug in legacy icon provider. Also updated README.md

* Replaces removed line in README.md

* Fixes merge error

* Updates export template to use the non-deprecated type

* downgrade building to ng-cli@13

* downgrade to es2020

---------

Co-authored-by: Karsa <karsa@karsa.org>

* rename scaleStrokeWidth to absoluteStrokeWidth in readme

---------

Co-authored-by: it-is-not <72697755+it-is-not@users.noreply.github.com>
Co-authored-by: Karsa <contact@karsa.org>
Co-authored-by: Eric Fennis <eric@dreamteam.nl>
Co-authored-by: Karsa <karsa@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@nac41112.nedap.local>
2023-04-20 16:08:34 +02:00
Daniel Bayley
f35f45c7b3 Add messages-square icon (#1030)
* Add `messages-square` icon

* Add `message-square-plus` icon

* Add `message-square-dashed` icon
2023-04-20 16:02:27 +02:00
Daniel Bayley
c9a418dfc4 Improve play metadata (#1062)
* Improve `play` metadata

* Improve `un`/`re`/`do`/`fresh`/`reload` metadata
2023-04-20 15:53:28 +02:00
Daniel Bayley
70be608a58 Add folder-git icon (#1009)
* Add `folder-git` icon

* Add `folder-git-2` icon
2023-04-20 15:52:03 +02:00
Daniel Bayley
db311ab023 Add list-tree icon (#1114)
Update icons/list-tree.json

Co-authored-by: Karsa <contact@karsa.org>
2023-04-20 15:49:08 +02:00
Daniel Bayley
cac81636fb Fix arrow-up-left-from-circle metadata (#1126)
This is causing the `pre-commit` hook to fail, because it was merged after the `coding` category was removed.
2023-04-20 15:20:41 +02:00
Daniel Bayley
4b225a2e80 Add test-tube/s icon/s and improve metadata for lab icons (#992)
* Improve metadata for `lab` icons

* Improve metadata for `lab` icons

* Add `test-tube` icon

* Add `test-tube` alternate icon

* Add `test-tubes` icon

* Refine `flask-round` icon

* Improve metadata
2023-04-19 21:40:03 +02:00
Jakob Guddas
8aac1c7ba6 Optimized bone (#1119)
* Optimized `bone`

* Update bone.svg

* Update icons/bone.svg

Co-authored-by: Karsa <contact@karsa.org>

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-19 21:37:57 +02:00
Daniel Bayley
d513a2b9df Add/refine radio[-tower] icons (#1070)
* Add `radio-tower` icon

* Refine `radio` icon
Update icons/radio-tower.svg

Co-authored-by: Karsa <contact@karsa.org>

* Apply suggestions from code review

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-19 21:27:47 +02:00
Jakob Guddas
204a418643 Fixed connection issue and optimized cpu (#1100)
* Fixed connection issue and optimized `cpu`

* Update icons/cpu.svg

Co-authored-by: Karsa <contact@karsa.org>

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-19 21:26:04 +02:00
Jakob Guddas
36039d8bdc Fixed alignment issues usb (#1103) 2023-04-19 21:25:43 +02:00
Jakob Guddas
49bd49b843 fix: fixed github icon api route issue (#1117) 2023-04-19 19:04:04 +02:00
Jakob Guddas
4679ff791d feat: added backdrop to gh-icon (#1097)
* feat: added backdrop to gh-icon

* feat: added backdrop to gh-icon

* feat: changed fill pattern

* chore: pattern cleanup

* feat: improved backdrop color
2023-04-18 22:40:18 +02:00
Karsa
bfab755958 Merged coding and development categories (#1067)
Co-authored-by: Karsa <karsa@karsa.org>
2023-04-18 09:08:15 +02:00
Daniel Bayley
63aa17a001 Add circuit-board icon (#1065)
Update icons/circuit-board.svg

Co-authored-by: Jakob Guddas <github@jguddas.de>
2023-04-18 09:04:46 +02:00
Jakob Guddas
db6194369d Optimized database (#1106) 2023-04-16 23:15:43 +02:00
Daniel Bayley
29c952fdaf Improve [*-]check[-*] metadata (#1057) 2023-04-16 22:01:57 +02:00
Daniel Bayley
637e285c52 Improve minus metadata (#1071) 2023-04-16 22:00:01 +02:00
Lucide Bot
d6ee5d963c 📦 Bump lucide package versions to 0.160.0 2023-04-16 17:20:01 +00:00
Jakob Guddas
97d02ec6e5 Optimized vegan (#1104)
* Optimized `vegan`

* Update icons/vegan.svg

Co-authored-by: Karsa <contact@karsa.org>

* Update vegan.svg

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-16 19:14:42 +02:00
Lucide Bot
f5be205fc9 📦 Bump lucide package versions to 0.159.0 2023-04-16 16:50:55 +00:00
Jakob Guddas
f2e0da9bb1 Simplified citrus (#1098)
* Simplified `citrus`

* Update icons/citrus.svg

Co-authored-by: Karsa <contact@karsa.org>

* Update citrus.svg

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-16 18:45:34 +02:00
Jakob Guddas
2ca852fc7d Optimized headphones (#1099) 2023-04-16 18:43:52 +02:00
Jakob Guddas
a64215bb25 Optimized key (#1101) 2023-04-16 18:40:51 +02:00
Daniel Bayley
6d975609c4 Complete circle-* set (#1032)
* Add `circle-equal` icon

* Add `circle-slash` icon

* Rename `slash` to `ban`

* Add `circle-off` icon

* Rename `circle-slashed` to `circle-slash-2`
2023-04-16 18:37:17 +02:00
Lucide Bot
13b9c1fadb 📦 Bump lucide package versions to 0.155.0 2023-04-16 16:18:47 +00:00
Daniel Bayley
dcf396f1e3 Add copy-* icons (#1027)
* Add `copy-x` icon

Co-authored-by: Jakob Guddas <github@jguddas.de>

* Refine `copy` icon

* Add `copy-plus` icon

* Add `copy-minus` icon

* Add `copy-check` icon

* Add `copy-slash` icon

---------

Co-authored-by: Jakob Guddas <github@jguddas.de>
2023-04-16 18:13:26 +02:00
Lucide Bot
debf9b77c1 📦 Bump lucide package versions to 0.154.0 2023-04-16 12:25:13 +00:00
Jakob Guddas
d30f3fe0c5 Simplified and fixed alignment issues for accessibility (#1076)
* Simplified and fixed alignment issues for `accessibility`

* Update icons/accessibility.svg

Co-authored-by: Karsa <contact@karsa.org>

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-16 14:20:20 +02:00
Jakob Guddas
7d0f9996e6 Simplified bike (#1079)
* Simplified `bike`

* Update icons/bike.svg

Co-authored-by: Karsa <contact@karsa.org>

---------

Co-authored-by: Karsa <contact@karsa.org>
2023-04-16 14:20:00 +02:00
446 changed files with 10855 additions and 7077 deletions

2
.github/FUNDING.yml vendored Normal file
View File

@@ -0,0 +1,2 @@
# These are supported funding model platforms
open_collective: lucide-icons

View File

@@ -32,7 +32,7 @@ jobs:
tr '\n' ' ' | # remove line breaks
sed -e 's/<svg[^>]*>/<svg>/g' | # remove attributes from svg element
base64 -w 0 | # encode svg
sed "s|.*|<img width=\"400\" title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/&.svg\"/> |"
sed "s|.*|<img width=\"400\" title=\"$file\" alt=\"$file\" src=\"https://lucide.dev/api/gh-icon/$(basename ${file//\.svg/})/&.svg\"/> |"
done | tr '\n' ' ' >> $GITHUB_OUTPUT
echo >> $GITHUB_OUTPUT
echo "$delimiter" >> $GITHUB_OUTPUT

View File

@@ -1,5 +0,0 @@
{
"$schema": "../category.schema.json",
"title": "Coding",
"icon": "code-2"
}

View File

@@ -1,5 +1,5 @@
{
"$schema": "../category.schema.json",
"title": "Development",
"icon": "git-pull-request"
}
"title": "Coding & development",
"icon": "code-2"
}

View File

@@ -8,7 +8,7 @@ nextPage:
# Introduction
Lucide is an open source icon library for displaying icons and symbols in digital and non-digital projects. It consists of 850+ Vector (svg) files. To use these icons, lucide provides several official packages to make it easier to use these icons in projects.
Lucide contains icons with different variants and states. With that, designers and developers can choose the right icon for themselves. If a desired icon doesn't exist yet, you're free to open a design request. The Lucide community contributors will help to provide new icons.
Lucide contains icons with different variants and states. With that, designers and developers can choose the right icon for themselves. If a desired icon doesn't exist yet, you're free to open a design request. The Lucide community contributors will help to provide new icons.
With more icons, we simply have more icons to work with in our projects. Also with rising of new applications with specific features, lucide has the goal to provide the complete set for your project.
@@ -16,7 +16,7 @@ When designing new icons, the community is working with a set of design rules. T
Beside design, code is also important. Assets like icons in, for example, web projects can increase the bandwidth usage significantly. With the growing internet, lucide has the responsibility to keep their assets as small as possible. To achieve this, lucide uses SVG compression and specific code architecture for tree-shaking abilities. After tree-shaking, you will only ship the icons you used, helps you to keep the software distribution size to a minimum.
Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [React Native](https://lucide.dev/docs/lucide-react-native), [Vue](https://lucide.dev/docs/lucide-vue), [Vue 3](https://lucide.dev/docs/lucide-vue-next), [Svelte](https://lucide.dev/docs/lucide-svelte),[Preact](https://lucide.dev/docs/lucide-preact), [Angular](https://lucide.dev/docs/lucide-angular), [NodeJS](https://lucide.dev/docs/lucide-static#nodejs) and [Flutter](https://lucide.dev/docs/lucide-flutter).
Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [React Native](https://lucide.dev/docs/lucide-react-native), [Vue](https://lucide.dev/docs/lucide-vue), [Vue 3](https://lucide.dev/docs/lucide-vue-next), [Svelte](https://lucide.dev/docs/lucide-svelte), [Solid](https://lucide.dev/docs/lucide-solid), [Preact](https://lucide.dev/docs/lucide-preact), [Angular](https://lucide.dev/docs/lucide-angular), [NodeJS](https://lucide.dev/docs/lucide-static#nodejs) and [Flutter](https://lucide.dev/docs/lucide-flutter).
Any questions about lucide? Ask the community. Active on [GitHub](https://github.com/lucide-icons/lucide) and [Discord](https://discord.gg/EH6nSts).

View File

@@ -1,154 +1,109 @@
# Lucide Angular
Implementation of the lucide icon library for angular applications.
Implementation of the lucide icon library for Angular applications.
## Installation
```sh
```bash
yarn add lucide-angular
```
or
```sh
```bash
npm install lucide-angular
```
## How to use
There are three ways for use this library.
### Step 1: Import `LucideAngularModule`
### Method 1: createElement
After install `lucide-angular` change content of file `app.component.html` and `app.component.ts`.
```html
<!-- app.component.html -->
<div id="lucide-icon"></div>
```
In any Angular module you wish to use Lucide icons in, you have to import `LucideAngularModule`, and pick any icons you wish to use:
```js
// app.component.ts
import { Component, OnInit } from '@angular/core';
import { createElement } from 'lucide-angular';
import { Activity } from 'lucide-angular/icons';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
ngOnInit(): void {
const div = document.getElementById('lucide-icon');
const elm = createElement(Activity);
elm.setAttribute('color', 'red'); // or set `width`, `height`, `fill`, `stroke-width`, ...
if (div) {
div.appendChild(elm);
}
}
}
```
### Method 2: User **Tag** with **name** property
After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`.
```js
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { LucideAngularModule, AlarmCheck, Edit } from 'lucide-angular';
import { LucideAngularModule, File, Home, Menu, UserCheck } from 'lucide-angular';
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
AppRoutingModule,
LucideAngularModule.pick({ AlarmCheck, Edit }) // add all of icons that is imported.
],
providers: [],
bootstrap: [AppComponent]
LucideAngularModule.pick({File, Home, Menu, UserCheck})
]
})
export class AppModule {}
export class AppModule { }
```
### Step 2: Use the icons in templates
Within your templates you may now use one of the following component tags to insert an icon:
```html
<!-- app.component.html -->
<lucide-icon name="alarm-check" class="myicon"></lucide-icon>
<lucide-icon name="edit" class="myicon"></lucide-icon>
<lucide-angular name="file" class="my-icon"></lucide-angular>
<lucide-icon name="home" class="my-icon"></lucide-icon>
<i-lucide name="menu" class="my-icon"></i-lucide>
<span-lucide name="user-check" class="my-icon"></span-lucide>
```
### Method 3: User **Tag** with **img** property
### Props
After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`.
You can pass additional props to adjust the icon appearance.
```js
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
| name | type | default |
| --------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `strokeWidth` | *number* | 2 |
| `absoluteStrokeWidth` | *boolean* | false |
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { LucideAngularModule } from 'lucide-angular';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, AppRoutingModule, LucideAngularModule.pick({})],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
```html
<i-lucide name="home" [size]="48" color="red" [strokeWidth]="1"></i-lucide>
```
```xml
<!-- app.component.html -->
<lucide-icon [img]="ico1" class="myicon"></lucide-icon>
<lucide-icon [img]="ico2" class="myicon"></lucide-icon>
```
### Global configuration
```js
// app.component.ts
import { Component } from '@angular/core';
import { Airplay, Circle } from 'lucide-angular';
You can inject the `LucideIconConfig` service in your root component to globally configure the default property values as defined above.
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
ico1 = Airplay;
ico2 = Circle;
### Styling using a custom CSS class
Any extra HTML attribute is ignored, but the `class` attribute
is passed onto the internal SVG image element and it can be used to style it:
```css
svg.my-icon {
width: 12px;
height: 12px;
stroke-width: 3;
}
```
## Notes
## Injecting multiple icon providers
### Import all icons
In `Method 2`: import all icons in `app.module.ts` by:
You may provide additional icons using the `LUCIDE_ICONS` injection token,
which accepts multiple providers of the interface `LucideIconsProviderInterface`
with the utility class `LucideIconsProvider` available for easier usage:
```js
import { LUCIDE_ICONS, LucideIconProvider } from 'lucide-angular';
import { MyIcon } from './icons/my-icon';
const myIcons = {MyIcon};
@NgModule({
providers: [
{provide: LUCIDE_ICONS, multi: true, useValue: new LucideIconProvider(myIcons)},
]
})
export class AppModule { }
```
To add custom icons, you will first need to convert them to an [svgson format](https://github.com/elrumordelaluz/svgson).
## Loading all icons
> :warning: You may also opt to import all icons if necessary using the following format but be aware that this will significantly increase your application build size.
```js
import { icons } from 'lucide-angular';
LucideAngularModule.pick(icons)
...
LucideAngularModule.pick(icons)
```
### Tags
You can use the following tags instead of `lucide-icon`:
- lucide-angular
- i-lucide
- span-lucide
All of the above are the same

View File

@@ -41,11 +41,12 @@ export default App;
### Props
| name | type | default |
| ------------- | -------- | ------------ |
| `size` | _Number_ | 24 |
| `color` | _String_ | currentColor |
| `strokeWidth` | _Number_ | 2 |
| name | type | default |
| --------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `strokeWidth` | *number* | 2 |
| `absoluteStrokeWidth` | *boolean* | false |
### Custom props / svg attributes

View File

@@ -39,11 +39,12 @@ export default App;
### Props
| name | type | default |
| ------------- | -------- | ------------ |
| `size` | _Number_ | 24 |
| `color` | _String_ | currentColor |
| `strokeWidth` | _Number_ | 2 |
| name | type | default |
| --------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `strokeWidth` | *number* | 2 |
| `absoluteStrokeWidth` | *boolean* | false |
### Custom props

View File

@@ -37,11 +37,12 @@ export default App;
### Props
| name | type | default |
| ------------- | -------- | ------------ |
| `size` | _Number_ | 24 |
| `color` | _String_ | currentColor |
| `strokeWidth` | _Number_ | 2 |
| name | type | default |
| --------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `strokeWidth` | *number* | 2 |
| `absoluteStrokeWidth` | *boolean* | false |
### Custom props

View File

@@ -0,0 +1,79 @@
# Lucide Solid
Implementation of the lucide icon library for solid applications.
## Installation
```sh
yarn add lucide-solid
```
or
```sh
npm install lucide-solid
```
## How to use
It's build with ESmodules so it's completely tree-shakable.
Each icon can be imported as a solid component.
### Example
You can pass additional props to adjust the icon.
```js
import { Camera } from 'lucide-solid';
// Returns SolidComponent
// Usage
const App = () => {
return <Camera color="red" size={48} />;
};
export default App;
```
### Props
| name | type | default |
| --------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `strokeWidth` | *number* | 2 |
| `absoluteStrokeWidth` | *boolean* | false |
### Custom props / svg attributes
You can also pass custom props that will be added in the as attributes. With that you can modify the icons look by passing svg attributes.
```js
// Usage
const App = () => {
return <Camera fill="red" stroke-linejoin="bevel" />;
};
```
### One generic icon component
It is possible to create one generic icon component to load icons.
> :warning: Example below importing all EsModules, caution using this example, not recommended when you using bundlers, your application build size will grow strongly.
#### Icon Component Example
```tsx
import * as icons from 'lucide-solid';
import type { LucideProps } from 'lucide-solid';
import { splitProps } from 'solid-js';
import { Dynamic } from 'solid-js/web';
const Icon = (props: { name: keyof typeof icons } & LucideProps) => {
const [local, others] = splitProps(props, ["name"]);
return <Dynamic component={icons[local.name]} {...others} />
};
export default Icon;
```

View File

@@ -2,16 +2,16 @@
This package include the following lucide implementations:
- All svg files
- Javascript library containing strings of svgs.
- All SVG files
- SVG sprite
- Icon fonts
- Svg sprite
- JavaScript library containing strings of SVGs.
## Why lucide-static?
This package is suitable for very specific use cases for example if you want to use icon fonts, svg sprites, normal svgs or Common.js Svg strings in your javascript project.
This package is suitable for specific use cases, for example if you want to use icon fonts, SVG sprites, normal SVGs or Common.js SVG strings in your javascript project.
> ⚠️ It is not recommended to use this package for svg sprites or icon fonts for web pages/applications, for prototyping it is ok. We recommend to bundlers for web applications to make sure you only bundle the used icons from this icon library (Treeshaking). Otherwise it will load all the icons, making you webpage loading slower. Threeshaking is only available in the packages: [lucide](lucide), [lucide-react](lucide-react), [lucide-vue](lucide-vue), [lucide-vue-next](lucide-vue-next), [lucide-angular](lucide-angular), [lucide-preact](lucide-preact)
> ⚠️ While they can be useful for prototyping, it is not recommended to use the SVG sprites or icon fonts provided by this package in production web apps as all the available icons are included in the app, hence increasing loading time and data usage. We recommend to use a bundler and treeshaking to make sure only the icons you use are bundled with your app. Threeshaking is only available in these packages: [lucide](lucide), [lucide-react](lucide-react), [lucide-vue](lucide-vue), [lucide-vue-next](lucide-vue-next), [lucide-angular](lucide-angular), [lucide-preact](lucide-preact)
## Installation
@@ -30,10 +30,10 @@ npm install lucide-static
### CDN
```html
<!-- Svg File -->
<!-- SVG file for a single icon -->
<img src="https://unpkg.com/lucide-static@latest/icons/home.svg" />
<!-- Icon Font -->
<!-- Icon font -->
<style>
@font-face {
font-family: 'LucideIcons';
@@ -44,16 +44,16 @@ npm install lucide-static
## Usage
Checkout the [codesandbox examples](https://codesandbox.io/s/using-the-svg-sprite-lz1kk).
Check out the [codesandbox examples](https://codesandbox.io/s/using-the-svg-sprite-lz1kk).
### SVG Files
#### Svg file as image
#### SVG file as image
To use it in for example html:
```html
<!-- Svg File -->
<!-- SVG file for a single icon -->
<img src="~lucide-static/icons/home.svg" />
```
@@ -65,15 +65,15 @@ To use it in for example html:
Make sure you have the correct webpack loaders to make this work. [url-loader](https://v4.webpack.js.org/loaders/url-loader/)
#### Svg file Inline
#### SVG file as string
You can simply import each svg by targeting `lucide-static/icons/{icon-name}.svg`.
To use svgs in your project you can for example use a [svg loader](https://v4.webpack.js.org/loaders/svg-inline-loader/).
You can simply import each SVG by targeting `lucide-static/icons/{icon-name}.svg`.
To use SVGs in your project you can for example use a [SVG loader](https://v4.webpack.js.org/loaders/svg-inline-loader/).
```js
import arrowRightIcon from 'lucide-static/icons/arrow-right';
// return string of a svg
// return string of an SVG
```
### SVG Sprite
@@ -116,7 +116,7 @@ If you'd prefer, you can use CSS to hold your base SVG properties
}
```
and update the svg as follows
and update the SVG as follows
```svg
<svg

View File

@@ -42,12 +42,14 @@ You can pass additional props to adjust the icon.
### Available props
| name | type | default |
| ------------- | -------- | ------------ |
| `size` | _Number_ | 24 |
| `color` | _String_ | currentColor |
| `strokeWidth` | _Number_ | 2 |
| `*<SVGProps>` | _String_ | - |
| name | type | default |
| --------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `strokeWidth` | *number* | 2 |
| `absoluteStrokeWidth` | *boolean* | false |
| `*<SVGProps>` | *string* | - |
\* All SVGProps are available to style the svgs. See the list of SVG Presentation Attributes on [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/Presentation)

View File

@@ -42,12 +42,13 @@ import { Camera } from 'lucide-vue-next';
### Props
| name | type | default
| ------------ | -------- | --------
| `size` | *Number* | 24
| `color` | *String* | currentColor
| `stroke-width`| *Number* | 2
| `default-class`| *String* | lucide-icon
| name | type | default |
| ----------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `stroke-width` | *number* | 2 |
| `absolute-stroke-width` | *boolean* | false |
| `default-class` | *string* | lucide-icon |
### Custom props
@@ -69,7 +70,12 @@ It is possible to create one generic icon component to load icons.
``` html
<template>
<component :is="icon" :size="size" :color="color" :stroke-width="strokeWidth" :default-class="defaultClass" />
<component
:is="icon"
:size="size"
:color="color"
:stroke-width="strokeWidth" :default-class="defaultClass"
/>
</template>
<script setup>

View File

@@ -43,12 +43,13 @@ You can pass additional props to adjust the icon.
### Props
| name | type | default |
| -------------- | -------- | ------------ |
| `size` | _Number_ | 24 |
| `color` | _String_ | currentColor |
| `strokeWidth` | _Number_ | 2 |
| `defaultClass` | _String_ | lucide-icon |
| name | type | default |
| ----------------------- | --------- | ------------ |
| `size` | *number* | 24 |
| `color` | *string* | currentColor |
| `stroke-width` | *number* | 2 |
| `absolute-stroke-width` | *boolean* | false |
| `default-class` | *string* | lucide-icon |
### Custom props

View File

@@ -10,8 +10,8 @@
stroke-linejoin="round"
>
<circle cx="16" cy="4" r="1" />
<path d="m18 19 1-7-5.87.94" />
<path d="m5 8 3-3 5.5 3-2.21 3.1" />
<path d="M4.24 14.48c-.19.58-.27 1.2-.23 1.84a5 5 0 0 0 5.31 4.67c.65-.04 1.25-.2 1.8-.46" />
<path d="M13.76 17.52c.19-.58.27-1.2.23-1.84a5 5 0 0 0-5.31-4.67c-.65.04-1.25.2-1.8.46" />
<path d="m18 19 1-7-6 1" />
<path d="m5 8 3-3 5.5 3-2.36 3.5" />
<path d="M4.24 14.5a5 5 0 0 0 6.88 6" />
<path d="M13.76 17.5a5 5 0 0 0-6.88-6" />
</svg>

Before

Width:  |  Height:  |  Size: 504 B

After

Width:  |  Height:  |  Size: 398 B

View File

@@ -1,7 +1,11 @@
{
"$schema": "../icon.schema.json",
"tags": [
"done"
"done",
"todo",
"tick",
"complete",
"task"
],
"categories": [
"devices",

View File

@@ -3,7 +3,9 @@
"tags": [
"text",
"alignment",
"justified"
"justified",
"menu",
"list"
],
"categories": [
"text"

View File

@@ -3,7 +3,8 @@
"tags": [
"text",
"alignment",
"left"
"left",
"list"
],
"categories": [
"text"

12
icons/app-window.json Normal file
View File

@@ -0,0 +1,12 @@
{
"$schema": "../icon.schema.json",
"tags": [
"application",
"executable"
],
"categories": [
"design",
"files",
"layout"
]
}

View File

@@ -9,9 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M11 5h10" />
<path d="M11 9h7" />
<path d="M11 13h4" />
<path d="m3 17 3 3 3-3" />
<path d="M6 18V4" />
<rect x="2" y="4" width="20" height="16" rx="2" />
<path d="M10 4v4" />
<path d="M2 8h20" />
<path d="M6 4v4" />
</svg>

Before

Width:  |  Height:  |  Size: 331 B

After

Width:  |  Height:  |  Size: 329 B

View File

@@ -0,0 +1,11 @@
{
"$schema": "../icon.schema.json",
"tags": [
"key",
"download"
],
"categories": [
"arrows",
"files"
]
}

View File

@@ -9,9 +9,6 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M11 11h4" />
<path d="M11 15h7" />
<path d="M11 19h10" />
<path d="M9 7 6 4 3 7" />
<path d="M6 6v14" />
<path d="M15 5H9" />
<path d="M15 9v3h4l-7 7-7-7h4V9h6z" />
</svg>

Before

Width:  |  Height:  |  Size: 332 B

After

Width:  |  Height:  |  Size: 272 B

View File

@@ -9,5 +9,5 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M9 3h6v11h4l-7 7-7-7h4z" />
<path d="M15 6v6h4l-7 7-7-7h4V6h6z" />
</svg>

Before

Width:  |  Height:  |  Size: 247 B

After

Width:  |  Height:  |  Size: 249 B

View File

@@ -1,10 +1,10 @@
{
"$schema": "../icon.schema.json",
"tags": [
"menu"
"key",
"back"
],
"categories": [
"layout",
"arrows"
]
}

View File

@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M19 15V9" />
<path d="M15 15h-3v4l-7-7 7-7v4h3v6z" />
</svg>

After

Width:  |  Height:  |  Size: 275 B

View File

@@ -1,7 +1,8 @@
{
"$schema": "../icon.schema.json",
"tags": [
"key"
"key",
"back"
],
"categories": [
"arrows"

View File

@@ -9,5 +9,5 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 12 7-7v4h11v6H10v4z" />
<path d="M18 15h-6v4l-7-7 7-7v4h6v6z" />
</svg>

Before

Width:  |  Height:  |  Size: 246 B

After

Width:  |  Height:  |  Size: 251 B

View File

@@ -1,10 +1,10 @@
{
"$schema": "../icon.schema.json",
"tags": [
"menu"
"key",
"forward"
],
"categories": [
"layout",
"arrows"
]
}

View File

@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M5 9v6" />
<path d="M9 9h3V5l7 7-7 7v-4H9V9z" />
</svg>

After

Width:  |  Height:  |  Size: 270 B

View File

@@ -9,5 +9,5 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m21 12-7-7v4H3v6h11v4z" />
<path d="M6 9h6V5l7 7-7 7v-4H6V9z" />
</svg>

Before

Width:  |  Height:  |  Size: 246 B

After

Width:  |  Height:  |  Size: 248 B

View File

@@ -0,0 +1,16 @@
{
"$schema": "../icon.schema.json",
"tags": [
"keyboard",
"key",
"forward",
"caps lock",
"capitals",
"mac",
"button"
],
"categories": [
"arrows",
"development"
]
}

View File

@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M9 19h6" />
<path d="M9 15v-3H5l7-7 7 7h-4v3H9z" />
</svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@@ -1,10 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"keyboard",
"key",
"forward"
"forward",
"shift",
"mac",
"button"
],
"categories": [
"arrows"
"arrows",
"development"
]
}

View File

@@ -9,5 +9,5 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M9 21V10H5l7-7 7 7h-4v11z" />
<path d="M9 18v-6H5l7-7 7 7h-4v6H9z" />
</svg>

Before

Width:  |  Height:  |  Size: 249 B

After

Width:  |  Height:  |  Size: 250 B

15
icons/arrow-down-0-1.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-down-0-1.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<rect x="15" y="4" width="4" height="6" ry="2" />
<path d="M17 20v-6h-2" />
<path d="M15 20h4" />
</svg>

After

Width:  |  Height:  |  Size: 364 B

15
icons/arrow-down-1-0.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-down-1-0.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M17 10V4h-2" />
<path d="M15 10h4" />
<rect x="15" y="14" width="4" height="6" ry="2" />
</svg>

After

Width:  |  Height:  |  Size: 364 B

15
icons/arrow-down-a-z.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-down-a-z.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M20 8h-5" />
<path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10" />
<path d="M15 14h5l-5 6h5" />
</svg>

After

Width:  |  Height:  |  Size: 362 B

View File

@@ -0,0 +1,14 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending"
],
"categories": [
"text",
"layout",
"arrows"
]
}

View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M11 4h4" />
<path d="M11 8h7" />
<path d="M11 12h10" />
</svg>

After

Width:  |  Height:  |  Size: 331 B

View File

@@ -0,0 +1,10 @@
{
"$schema": "../icon.schema.json",
"tags": [
"direction"
],
"categories": [
"arrows",
"shapes"
]
}

View File

@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
<polyline points="8 12 12 16 16 12" />
<line x1="12" x2="12" y1="8" y2="16" />
</svg>

After

Width:  |  Height:  |  Size: 351 B

18
icons/arrow-down-up.json Normal file
View File

@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"tags": [
"bidirectional",
"direction",
"swap",
"switch",
"network",
"mobile data",
"internet",
"sort",
"reorder",
"move"
],
"categories": [
"arrows"
]
}

16
icons/arrow-down-up.svg Normal file
View File

@@ -0,0 +1,16 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="m21 8-4-4-4 4" />
<path d="M17 4v16" />
</svg>

After

Width:  |  Height:  |  Size: 313 B

View File

@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending"
],
"aliases": [
"sort-desc"
],
"categories": [
"text",
"layout",
"arrows"
]
}

View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M11 4h10" />
<path d="M11 8h7" />
<path d="M11 12h4" />
</svg>

After

Width:  |  Height:  |  Size: 331 B

15
icons/arrow-down-z-a.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-down-z-a.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 16 4 4 4-4" />
<path d="M7 4v16" />
<path d="M15 4h5l-5 6h5" />
<path d="M15 20v-3.5a2.5 2.5 0 0 1 5 0V20" />
<path d="M20 18h-5" />
</svg>

After

Width:  |  Height:  |  Size: 363 B

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="17 11 21 7 17 3" />
<line x1="21" x2="9" y1="7" y2="7" />
<polyline points="7 21 3 17 7 13" />
<line x1="15" x2="3" y1="17" y2="17" />
<path d="M8 3 4 7l4 4" />
<path d="M4 7h16" />
<path d="m16 21 4-4-4-4" />
<path d="M20 17H4" />
</svg>

Before

Width:  |  Height:  |  Size: 369 B

After

Width:  |  Height:  |  Size: 313 B

View File

@@ -0,0 +1,10 @@
{
"$schema": "../icon.schema.json",
"tags": [
"direction"
],
"categories": [
"arrows",
"shapes"
]
}

View File

@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
<polyline points="12 8 8 12 12 16" />
<line x1="16" x2="8" y1="12" y2="12" />
</svg>

After

Width:  |  Height:  |  Size: 350 B

View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"bidirectional",
"direction",
"swap",
"switch",
"transaction",
"reorder",
"move"
],
"categories": [
"arrows"
]
}

View File

@@ -0,0 +1,16 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m16 3 4 4-4 4" />
<path d="M20 7H4" />
<path d="m8 21-4-4 4-4" />
<path d="M4 17h16" />
</svg>

After

Width:  |  Height:  |  Size: 313 B

View File

@@ -0,0 +1,10 @@
{
"$schema": "../icon.schema.json",
"tags": [
"direction"
],
"categories": [
"arrows",
"shapes"
]
}

View File

@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
<polyline points="12,16 16,12 12,8" />
<line x1="8" x2="16" y1="12" y2="12" />
</svg>

After

Width:  |  Height:  |  Size: 351 B

15
icons/arrow-up-0-1.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-up-0-1.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<rect x="15" y="4" width="4" height="6" ry="2" />
<path d="M17 20v-6h-2" />
<path d="M15 20h4" />
</svg>

After

Width:  |  Height:  |  Size: 363 B

15
icons/arrow-up-1-0.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-up-1-0.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M17 10V4h-2" />
<path d="M15 10h4" />
<rect x="15" y="14" width="4" height="6" ry="2" />
</svg>

After

Width:  |  Height:  |  Size: 363 B

15
icons/arrow-up-a-z.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-up-a-z.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M20 8h-5" />
<path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10" />
<path d="M15 14h5l-5 6h5" />
</svg>

After

Width:  |  Height:  |  Size: 361 B

View File

@@ -8,10 +8,11 @@
"network",
"mobile data",
"internet",
"sort",
"reorder",
"move"
],
"categories": [
"arrows"
]
}
}

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="11 17 7 21 3 17" />
<line x1="7" x2="7" y1="21" y2="9" />
<polyline points="21 7 17 3 13 7" />
<line x1="17" x2="17" y1="15" y2="3" />
<path d="m21 16-4 4-4-4" />
<path d="M17 20V4" />
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
</svg>

Before

Width:  |  Height:  |  Size: 369 B

After

Width:  |  Height:  |  Size: 313 B

View File

@@ -9,6 +9,6 @@
],
"categories": [
"arrows",
"coding"
"development"
]
}
}

View File

@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending"
],
"aliases": [
"sort-asc"
],
"categories": [
"text",
"layout",
"arrows"
]
}

View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M11 12h4" />
<path d="M11 16h7" />
<path d="M11 20h10" />
</svg>

After

Width:  |  Height:  |  Size: 332 B

View File

@@ -0,0 +1,10 @@
{
"$schema": "../icon.schema.json",
"tags": [
"direction"
],
"categories": [
"arrows",
"shapes"
]
}

15
icons/arrow-up-square.svg Normal file
View File

@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
<polyline points="16 12 12 8 8 12" />
<line x1="12" x2="12" y1="16" y2="8" />
</svg>

After

Width:  |  Height:  |  Size: 350 B

View File

@@ -0,0 +1,14 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending"
],
"categories": [
"text",
"layout",
"arrows"
]
}

View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M11 12h10" />
<path d="M11 16h7" />
<path d="M11 20h4" />
</svg>

After

Width:  |  Height:  |  Size: 332 B

15
icons/arrow-up-z-a.json Normal file
View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}

17
icons/arrow-up-z-a.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M15 4h5l-5 6h5" />
<path d="M15 20v-3.5a2.5 2.5 0 0 1 5 0V20" />
<path d="M20 18h-5" />
</svg>

After

Width:  |  Height:  |  Size: 362 B

19
icons/ban.json Normal file
View File

@@ -0,0 +1,19 @@
{
"$schema": "../icon.schema.json",
"tags": [
"cancel",
"no",
"stop",
"forbidden",
"prohibited",
"error",
"circle",
"slash"
],
"categories": [
"account"
],
"aliases": [
"slash"
]
}

View File

Before

Width:  |  Height:  |  Size: 297 B

After

Width:  |  Height:  |  Size: 297 B

View File

@@ -1,7 +1,11 @@
{
"$schema": "../icon.schema.json",
"tags": [
"cup"
"cup",
"lab",
"chemistry",
"experiment",
"test"
],
"categories": [
"science",

14
icons/bell-dot.json Normal file
View File

@@ -0,0 +1,14 @@
{
"$schema": "../icon.schema.json",
"tags": [
"alarm",
"notification",
"sound",
"reminder",
"unread"
],
"categories": [
"account",
"notifications"
]
}

15
icons/bell-dot.svg Normal file
View File

@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M19.4 14.9C20.2 16.4 21 17 21 17H3s3-2 3-9c0-3.3 2.7-6 6-6 .7 0 1.3.1 1.9.3" />
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
<circle cx="18" cy="8" r="3" />
</svg>

After

Width:  |  Height:  |  Size: 379 B

View File

@@ -9,7 +9,7 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M13.73 21a2 2 0 0 1-3.46 0" />
<path d="M21 5h-6" />
<path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
<path d="M18.4 12c.8 3.8 2.6 5 2.6 5H3s3-2 3-9c0-3.3 2.7-6 6-6 1.8 0 3.4.8 4.5 2" />
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
<path d="M15 8h6" />
</svg>

Before

Width:  |  Height:  |  Size: 352 B

After

Width:  |  Height:  |  Size: 364 B

View File

@@ -9,9 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M13.73 21a2 2 0 0 1-3.46 0" />
<path d="M18.63 13A17.888 17.888 0 0 1 18 8" />
<path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14" />
<path d="M18 8a6 6 0 0 0-9.33-5" />
<path d="M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" />
<path d="M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" />
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
<path d="m2 2 20 20" />
</svg>

Before

Width:  |  Height:  |  Size: 425 B

After

Width:  |  Height:  |  Size: 393 B

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 0 1 7-5.916" />
<path d="M13.73 21a2 2 0 0 1-3.46 0" />
<path d="M18 2v6" />
<path d="M21 5h-6" />
<path d="M19.3 14.8C20.1 16.4 21 17 21 17H3s3-2 3-9c0-3.3 2.7-6 6-6 1 0 1.9.2 2.8.7" />
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
<path d="M15 8h6" />
<path d="M18 5v6" />
</svg>

Before

Width:  |  Height:  |  Size: 377 B

After

Width:  |  Height:  |  Size: 390 B

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
<path d="M13.73 21a2 2 0 0 1-3.46 0" />
<path d="M2 8c0-2.2.7-4.3 2-6" />
<path d="M22 8a10 10 0 0 0-2-6" />
<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
<path d="M4 2C2.8 3.7 2 5.7 2 8" />
<path d="M22 8c0-2.3-.8-4.3-2-6" />
</svg>

Before

Width:  |  Height:  |  Size: 382 B

After

Width:  |  Height:  |  Size: 387 B

View File

@@ -9,6 +9,6 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
<path d="M13.73 21a2 2 0 0 1-3.46 0" />
<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" />
<path d="M10.3 21a1.94 1.94 0 0 0 3.4 0" />
</svg>

Before

Width:  |  Height:  |  Size: 309 B

After

Width:  |  Height:  |  Size: 311 B

View File

@@ -9,7 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="5.5" cy="17.5" r="3.5" />
<circle cx="18.5" cy="17.5" r="3.5" />
<path d="M15 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3 11.5V14l-3-3 4-3 2 3h2" />
<circle cx="5.5" cy="17.5" r="3.5" />
<circle cx="15" cy="5" r="1" />
<path d="M12 17.5V14l-3-3 4-3 2 3h2" />
</svg>

Before

Width:  |  Height:  |  Size: 365 B

After

Width:  |  Height:  |  Size: 365 B

View File

@@ -9,6 +9,6 @@
],
"categories": [
"text",
"coding"
"development"
]
}
}

14
icons/biohazard.json Normal file
View File

@@ -0,0 +1,14 @@
{
"$schema": "../icon.schema.json",
"tags": [
"fallout",
"waste",
"biology",
"chemistry",
"chemical",
"element"
],
"categories": [
"science"
]
}

22
icons/biohazard.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<circle cx="12" cy="11.9" r="2" />
<path d="M6.7 3.4c-.9 2.5 0 5.2 2.2 6.7C6.5 9 3.7 9.6 2 11.6" />
<path d="m8.9 10.1 1.4.8" />
<path d="M17.3 3.4c.9 2.5 0 5.2-2.2 6.7 2.4-1.2 5.2-.6 6.9 1.5" />
<path d="m15.1 10.1-1.4.8" />
<path d="M16.7 20.8c-2.6-.4-4.6-2.6-4.7-5.3-.2 2.6-2.1 4.8-4.7 5.2" />
<path d="M12 13.9v1.6" />
<path d="M13.5 5.4c-1-.2-2-.2-3 0" />
<path d="M17 16.4c.7-.7 1.2-1.6 1.5-2.5" />
<path d="M5.5 13.9c.3.9.8 1.8 1.5 2.5" />
</svg>

After

Width:  |  Height:  |  Size: 675 B

View File

@@ -8,7 +8,7 @@
"categories": [
"brands",
"currency",
"coding",
"development",
"money"
]
}
}

View File

@@ -9,5 +9,5 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18.6 9.82c-.52-.21-1.15-.25-1.54.15l-7.07 7.06c-.39.39-.36 1.03-.15 1.54.12.3.16.6.16.93a2.5 2.5 0 0 1-5 0c0-.26-.24-.5-.5-.5a2.5 2.5 0 1 1 .96-4.82c.5.21 1.14.25 1.53-.15l7.07-7.06c.39-.39.36-1.03.15-1.54-.12-.3-.21-.6-.21-.93a2.5 2.5 0 0 1 5 0c.01.26.24.49.5.5a2.5 2.5 0 1 1-.9 4.82Z" />
<path d="M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z" />
</svg>

Before

Width:  |  Height:  |  Size: 510 B

After

Width:  |  Height:  |  Size: 416 B

View File

@@ -12,7 +12,6 @@
"clone"
],
"categories": [
"development",
"coding"
"development"
]
}

View File

@@ -8,7 +8,6 @@
"pull"
],
"categories": [
"development",
"coding"
"development"
]
}

View File

@@ -9,7 +9,6 @@
],
"categories": [
"development",
"coding",
"security"
]
}

View File

@@ -9,7 +9,6 @@
],
"categories": [
"development",
"coding",
"security"
]
}

View File

@@ -11,7 +11,6 @@
"repository"
],
"categories": [
"development",
"coding"
"development"
]
}

View File

@@ -9,7 +9,6 @@
"delete"
],
"categories": [
"development",
"coding"
"development"
]
}

View File

@@ -3,10 +3,15 @@
"tags": [
"read",
"library",
"plain language"
"plain language",
"done",
"todo",
"tick",
"complete",
"task"
],
"categories": [
"gaming",
"development"
]
}
}

View File

@@ -8,4 +8,4 @@
"gaming",
"development"
]
}
}

View File

@@ -8,7 +8,6 @@
"add"
],
"categories": [
"development",
"coding"
"development"
]
}

View File

@@ -9,7 +9,6 @@
"dashed"
],
"categories": [
"development",
"coding"
"development"
]
}

Some files were not shown because too many files have changed in this diff Show More