Compare commits

...

86 Commits

Author SHA1 Message Date
Eric Fennis
9e524fd557 Add icon check-check (#809)
* add icon check check

* Update icons/check-check.svg

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

Co-authored-by: Karsa <contact@karsa.org>
2022-11-01 17:30:41 +01:00
Wojciech Maj
b5c71c4fc3 Dedupe dependencies (#854) 2022-11-01 17:28:24 +01:00
Sean van Zuidam
aa8861a2cd Add show more link for packages on Homepage (#858)
* DEL: laravel from homepage packages

* ADD: more options link

This makes it more clear there are more options than just the ones shown on the homepage
2022-11-01 17:25:14 +01:00
Wojciech Maj
a41918a81e Don't hardcode GitHub username in fetchCommitsOfIcon, allow usage of GITHUB_TOKEN instead (#844)
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2022-10-27 08:22:53 +02:00
Wojciech Maj
33be2c2430 Split commands in documentation to make it possible to use Copy to clipboard icon (#853)
GitHub adds Copy to clipboard button to all code snippets. By splitting npm and yarn specific snippets into two separate snippets we make it possible to copy the command dev is interested in in one click instead of manually selecting it and copying with Ctrl+C.
2022-10-27 08:19:45 +02:00
Wojciech Maj
eb706417e6 Reduce __NEXT_DATA__ size by removing content and author.commit properties from IconEntity (#846)
Reduces __NEXT_DATA__ size on main page by 127610 bytes by calculating `content` from `src` property and removing `commit` data altogether.

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2022-10-27 08:17:25 +02:00
Wojciech Maj
01e11a61f8 Update GitHub Actions actions/checkout to v3 (#851)
Fixed dependency warning:

```
Node.js 12 actions are deprecated. For more information see: https://github.blog/changelog/2022-09-22-github-actions-all-actions-will-begin-running-on-node16-instead-of-node12/. Please update the following actions to use Node.js 16: actions/checkout
```
2022-10-27 08:15:43 +02:00
Kemie
b323bbd28e Add Cat & Dog (#825)
* Added cat & dog

* optimized svgs, tags

* updated cat & dog

refined icons to better meet design guidelines (2px gap)

* Update dog.svg

fixed ears

* Update tags.json

tags for dog

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

* Update tags.json

tags for cat

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

* reoptimized dog & cat svgs

* reoptimized svgs

* svg code formatting

* unmerge paths

* Update icons/cat.svg

* Update icons/dog.svg

Co-authored-by: Karsa <contact@karsa.org>
2022-10-27 08:13:26 +02:00
Wojciech Maj
514e88bbf9 Remove direct dependency on @emotion/core, @emotion/react, @emotion/styled (#849) 2022-10-27 08:11:57 +02:00
Sean van Zuidam
de6ed26152 ADD: missing key to loops (#856) 2022-10-27 08:11:05 +02:00
Wojciech Maj
b8cc9ea3c8 Update husky, automatically install husky on pnpm i (#847)
Fixes #836

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2022-10-26 08:50:19 +02:00
Wojciech Maj
cc2ac8bfcd Lazy load JSZip on Download all button click (#850) 2022-10-26 08:46:19 +02:00
Wojciech Maj
0e340a2679 Add lucide-react-native package to Header and main menu items (#845)
Fixes #841
2022-10-26 08:41:05 +02:00
Wojciech Maj
c15e3914a6 Fix version not bumped in lucide-react-native package.json (#840)
Fixes #839

…i think.
2022-10-26 08:36:57 +02:00
Wojciech Maj
ff81fbfd9a Don't use md4 in crypto.createHash (#843)
Fixes #842

Please review carefully - I don't fully understand how this hash is used and whether there are any implications of changing it.
2022-10-26 08:36:17 +02:00
Wojciech Maj
5317abb867 Add packageManager to package.json to allow usage with Corepack (#838) 2022-10-26 08:33:51 +02:00
Wojciech Maj
ac80b9e58f Update react-native-svg to ^13.0.0, allow react-native-svg ^13.0.0 as peerDependency (#837) 2022-10-26 08:33:17 +02:00
Eric Fennis
a25f139953 add spline icon (#811) 2022-10-24 18:54:16 +02:00
Ekow Baah-Nyarkoh
b457c8dea1 Make lucid-angular compatible with angular 14 (#835)
* make lucid angular compatible with angular 14

* update pnpm-lock file
2022-10-24 18:39:44 +02:00
Christian Friedow
2e24567f8e Docs: fix and extend the generic vue3 icon component example (#832)
* docs: fix and extend the vue3 icon component example

* docs: refactor the usage example to utilize script setup

* fix: correct dashcase in property names
2022-10-23 18:30:39 +02:00
ANTARCTUS
9b90bc4d51 Better tags 1 (#827)
* Update tags.json

Add "logo" tag to the trello logo

* Update tags.json

Add "maths" tag

* Update tags.json

Add tag "logo" to  chrome

* Update tags.json

Add the tag "shape" to "octogon", "triangle", "square" and "circle"

* Update tags.json

Add tag "shape" to diamond

* Update tags.json

Add tag "maths" to function

* Update tags.json

* Update tags.json

Add "maths" to "circle slashed"

* Update tags.json

Remove the comma after the tag logo from trello
2022-10-23 18:29:43 +02:00
Lucide Bot
6fd0380e19 📦 Bump lucide package versions to 0.93.0 2022-10-23 12:19:23 +00:00
Eric Fennis
603ee05674 Add heading icons (#810) 2022-10-23 14:12:17 +02:00
Eric Fennis
be15f5e54b Update README.md 2022-10-20 08:23:27 +02:00
Eric Fennis
ea409105ce Remove post-install lucide-angular (#808)
* remove postinstall

* final fixes
2022-10-20 08:08:42 +02:00
Eric Fennis
969254d986 Update readme and update repo logo (#828)
* Add ids to logos

* try this

* fix viewBox svg images

* update svgs

* Update README.md

* update readme

* fix badges

* small fix

* fix image url
2022-10-19 22:34:35 +02:00
Lucide Bot
200cc17ef6 📦 Bump lucide package versions to 0.92.0 2022-10-19 11:04:51 +00:00
Luke Murray
893119b064 change direction of arrow in sort ascending (#819)
fixes https://github.com/lucide-icons/lucide/issues/805
2022-10-19 12:58:44 +02:00
Alen Šiljak
3e10988978 fixing the link title for Vue 2 (#821) 2022-10-19 12:46:38 +02:00
Alen Šiljak
53a764fc5b main branch name (#824) 2022-10-19 12:44:56 +02:00
Eric Fennis
4cc195092f Add framework svg logos 2022-10-19 09:19:15 +02:00
priority
b7ef305b9f docs: fix click button download zip accidentally (#816) 2022-10-19 07:52:18 +02:00
Alen Šiljak
52896efc94 Adding Svelte to the readme (#820)
* Adding Svelte to the readme

* adding solid section

Co-authored-by: Alen Šiljak <dev@alensiljak.eu.org>
2022-10-18 22:48:25 +02:00
Luke Murray
2c0448a19a Update CONTRIBUTING.md minimum node version (#818)
The build process uses import assertions which were added in Node 16.4. Updating the docs to reflect that since this bit me while contributing.

Example of import assertion

aa524c65a0/scripts/render/processSvg.mjs (L5)

[documentation for when import assertions were added in node](https://nodejs.org/api/esm.html#import-assertions)
2022-10-18 21:56:23 +02:00
Patrick Barrett
aa524c65a0 Fix signal-zero (#812)
Currently the icons `signal-zero` and `signal-low` are exactly the same.

![signal-low](https://github.com/lucide-icons/lucide/blob/main/icons/signal-low.svg)
![signal-zero](https://github.com/lucide-icons/lucide/blob/main/icons/signal-zero.svg)

Previously called out here https://github.com/lucide-icons/lucide/pull/428#issuecomment-1099289022 and confirmed by @ericfennis, the author of the original PR.

I've just manually edited `signal-zero` to remove the second bar.
2022-10-17 09:29:51 +02:00
Lauren Golembiewski
609ca31815 Update GitHub pull request guide link (#807)
Replace existing, broken link with new link found on egghead.
2022-10-16 18:20:20 +02:00
Lucide Bot
8fc34bfe1b 📦 Bump lucide package versions to 0.91.0 2022-10-03 14:45:59 +00:00
Karsa
48fa902b1c Added ear and ear-off (#804)
* Added ear and ear-off

* Fixes incorrect commit

Co-authored-by: Karsa <karsa@karsa.org>
2022-10-03 16:37:05 +02:00
Eric Fennis
cdd57e6610 Add Solid package (#797)
* init solid package

* add testing

* Fix tests solid

* add workflow

* update types build

* Fix typings file

* switch to camelCase props

* revert camelcased props

* Fix tests

* Fixing dynamic reactive props in lucide icons

* release beta

* strokeWidth fix

* bump beta version

* improve docs

* update beta release

* update vitest config

* Add automatic release for solid package
2022-10-03 16:36:33 +02:00
Lucide Bot
1f5119785b 📦 Bump lucide package versions to 0.90.0 2022-09-20 06:18:24 +00:00
Oliver Schmidt
90a3f6e1dd Add book-open-check icon #789 (#790)
* Add book-open-check icon

* Added tags for book-open-check

* Update icons/book-open-check.svg

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

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
Co-authored-by: Karsa <contact@karsa.org>
2022-09-20 08:12:10 +02:00
Lucide Bot
4ae4eae53d 📦 Bump lucide package versions to 0.89.0 2022-09-15 09:26:27 +00:00
Eric Fennis
e99228c65d Add plug icons (#786)
>
>
Co-authored-by: Karsa <karsa@karsa.org>
2022-09-15 11:18:55 +02:00
Eric Fennis
34249ff42c Fix site build (#796)
* Some fixes site

* A lot of fixes in the site

* move file
2022-09-13 09:03:13 +02:00
andreas
f9d37968d6 Fix typo in lucide-vuew (#795) 2022-09-12 21:26:35 +02:00
Chad Fernandez
864b71822b Fixed a small typo in the docs. (#787) 2022-08-25 11:44:40 +02:00
Lucide Bot
bc3bd1267a 📦 Bump lucide package versions to 0.88.0 2022-08-18 16:29:35 +00:00
Karsa
5d22d8e456 Added sailboat (#665)
* Added accessibility icon as per https://github.com/feathericons/feather/issues/633

* added newline to end of file

* Updated icon to comply with design guidelines and more closely match accessibleicon.org

* Added sailboat

* Updates icon based on @ericfennis' suggestion. Adds harbour and port tags.

* Update icons/sailboat.svg

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

* Update icons/sailboat.svg

Merge extra paths into a single triangle.

Co-authored-by: Karsa <karsa@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2022-08-18 18:20:10 +02:00
Lucide Bot
db98602331 📦 Bump lucide package versions to 0.87.0 2022-08-18 10:25:46 +00:00
it-is-not
4eca473cd4 Add arrow-up-down icon (#785)
* add arrow-up-down icon

* add more tags

* Update tags.json

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

* Update icons/arrow-up-down.svg

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

* add tags to arrow-left-right

Co-authored-by: Karsa <contact@karsa.org>
2022-08-18 12:18:23 +02:00
Eric Fennis
e6eedee22d Add version command to package.jsons 2022-08-10 19:12:21 +02:00
Lucide Bot
a8174a34b5 📦 Bump lucide package versions to 0.86.0 2022-08-10 13:38:57 +00:00
Karsa
3196af66ce Adds remaning hotel icons. (#756)
Co-authored-by: Karsa <karsa@karsa.org>
2022-08-10 15:32:26 +02:00
Eric Fennis
dd593e3dc3 Add no --no-git-checks for release workflow 2022-08-10 15:31:25 +02:00
Reund0
d4fe0470ae add "aspect-ratio-16x9" or "rectangle" icon (#754)
* Adding "aspect-ratio-16x9" icon tag

* Add files via upload

* editing icons tags

add "inspect ratio" tags to "rectangle-horizontal", "rectangle-vertical", "square" icons.

* Update and rename aspect-ratio-16x9.svg to rectangle-horizontal.svg

Changing icon name and rectangle sizes.

* Create rectangle-vertical

* Update tags.json

* Rename rectangle-vertical to rectangle-vertical.svg
2022-08-10 09:15:53 +02:00
Eric Fennis
318c024589 Migrate to PNPM (#777)
* add pnpm

* make it work

* fix comamnds in package.jsons

* move some scripts to modules

* workflow fixes

* test workflow

* test #2

* minor fix

* update lockflite

* create workflows

* update workflow

* Add copy license command

* Fix build

* update workflows

* update contributions.md

* migrate site directory to pnpm

* Fix peer dependencies when install

* fix types in lucide-angular

* fix testing
2022-08-10 09:10:53 +02:00
jcleme
bd8b669666 Add color prop to "Additional Props" example (#783)
The additional props example previously had no props at all, this adds the color prop to solve that problem.
2022-08-08 20:34:44 +02:00
Karsa
89baeeeb63 Adds airplane tag to plane. Removes plane tag from plane. (#780) 2022-08-02 07:43:34 +02:00
Lucide Bot
9fbec87eb0 📦 Bump lucide package versions to 0.84.0 2022-07-31 17:48:09 +00:00
Karsa
a9a441b6de Adds citrus icon (#758)
Co-authored-by: Karsa <karsa@karsa.org>
2022-07-31 19:40:16 +02:00
Lucide Bot
40b11ec1fc 📦 Bump lucide package versions to 0.83.0 2022-07-21 07:05:54 +00:00
Karsa
96e7120d12 Fixes qr-code (#767) 2022-07-21 08:56:20 +02:00
Lucide Bot
2c14f71c3f 📦 Bump lucide package versions to 0.82.0 2022-07-21 06:49:39 +00:00
Karsa
5a7b2987b2 Add trophy & medal icons (#759) 2022-07-21 08:42:33 +02:00
Karsa
39075bf6b2 Adds sun-snow icon (#760) 2022-07-21 08:42:27 +02:00
Karsa
edac79f9bb Adds webhook icon (#762) 2022-07-21 08:42:20 +02:00
Karsa
b6335630e1 Adds curly-braces & file-json icons (#765) 2022-07-21 08:42:13 +02:00
Karsa
e6da75ea8f Fixes box-select (#766) 2022-07-21 08:42:05 +02:00
Karsa
6d6dee1731 Adds scan-face icon (#768) 2022-07-21 08:41:58 +02:00
Karsa
03630e045d Adds megaphone-off (#769) 2022-07-21 08:41:51 +02:00
Karsa
67d77d448b Adds heart-pulse icon (#771) 2022-07-21 08:41:41 +02:00
Lucide Bot
3e41173f32 📦 Bump lucide package versions to 0.81.0 2022-07-20 21:29:19 +00:00
Karsa
ead5a81916 Adds further mail icons (#755)
* Adds mail icons

* Adds delivered to mail-check

* Fix typo

Co-authored-by: Karsa <karsa@karsa.org>
2022-07-20 23:19:49 +02:00
Eric Fennis
3d92eb3833 📦 Update packages (#776)
* Fix vercel build

* update packages
2022-07-20 23:18:48 +02:00
Karsa
8b88ddf07e Adds suitcase tag to luggage icons (#770)
Co-authored-by: Karsa <karsa@karsa.org>
2022-07-20 21:25:09 +02:00
Eric Fennis
fb03374041 Add flip icons (#734)
* Fix vercel build

* add flip icons

* Update icons/flip-vertical.svg

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

* Update icons/flip-horizontal.svg

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

* Adds alternate flip icon styles

Co-authored-by: Karsa <contact@karsa.org>
2022-07-20 21:20:33 +02:00
Karsa
1eee03451a Fixes LICENSE (#774)
Co-authored-by: @karsa-mistmere 
Co-authored-by: @ericfennis
2022-07-20 21:16:43 +02:00
Karsa
337d005c78 Adds extra git icons (#761) 2022-07-19 11:07:01 +02:00
Karsa
612729a897 Fixes tag & adds tags (#764) 2022-07-19 11:06:51 +02:00
Karsa
35cbb8826e Adds bone icon (#757) 2022-07-19 11:06:42 +02:00
Karsa
deaeefd247 Adds wand-2 icon (#763) 2022-07-19 10:36:01 +02:00
Karsa
1f32d59aaf Adds usb icon (#740)
Co-authored-by: Karsa <karsa@karsa.org>
2022-07-17 11:09:00 +02:00
dependabot[bot]
ec102a252d Bump svelte from 3.45.0 to 3.49.0 (#753)
Bumps [svelte](https://github.com/sveltejs/svelte) from 3.45.0 to 3.49.0.
- [Release notes](https://github.com/sveltejs/svelte/releases)
- [Changelog](https://github.com/sveltejs/svelte/blob/master/CHANGELOG.md)
- [Commits](https://github.com/sveltejs/svelte/compare/v3.45.0...v3.49.0)

---
updated-dependencies:
- dependency-name: svelte
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-07-17 11:02:33 +02:00
Yashu Mittal
6d60416009 feat: add joystick icon (#671)
* feat: add joystick icon

* Update icons/joystick.svg

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

* Update tags.json

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

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
Co-authored-by: Karsa <contact@karsa.org>
2022-07-17 10:59:41 +02:00
Karsa
942b263f5f Adds various food icons (#680)
* Added accessibility icon as per https://github.com/feathericons/feather/issues/633

* added newline to end of file

* Updated icon to comply with design guidelines and more closely match accessibleicon.org

* Adds various food icons.

* Added egg-fried

* Fixes dots on icons

* Removed lemon, orange, popsicle & watermelon

Co-authored-by: Karsa <karsa@karsa.org>
2022-07-11 20:17:01 +02:00
Karsa
a006513cec Adds air-conditioner icon (#693)
* Adds ac icon

* renamed to air-vent

Co-authored-by: Karsa <karsa@karsa.org>
2022-07-11 20:14:53 +02:00
283 changed files with 25417 additions and 34227 deletions

View File

@@ -17,5 +17,9 @@ module.exports = {
trailingComma: 'all' trailingComma: 'all'
} }
] ]
} },
parserOptions: {
tsconfigRootDir: __dirname,
project: ['./site/tsconfig.json', './packages/*/tsconfig.json'],
},
}; };

View File

@@ -14,15 +14,33 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- name: Checkout code - uses: actions/checkout@v3
uses: actions/checkout@v2 - uses: actions/setup-node@v3
- name: Setup node
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Fetch tags - name: Fetch tags
run: git fetch --all --tags run: git fetch --all --tags
@@ -32,7 +50,7 @@ jobs:
run: echo "::set-output name=LATEST_TAG::$(git describe --tags `git rev-list --tags --max-count=1`)" run: echo "::set-output name=LATEST_TAG::$(git describe --tags `git rev-list --tags --max-count=1`)"
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Check if we can patch - name: Check if we can patch
run: .github/workflows/version-up.sh --minor run: .github/workflows/version-up.sh --minor
@@ -44,7 +62,7 @@ jobs:
- name: Create change log - name: Create change log
id: change-log id: change-log
run: | run: |
CHANGE_LOG=$(yarn --silent run generate:changelog --old-tag=${{ steps.latest-tag.outputs.LATEST_TAG }}) CHANGE_LOG=$(pnpm run generate:changelog --old-tag=${{ steps.latest-tag.outputs.LATEST_TAG }})
CHANGE_LOG="${CHANGE_LOG//'%'/'%25'}" CHANGE_LOG="${CHANGE_LOG//'%'/'%25'}"
CHANGE_LOG="${CHANGE_LOG//$'\n'/'%0A'}" CHANGE_LOG="${CHANGE_LOG//$'\n'/'%0A'}"
CHANGE_LOG="${CHANGE_LOG//$'\r'/'%0D'}" CHANGE_LOG="${CHANGE_LOG//$'\r'/'%0D'}"

47
.github/workflows/lucide-angular.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide Angular checks
on:
pull_request:
paths:
- packages/lucide-angular/**
push:
paths:
- packages/lucide-angular/**
jobs:
lucide-angular:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-angular build
- name: Test
run: pnpm --filter lucide-angular test

47
.github/workflows/lucide-preact.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide Preact Checks
on:
pull_request:
paths:
- packages/lucide-preact/**
push:
paths:
- packages/lucide-preact/**
jobs:
lucide-preact:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-preact build
- name: Test
run: pnpm --filter lucide-preact test

View File

@@ -0,0 +1,47 @@
name: Lucide React Native checks
on:
pull_request:
paths:
- packages/lucide-react-native/**
push:
paths:
- packages/lucide-react-native/**
jobs:
lucide-react-native:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-react-native build
- name: Test
run: pnpm --filter lucide-react-native test

47
.github/workflows/lucide-react.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide React Checks
on:
pull_request:
paths:
- packages/lucide-react/**
push:
paths:
- packages/lucide-react/**
jobs:
lucide-react:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-react build
- name: Test
run: pnpm --filter lucide-react test

47
.github/workflows/lucide-solid.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide Solid Checks
on:
pull_request:
paths:
- packages/lucide-solid/**
push:
paths:
- packages/lucide-solid/**
jobs:
lucide-solid:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-solid build
- name: Test
run: pnpm --filter lucide-solid test

44
.github/workflows/lucide-static.yml vendored Normal file
View File

@@ -0,0 +1,44 @@
name: Lucide Static checks
on:
pull_request:
paths:
- packages/lucide-static/**
push:
paths:
- packages/lucide-static/**
jobs:
lucide-static:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-static build

47
.github/workflows/lucide-svelte.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide Svelte checks
on:
pull_request:
paths:
- packages/lucide-svelte/**
push:
paths:
- packages/lucide-svelte/**
jobs:
lucide-svelte:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-svelte build
- name: Test
run: pnpm --filter lucide-svelte test

47
.github/workflows/lucide-vue-next.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide Vue Next checks
on:
pull_request:
paths:
- packages/lucide-vue-next/**
push:
paths:
- packages/lucide-vue-next/**
jobs:
lucide-vue-next:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-vue-next build
- name: Test
run: pnpm --filter lucide-vue-next test

47
.github/workflows/lucide-vue.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide Vue checks
on:
pull_request:
paths:
- packages/lucide-vue/**
push:
paths:
- packages/lucide-vue/**
jobs:
lucide-vue:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide-vue build
- name: Test
run: pnpm --filter lucide-vue test

47
.github/workflows/lucide.yml vendored Normal file
View File

@@ -0,0 +1,47 @@
name: Lucide checks
on:
pull_request:
paths:
- packages/lucide/**
push:
paths:
- packages/lucide/**
jobs:
lucide:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Build
run: pnpm --filter lucide build
- name: Test
run: pnpm --filter lucide test

View File

@@ -3,7 +3,7 @@ name: Release Packages
on: on:
push: push:
tags: tags:
- "v*" - 'v*'
workflow_dispatch: workflow_dispatch:
inputs: inputs:
@@ -13,7 +13,7 @@ on:
jobs: jobs:
pre-build: pre-build:
if: github.repository == 'lucide-icons/lucide' && contains('["locness3","ericfennis", "johnletey"]', github.actor) if: github.repository == 'lucide-icons/lucide' && contains('["locness3","ericfennis", "johnletey", "karsa-mistmere"]', github.actor)
runs-on: ubuntu-latest runs-on: ubuntu-latest
outputs: outputs:
VERSION: ${{ steps.get_version.outputs.VERSION }} VERSION: ${{ steps.get_version.outputs.VERSION }}
@@ -32,31 +32,48 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set new version - name: Set new version
run: yarn workspace lucide version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide build run: pnpm --filter lucide build
- name: Test - name: Test
run: yarn workspace lucide test run: pnpm --filter lucide test
- name: Publish - name: Publish
run: yarn workspace lucide publish run: pnpm --filter lucide publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -69,32 +86,49 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set package.json version lucide - name: Set package.json version lucide
run: yarn workspace lucide-react version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-react version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide-react build run: pnpm --filter lucide-react build
- name: Test - name: Test
run: yarn workspace lucide-react test run: pnpm --filter lucide-react test
- name: Publish - name: Publish
run: yarn workspace lucide-react publish run: pnpm --filter lucide-react publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -107,32 +141,49 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set package.json version lucide - name: Set package.json version lucide
run: yarn workspace lucide-react-native version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-react-native version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide-react-native build run: pnpm --filter lucide-react-native build
- name: Test - name: Test
run: yarn workspace lucide-react-native test run: pnpm --filter lucide-react-native test
- name: Publish - name: Publish
run: yarn workspace lucide-react-native publish run: pnpm --filter lucide-react-native publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -145,32 +196,49 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set new version - name: Set new version
run: yarn workspace lucide-vue version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-vue version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide-vue build run: pnpm --filter lucide-vue build
- name: Test - name: Test
run: yarn workspace lucide-vue test run: pnpm --filter lucide-vue test
- name: Publish - name: Publish
run: yarn workspace lucide-vue publish run: pnpm --filter lucide-vue publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -183,32 +251,49 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set new version - name: Set new version
run: yarn workspace lucide-vue-next version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-vue-next version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide-vue-next build run: pnpm --filter lucide-vue-next build
- name: Test - name: Test
run: yarn workspace lucide-vue-next test run: pnpm --filter lucide-vue-next test
- name: Publish - name: Publish
run: yarn workspace lucide-vue-next publish run: pnpm --filter lucide-vue-next publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -221,32 +306,49 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set package.json version lucide - name: Set package.json version lucide
run: yarn workspace lucide-angular version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-angular version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide-angular build run: pnpm --filter lucide-angular build
- name: Test - name: Test
run: yarn workspace lucide-angular test:headless run: pnpm --filter lucide-angular test
- name: Publish - name: Publish
run: yarn workspace lucide-angular publish dist run: pnpm --filter lucide-angular publish dist --no-git-checks --ignore-scripts
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -259,32 +361,49 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set package.json version lucide - name: Set package.json version lucide
run: yarn workspace lucide-preact version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-preact version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide-preact build run: pnpm --filter lucide-preact build
- name: Test - name: Test
run: yarn workspace lucide-preact test run: pnpm --filter lucide-preact test
- name: Publish - name: Publish
run: yarn workspace lucide-preact publish run: pnpm --filter lucide-preact publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -292,37 +411,109 @@ jobs:
name: lucide-preact-package-json name: lucide-preact-package-json
path: packages/lucide-preact/package.json path: packages/lucide-preact/package.json
lucide-svelte: lucide-solid:
if: github.repository == 'lucide-icons/lucide' if: github.repository == 'lucide-icons/lucide'
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set package.json version lucide - name: Set package.json version lucide
run: yarn workspace lucide-svelte version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-solid version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build - name: Build
run: yarn workspace lucide-svelte build run: pnpm --filter lucide-solid build
- name: Test - name: Test
run: yarn workspace lucide-svelte test run: pnpm --filter lucide-solid test
- name: Publish - name: Publish
run: yarn workspace lucide-svelte publish run: pnpm --filter lucide-solid publish --no-git-checks
- name: Upload package.json
uses: actions/upload-artifact@v2
with:
name: lucide-solid-package-json
path: packages/lucide-solid/package.json
lucide-svelte:
if: github.repository == 'lucide-icons/lucide'
runs-on: ubuntu-latest
needs: pre-build
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 16
- uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies
run: pnpm install
- name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set package.json version lucide
run: pnpm --filter lucide-svelte version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Build
run: pnpm --filter lucide-svelte build
- name: Test
run: pnpm --filter lucide-svelte test
- name: Publish
run: pnpm --filter lucide-svelte publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -335,33 +526,50 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: [pre-build, lucide-font] needs: [pre-build, lucide-font]
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- uses: actions/download-artifact@v2 - uses: actions/download-artifact@v2
- name: Setup node - uses: actions/setup-node@v3
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install dependencies - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Set Auth Token - name: Set Auth Token
run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }} run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
- name: Set new version - name: Set new version
run: yarn workspace lucide-static version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version run: pnpm --filter lucide-static version --new-version ${{ needs.pre-build.outputs.VERSION }} --no-git-tag-version
- name: Move Font - name: Move Font
run: cp -r lucide-font packages/lucide-static/font run: cp -r lucide-font packages/lucide-static/font
- name: Build - name: Build
run: yarn workspace lucide-static build run: pnpm --filter lucide-static build
- name: Publish - name: Publish
run: yarn workspace lucide-static publish run: pnpm --filter lucide-static publish --no-git-checks
- name: Upload package.json - name: Upload package.json
uses: actions/upload-artifact@v2 uses: actions/upload-artifact@v2
@@ -374,14 +582,30 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
needs: pre-build needs: pre-build
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- uses: actions/setup-node@v3
- name: Setup node
uses: actions/setup-node@v3
with: with:
node-version: 16 node-version: 16
cache: 'yarn'
cache-dependency-path: 'yarn.lock' - uses: pnpm/action-setup@v2.0.1
name: Install pnpm
id: pnpm-install
with:
version: 7
run_install: false
- name: Get pnpm store directory
id: pnpm-cache
run: |
echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
- uses: actions/cache@v3
name: Setup pnpm cache
with:
path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
restore-keys: |
${{ runner.os }}-pnpm-store-
- name: Install FontForge - name: Install FontForge
run: sudo apt-get install zlib1g-dev fontforge run: sudo apt-get install zlib1g-dev fontforge
@@ -407,15 +631,15 @@ jobs:
- name: Install Font Custom dependency - name: Install Font Custom dependency
run: sudo gem install fontcustom run: sudo gem install fontcustom
- name: Install - name: Install dependencies
run: yarn --frozen-lockfile run: pnpm install
- name: Build Icon Font - name: Build Icon Font
run: | run: |
mkdir lucide-font mkdir lucide-font
yarn build:outline-icons --outputDir=converted_icons && fontcustom compile "./converted_icons" -h -n "lucide" -o ./lucide-font -F pnpm build:outline-icons --outputDir=converted_icons && fontcustom compile "./converted_icons" -h -n "lucide" -o ./lucide-font -F
- name: "Upload to Artifacts" - name: 'Upload to Artifacts'
uses: actions/upload-artifact@v1 uses: actions/upload-artifact@v1
with: with:
name: lucide-font name: lucide-font
@@ -428,7 +652,7 @@ jobs:
container: container:
image: cirrusci/flutter:latest image: cirrusci/flutter:latest
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- uses: actions/download-artifact@v2 - uses: actions/download-artifact@v2
- uses: actions/cache@v2 - uses: actions/cache@v2
with: with:
@@ -474,6 +698,10 @@ jobs:
run: flutter test run: flutter test
working-directory: packages/lucide-flutter working-directory: packages/lucide-flutter
- name: Copy License
run: cp ../../LICENSE ./LICENSE
working-directory: packages/lucide-flutter
- name: Update yaml - name: Update yaml
run: sed -E 's/(version:)[^\n]*/\1 ${{ needs.pre-build.outputs.VERSION }}/;' pubspec.yaml > pubspec && mv pubspec pubspec.yaml run: sed -E 's/(version:)[^\n]*/\1 ${{ needs.pre-build.outputs.VERSION }}/;' pubspec.yaml > pubspec && mv pubspec pubspec.yaml
working-directory: packages/lucide-flutter working-directory: packages/lucide-flutter
@@ -507,13 +735,14 @@ jobs:
] ]
steps: steps:
- uses: actions/checkout@v2 - uses: actions/checkout@v3
- uses: actions/download-artifact@v2 - uses: actions/download-artifact@v2
- name: Commit package files - name: Commit package files
run: | run: |
mv lucide-package-json/package.json packages/lucide/package.json mv lucide-package-json/package.json packages/lucide/package.json
mv lucide-react-package-json/package.json packages/lucide-react/package.json mv lucide-react-package-json/package.json packages/lucide-react/package.json
mv lucide-react-native-package-json/package.json packages/lucide-react-native/package.json
mv lucide-vue-package-json/package.json packages/lucide-vue/package.json mv lucide-vue-package-json/package.json packages/lucide-vue/package.json
mv lucide-preact-package-json/package.json packages/lucide-preact/package.json mv lucide-preact-package-json/package.json packages/lucide-preact/package.json
mv lucide-svelte-package-json/package.json packages/lucide-svelte/package.json mv lucide-svelte-package-json/package.json packages/lucide-svelte/package.json

View File

@@ -1,36 +0,0 @@
name: Test Lucide Svelte
on:
pull_request:
paths:
- packages/lucide-svelte/**
push:
paths:
- packages/lucide-svelte/**
workflow_dispatch:
inputs:
version:
description: Version
required: true
jobs:
lucide-svelte:
if: github.repository == 'lucide-icons/lucide'
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v2.4.0
with:
node-version: "14"
cache: yarn
- name: Install dependencies
run: yarn --prefer-offline
- name: Build
run: yarn workspace lucide-svelte build
- name: Test
run: yarn workspace lucide-svelte test

View File

@@ -1,36 +0,0 @@
name: Test Lucide Vue Next
on:
pull_request:
paths:
- packages/lucide-vue-next/**
push:
paths:
- packages/lucide-vue-next/**
workflow_dispatch:
inputs:
version:
description: Version
required: true
jobs:
lucide-vue-next:
if: github.repository == 'lucide-icons/lucide'
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v2.4.0
with:
node-version: "14"
cache: yarn
- name: Install dependencies
run: yarn --prefer-offline
- name: Build
run: yarn workspace lucide-vue-next build
- name: Test
run: yarn workspace lucide-vue-next test

View File

@@ -1,36 +0,0 @@
name: Test Lucide Vue
on:
pull_request:
paths:
- packages/lucide-vue/**
push:
paths:
- packages/lucide-vue/**
workflow_dispatch:
inputs:
version:
description: Version
required: true
jobs:
lucide-vue:
if: github.repository == 'lucide-icons/lucide'
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v2.4.0
with:
node-version: "14"
cache: yarn
- name: Install dependencies
run: yarn --prefer-offline
- name: Build
run: yarn workspace lucide-vue build
- name: Test
run: yarn workspace lucide-vue test

2
.gitignore vendored
View File

@@ -1,4 +1,5 @@
.DS_Store .DS_Store
.idea
.next .next
.obsidian .obsidian
.now .now
@@ -13,3 +14,4 @@ stats
*.log *.log
packages/**/src/icons/*.js packages/**/src/icons/*.js
packages/**/src/icons/*.ts packages/**/src/icons/*.ts
packages/**/LICENSE

1
.npmrc Normal file
View File

@@ -0,0 +1 @@
auto-install-peers=true

View File

@@ -10,13 +10,13 @@ The following is a set of guidelines for contributing to Lucide. Feel free to pr
Feel free to open a pull-request to contribute to this project. Feel free to open a pull-request to contribute to this project.
**Working on your first Pull Request?** You can learn how from this *free* series **Working on your first Pull Request?** You can learn how from this *free* series
[How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github) [How to Contribute to an Open Source Project on GitHub](https://app.egghead.io/playlists/how-to-contribute-to-an-open-source-project-on-github)
Guidelines for pull requests: Guidelines for pull requests:
- __Make your commit messages as descriptive as possible.__ Include as much information as you can. Explain anything that the file diffs themselves wont make apparent. - __Make your commit messages as descriptive as possible.__ Include as much information as you can. Explain anything that the file diffs themselves wont make apparent.
- __Document your pull request__. Explain your fix, link to the relevant issue, add screenshots when adding new icons. - __Document your pull request__. Explain your fix, link to the relevant issue, add screenshots when adding new icons.
- __Make sure the target of your pull request is the relevant branch__. Most of bugfix or new feature should go to the `master` branch. - __Make sure the target of your pull request is the relevant branch__. Most of bugfix or new feature should go to the `main` branch.
- __Include only related work__. If your pull request has unrelated commit, it won't be accepted. - __Include only related work__. If your pull request has unrelated commit, it won't be accepted.
### Pull Requests Including Icons ### Pull Requests Including Icons
@@ -65,7 +65,7 @@ If you are a designer who wants to contribute to Lucide but you don't know what
## Development ## Development
You will need minimum version of [Nodejs 16+](https://nodejs.org) You will need minimum version of [Nodejs 16.4+](https://nodejs.org)
For packagemanagement you will need [yarn v1](https://yarnpkg.com/getting-started/install). For packagemanagement you will need [yarn v1](https://yarnpkg.com/getting-started/install).
For flutter package development, you need [Flutter 1.17+](https://docs.flutter.dev/get-started/install). For flutter package development, you need [Flutter 1.17+](https://docs.flutter.dev/get-started/install).
@@ -75,13 +75,13 @@ After cloning the project you need to run:
yarn # Install dependencies, including the workspace packages yarn # Install dependencies, including the workspace packages
``` ```
### Packages -> Yarn Workspaces ### Packages -> PNPM Workspaces
To distribute different packages we use yarn workspaces. Before you start make sure you are familiar with this setup. Read guide here: [yarn workspaces](https://classic.yarnpkg.com/lang/en/docs/workspaces). To distribute different packages we use PNPM workspaces. Before you start make sure you are familiar with this concept. The concept of working in workspaces is created by Yarn, they have a well written introduction: [yarn workspaces](https://classic.yarnpkg.com/lang/en/docs/workspaces).
The configured directory for workspaces is the [packages](./packages) directory, located in the root directory. There you will find all the current packages from lucide. The configured directory for workspaces is the [packages](./packages) directory, located in the root directory. There you will find all the current packages from lucide.
> Note: One package is not managed by yarn: **lucide-flutter** > Note: One package is not managed by pnpm: **lucide-flutter**, this package is written in Dart and used pub for publishing.
### Generated Code ### Generated Code
@@ -96,11 +96,11 @@ The commands for generating this code you will read in the next chapter.
The build script includes multiple subcommands to: clean the dist directory, generate icon files, generate types files, and build/transpile code for each build format. The build script includes multiple subcommands to: clean the dist directory, generate icon files, generate types files, and build/transpile code for each build format.
```sh ```sh
yarn [package-name] build pnpm [package-name] build
#example: #example:
yarn lucide-react build pnpm lucide-react build
``` ```
#### Testing #### Testing
@@ -108,21 +108,21 @@ yarn lucide-react build
Run unit tests with jest for each package to make sure all the package apis still works as expected. Run unit tests with jest for each package to make sure all the package apis still works as expected.
```sh ```sh
yarn [package-name] test pnpm [package-name] test
#example: #example:
yarn lucide-vue test pnpm lucide-vue test
``` ```
Recommended to run the test watcher when making changes. Recommended to run the test watcher when making changes.
```sh ```sh
yarn [package-name] test:watch pnpm [package-name] test:watch
#example: #example:
yarn lucide-preact test:watch pnpm lucide-preact test:watch
``` ```
### Unit Testing ### Unit Testing
@@ -131,15 +131,17 @@ When adding new features to for example the icon component for a framework. It i
### Local Testing ### Local Testing
To test changes in a local project, you can use `yarn link` or `npm link` to link the package. Before you do this make sure you builded the package first. To test changes in a local project, you can use `yarn link`, `npm link` or `pnpm link` to link the package. Before you do this make sure you builded the package first.
```sh ```sh
# in packages/lucide-react # in packages/lucide-react
yarn link
npm run build &&
npm link
# in your local project # in your local project
yarn link lucide-react npm link lucide-react
``` ```
## Project Structure ## Project Structure
@@ -168,7 +170,7 @@ All the icons of lucide in SVG format. These will be used as source for all the
Includes all the (npm) packages of lucide. Includes all the (npm) packages of lucide.
> Note: One package is not managed by yarn: **lucide-flutter** > Note: One package is not managed by pnpm: **lucide-flutter**, this package is written in Dart and used pub for publishing.
### scripts ### scripts

View File

@@ -1,6 +1,6 @@
ISC License ISC License
Copyright (c) 2020, Lucide Contributors Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.
Permission to use, copy, modify, and/or distribute this software for any Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above purpose with or without fee is hereby granted, provided that the above

122
README.md
View File

@@ -1,15 +1,15 @@
<p align=center><img width="410" src="https://lucide.dev/logo-text.svg" alt="Lucide Logo"></p> <p align=center><img width="480" src="https://lucide.dev/lucide-logo-repo.svg" alt="Lucide Logo"></p>
<p align="center">
<a href="https://github.com/lucide-icons/lucide/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/lucide" alt="license"></a>
<a href="https://www.npmjs.com/package/lucide"><img src="https://img.shields.io/npm/v/lucide" alt="npm package"></a>
<a href="https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons"><img src="https://img.shields.io/endpoint?logo=figma&label=installs&url=https://yuanqing.github.io/figma-plugins-stats/plugin/939567362549682242/installs.json" alt="figma installs"></a>
<a href="https://github.com/lucide-icons/lucide/actions/workflows/release.yml"><img src="https://github.com/lucide-icons/lucide/actions/workflows/release.yml/badge.svg" alt="build status"></a>
<a href="https://discord.gg/EH6nSts"><img src="https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA" alt="discord chat"></a>
</p>
# Lucide # Lucide
![NPM](https://img.shields.io/npm/l/lucide) Community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons.
[![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide)
[![installs](https://img.shields.io/endpoint?logo=figma&label=installs&url=https://yuanqing.github.io/figma-plugins-stats/plugin/939567362549682242/installs.json)](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons)
[![Discord](https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA)](https://discord.gg/EH6nSts)
## What is Lucide?
Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons.
It began after growing disaffection with the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted. It began after growing disaffection with the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted.
@@ -23,24 +23,25 @@ Lucide is trying to expand the icon set as much as possible while staying faithf
## Table of Contents ## Table of Contents
* [Installation](#installation) - [Usage](#usage)
* [Package managers](#package-managers) - [Web](#web)
* [CDN](#cdn) - [React](#react)
* [Usage](#usage) - [React Native](#react-native)
* [Web](#web) - [Vue 2](#vue-2)
* [React](#react) - [Vue 3](#vue-3)
* [React Native](#react-native) - [Angular](#angular)
* [Vue 2](#vue-2) - [Preact](#preact)
* [Vue 3](#vue-3) - [Static (svg sprite, font, icons ..)](#static-svg-sprite-font-icons-)
* [Angular](#angular) - [Figma](#figma)
* [Preact](#preact) - [Laravel](#laravel)
* [Static](#static-svg-sprite-font-icons-) - [Flutter](#flutter)
* [Figma](#figma) - [Svelte](#svelte)
* [Laravel](#laravel) - [Solid](#solid)
* [Flutter](#flutter) - [Contributing](#contributing)
* [Contributing](#contributing) - [Community](#community)
* [Community](#community) - [License](#license)
* [License](#license) - [Credits](#credits)
- [Sponsors](#sponsors)
## Usage ## Usage
@@ -55,9 +56,11 @@ Implementation of the lucide icon library for web applications.
```sh ```sh
npm install lucide npm install lucide
```
#or or
```sh
yarn add lucide yarn add lucide
``` ```
@@ -69,9 +72,11 @@ Implementation of the lucide icon library for react applications.
```sh ```sh
yarn add lucide-react yarn add lucide-react
```
# or or
```sh
npm install lucide-react npm install lucide-react
``` ```
@@ -83,13 +88,15 @@ Implementation of the lucide icon library for React Native applications.
```sh ```sh
yarn add lucide-react-native yarn add lucide-react-native
```
# or or
```sh
npm install lucide-react-native npm install lucide-react-native
``` ```
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/master/packages/lucide-react-native#lucide-react-native). For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-react-native#lucide-react-native).
### Vue 2 ### Vue 2
@@ -97,9 +104,11 @@ Implementation of the lucide icon library for vue applications.
```sh ```sh
yarn add lucide-vue yarn add lucide-vue
```
# or or
```sh
npm install lucide-vue npm install lucide-vue
``` ```
@@ -111,9 +120,11 @@ Implementation of the lucide icon library for vue applications.
```sh ```sh
yarn add lucide-vue-next yarn add lucide-vue-next
```
# or or
```sh
npm install lucide-vue-next npm install lucide-vue-next
``` ```
@@ -123,9 +134,11 @@ For more details, see the [documentation](https://github.com/lucide-icons/lucide
```sh ```sh
yarn add lucide-angular yarn add lucide-angular
```
# or or
```sh
npm install lucide-angular npm install lucide-angular
``` ```
@@ -137,9 +150,11 @@ Implementation of the lucide icon library for preact applications.
```sh ```sh
yarn add lucide-preact yarn add lucide-preact
```
# or or
```sh
npm install lucide-preact npm install lucide-preact
``` ```
@@ -156,9 +171,11 @@ NPM package
```sh ```sh
yarn add lucide-static yarn add lucide-static
```
# or or
```sh
npm install lucide-static npm install lucide-static
``` ```
@@ -190,6 +207,38 @@ flutter pub add lucide_icons
For more details, see the [pub.dev](https://pub.dev/packages/lucide_icons). For more details, see the [pub.dev](https://pub.dev/packages/lucide_icons).
### Svelte
Implementation of the lucide icon library for Svelte applications.
```sh
yarn add lucide-svelte
```
or
```sh
npm install lucide-svelte
```
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-svelte#lucide-svelte).
### Solid
Implementation of the lucide icon library for solid applications.
```sh
yarn add lucide-solid
```
or
```sh
npm install lucide-solid
```
For more details, see the [documentation](https://github.com/lucide-icons/lucide/tree/main/packages/lucide-solid#lucide-solid).
## Contributing ## Contributing
For more info on how to contribute please see the [contribution guidelines](https://github.com/lucide-icons/lucide/blob/main/CONTRIBUTING.md). For more info on how to contribute please see the [contribution guidelines](https://github.com/lucide-icons/lucide/blob/main/CONTRIBUTING.md).
@@ -216,4 +265,3 @@ Thank you to all the people who contributed to Lucide!
<a href="https://vercel.com?utm_source=lucide&utm_campaign=oss"> <a href="https://vercel.com?utm_source=lucide&utm_campaign=oss">
<img src="./site/public/vercel.svg" alt="Powered by Vercel" width="200" /> <img src="./site/public/vercel.svg" alt="Powered by Vercel" width="200" />
</a> </a>

View File

@@ -8,7 +8,7 @@ title: Comparison
Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather). Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather).
It began after growing disaffection of the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned adn not maintained actively. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted. It began after growing disaffection of the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned and not maintained actively. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted.
Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers. Lucide is trying to expand the icon set as much as possible while staying faithful to the original simplistic design language. We do this as a community of devs and designers.

View File

@@ -10,9 +10,11 @@ Implementation of the lucide icon library for web applications.
```bash ```bash
npm install lucide npm install lucide
```
#or or
```sh
yarn add lucide yarn add lucide
``` ```
@@ -24,9 +26,11 @@ Implementation of the lucide icon library for react applications.
```bash ```bash
yarn add lucide-react yarn add lucide-react
```
# or or
```sh
npm install lucide-react npm install lucide-react
``` ```
@@ -38,9 +42,11 @@ Implementation of the lucide icon library for vue applications.
```bash ```bash
yarn add lucide-vue yarn add lucide-vue
```
# or or
```sh
npm install lucide-vue npm install lucide-vue
``` ```
@@ -52,9 +58,11 @@ Implementation of the lucide icon library for vue applications.
```bash ```bash
yarn add lucide-vue-next yarn add lucide-vue-next
```
# or or
```sh
npm install lucide-vue-next npm install lucide-vue-next
``` ```
@@ -66,9 +74,11 @@ Implementation of the lucide icon library for vue applications.
```bash ```bash
yarn add lucide-svelte yarn add lucide-svelte
```
# or or
```sh
npm install lucide-svelte npm install lucide-svelte
``` ```
@@ -78,9 +88,11 @@ For more details, see the [documentation](packages/lucide-svelte).
```bash ```bash
yarn add lucide-angular yarn add lucide-angular
```
# or or
```sh
npm install lucide-angular npm install lucide-angular
``` ```
@@ -92,9 +104,11 @@ Implementation of the lucide icon library for preact applications.
```bash ```bash
yarn add lucide-preact yarn add lucide-preact
```
# or or
```sh
npm install lucide-preact npm install lucide-preact
``` ```
@@ -106,7 +120,7 @@ The lucide figma plugin.
Visit [Figma community page](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) to install the plugin. Visit [Figma community page](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) to install the plugin.
![Setting Page Size](https://www.figma.com/community/plugin/939567362549682242/thumbnail "Figma Lucide Cover") ![Setting Page Size](https://www.figma.com/community/plugin/939567362549682242/thumbnail 'Figma Lucide Cover')
## Laravel ## Laravel

View File

@@ -4,11 +4,13 @@ Implementation of the lucide icon library for angular applications.
## Installation ## Installation
``` sh ```sh
yarn add lucide-angular yarn add lucide-angular
```
# or or
```sh
npm install lucide-angular npm install lucide-angular
``` ```
@@ -20,12 +22,12 @@ There are three ways for use this library.
After install `lucide-angular` change content of file `app.component.html` and `app.component.ts`. After install `lucide-angular` change content of file `app.component.html` and `app.component.ts`.
``` html ```html
<!-- app.component.html --> <!-- app.component.html -->
<div id="lucide-icon"></div> <div id="lucide-icon"></div>
``` ```
``` js ```js
// app.component.ts // app.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
@@ -37,7 +39,6 @@ import { Activity } from 'lucide-angular/icons';
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })
export class AppComponent implements OnInit { export class AppComponent implements OnInit {
ngOnInit(): void { ngOnInit(): void {
const div = document.getElementById('lucide-icon'); const div = document.getElementById('lucide-icon');
@@ -51,11 +52,11 @@ export class AppComponent implements OnInit {
} }
``` ```
### Method 2: User __Tag__ with __name__ property ### 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`. After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`.
``` js ```js
// app.module.ts // app.module.ts
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'; import { BrowserModule } from '@angular/platform-browser';
@@ -65,9 +66,7 @@ import { AppComponent } from './app.component';
import { LucideAngularModule, AlarmCheck, Edit } from 'lucide-angular'; import { LucideAngularModule, AlarmCheck, Edit } from 'lucide-angular';
@NgModule({ @NgModule({
declarations: [ declarations: [AppComponent],
AppComponent
],
imports: [ imports: [
BrowserModule, BrowserModule,
AppRoutingModule, AppRoutingModule,
@@ -76,21 +75,20 @@ import { LucideAngularModule, AlarmCheck, Edit } from 'lucide-angular';
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]
}) })
export class AppModule {}
export class AppModule { }
``` ```
``` html ```html
<!-- app.component.html --> <!-- app.component.html -->
<lucide-icon name="alarm-check" class="myicon"></lucide-icon> <lucide-icon name="alarm-check" class="myicon"></lucide-icon>
<lucide-icon name="edit" class="myicon"></lucide-icon> <lucide-icon name="edit" class="myicon"></lucide-icon>
``` ```
### Method 3: User __Tag__ with __img__ property ### Method 3: User **Tag** with **img** property
After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`. After install `lucide-angular` change content of file `app.component.html`, `app.component.ts`, `app.component.css` and `app.module.ts`.
``` js ```js
// app.module.ts // app.module.ts
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'; import { BrowserModule } from '@angular/platform-browser';
@@ -100,28 +98,21 @@ import { AppComponent } from './app.component';
import { LucideAngularModule } from 'lucide-angular'; import { LucideAngularModule } from 'lucide-angular';
@NgModule({ @NgModule({
declarations: [ declarations: [AppComponent],
AppComponent imports: [BrowserModule, AppRoutingModule, LucideAngularModule.pick({})],
],
imports: [
BrowserModule,
AppRoutingModule,
LucideAngularModule.pick({ })
],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]
}) })
export class AppModule {}
export class AppModule { }
``` ```
``` xml ```xml
<!-- app.component.html --> <!-- app.component.html -->
<lucide-icon [img]="ico1" class="myicon"></lucide-icon> <lucide-icon [img]="ico1" class="myicon"></lucide-icon>
<lucide-icon [img]="ico2" class="myicon"></lucide-icon> <lucide-icon [img]="ico2" class="myicon"></lucide-icon>
``` ```
``` js ```js
// app.component.ts // app.component.ts
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { Airplay, Circle } from 'lucide-angular'; import { Airplay, Circle } from 'lucide-angular';
@@ -131,7 +122,6 @@ import { Airplay, Circle } from 'lucide-angular';
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })
export class AppComponent { export class AppComponent {
ico1 = Airplay; ico1 = Airplay;
ico2 = Circle; ico2 = Circle;
@@ -144,7 +134,7 @@ export class AppComponent {
In `Method 2`: import all icons in `app.module.ts` by: In `Method 2`: import all icons in `app.module.ts` by:
``` js ```js
import { icons } from 'lucide-angular/icons'; import { icons } from 'lucide-angular/icons';

View File

@@ -10,28 +10,30 @@ Implementation of the lucide icon library for preact applications.
```sh ```sh
yarn add lucide-preact yarn add lucide-preact
```
# or or
```sh
npm install lucide-preact npm install lucide-preact
``` ```
## How to use ## How to use
It's build with ESmodules so it's completely threeshakable. It's build with ESmodules so it's completely tree-shakable.
Each icon can be imported as a preact component. Each icon can be imported as a preact component.
### Example ### Example
You can pass additional props to adjust the icon. You can pass additional props to adjust the icon.
``` js ```js
import { Camera } from 'lucide-preact'; import { Camera } from 'lucide-preact';
// Returns PreactComponent // Returns PreactComponent
// Usage // Usage
const App = () => { const App = () => {
return <Camera color="red" size={48}/> return <Camera color="red" size={48} />;
}; };
export default App; export default App;
@@ -39,20 +41,20 @@ export default App;
### Props ### Props
| name | type | default | name | type | default |
| ------------ | -------- | -------- | ------------- | -------- | ------------ |
| `size` | *Number* | 24 | `size` | _Number_ | 24 |
| `color` | *String* | currentColor | `color` | _String_ | currentColor |
| `strokeWidth`| *Number* | 2 | `strokeWidth` | _Number_ | 2 |
### Custom props / svg attributes ### 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. 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 ```js
// Usage // Usage
const App = () => { const App = () => {
return <Camera fill="red" stroke-linejoin="bevel"/> return <Camera fill="red" stroke-linejoin="bevel" />;
}; };
``` ```
@@ -66,13 +68,13 @@ It is possible to create one generic icon component to load icons.
#### Icon Component Example #### Icon Component Example
``` js ```js
import * as icons from 'lucide-preact'; import * as icons from 'lucide-preact';
const Icon = ({name, color, size}) => { const Icon = ({ name, color, size }) => {
const LucideIcon = icons[name]; const LucideIcon = icons[name];
return <LucideIcon color={color} size={size} /> return <LucideIcon color={color} size={size} />;
}; };
export default Icon; export default Icon;

View File

@@ -8,15 +8,17 @@ First, ensure that you have `react-native-svg@^12.0.0` installed. Then, install
```bash ```bash
yarn add lucide-react-native yarn add lucide-react-native
```
# or or
```sh
npm install lucide-react-native npm install lucide-react-native
``` ```
## How to use ## How to use
It's build with ESmodules so it's completely threeshakable. It's build with ESmodules so it's completely tree-shakable.
Each icon can be imported as a react component. Each icon can be imported as a react component.
### Example ### Example

View File

@@ -4,30 +4,32 @@ Implementation of the lucide icon library for react applications
## Installation ## Installation
``` bash ```bash
yarn add lucide-react yarn add lucide-react
```
# or or
```sh
npm install lucide-react npm install lucide-react
``` ```
## How to use ## How to use
It's build with ESmodules so it's completely threeshakable. It's build with ESmodules so it's completely tree-shakable.
Each icon can be imported as a react component. Each icon can be imported as a react component.
### Example ### Example
You can pass additional props to adjust the icon. You can pass additional props to adjust the icon.
``` js ```js
import { Camera } from 'lucide-react'; import { Camera } from 'lucide-react';
// Returns ReactComponent // Returns ReactComponent
// Usage // Usage
const App = () => { const App = () => {
return <Camera color="red" size={48}/> return <Camera color="red" size={48} />;
}; };
export default App; export default App;
@@ -35,20 +37,20 @@ export default App;
### Props ### Props
| name | type | default | name | type | default |
| ------------ | -------- | -------- | ------------- | -------- | ------------ |
| `size` | *Number* | 24 | `size` | _Number_ | 24 |
| `color` | *String* | currentColor | `color` | _String_ | currentColor |
| `strokeWidth`| *Number* | 2 | `strokeWidth` | _Number_ | 2 |
### Custom props ### Custom props
You can also pass custom props that will be added in the svg as attributes. You can also pass custom props that will be added in the svg as attributes.
``` js ```js
// Usage // Usage
const App = () => { const App = () => {
return <Camera fill="red"/> return <Camera fill="red" />;
}; };
``` ```
@@ -60,13 +62,13 @@ It is possible to create one generic icon component to load icons.
#### Icon Component Example #### Icon Component Example
``` js ```js
import * as icons from 'lucide-react'; import * as icons from 'lucide-react';
const Icon = ({name, color, size}) => { const Icon = ({ name, color, size }) => {
const LucideIcon = icons[name]; const LucideIcon = icons[name];
return <LucideIcon color={color} size={size} /> return <LucideIcon color={color} size={size} />;
}; };
export default Icon; export default Icon;

View File

@@ -19,23 +19,25 @@ This package is suitable for very specific use cases for example if you want to
```sh ```sh
yarn add lucide-static yarn add lucide-static
```
# or or
```sh
npm install lucide-static npm install lucide-static
``` ```
### CDN ### CDN
``` html ```html
<!-- Svg File --> <!-- Svg File -->
<img src="https://unpkg.com/lucide-static@latest/icons/home.svg"> <img src="https://unpkg.com/lucide-static@latest/icons/home.svg" />
<!-- Icon Font --> <!-- Icon Font -->
<style> <style>
@font-face { @font-face {
font-family: "LucideIcons"; font-family: 'LucideIcons';
src: url(https://unpkg.com/lucide-static@latest/font/Lucide.ttf) format("truetype"); src: url(https://unpkg.com/lucide-static@latest/font/Lucide.ttf) format('truetype');
} }
</style> </style>
``` ```
@@ -50,14 +52,14 @@ Checkout the [codesandbox examples](https://codesandbox.io/s/using-the-svg-sprit
To use it in for example html: To use it in for example html:
``` html ```html
<!-- Svg File --> <!-- Svg File -->
<img src="~lucide-static/icons/home.svg"> <img src="~lucide-static/icons/home.svg" />
``` ```
``` css ```css
.home-icon { .home-icon {
background-image: url(~lucide-static/icons/home.svg) background-image: url(~lucide-static/icons/home.svg);
} }
``` ```
@@ -69,7 +71,7 @@ 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/). To use svgs in your project you can for example use a [svg loader](https://v4.webpack.js.org/loaders/svg-inline-loader/).
```js ```js
import arrowRightIcon from 'lucide-static/icons/arrow-right' import arrowRightIcon from 'lucide-static/icons/arrow-right';
// return string of a svg // return string of a svg
``` ```
@@ -80,7 +82,7 @@ You may need additional loader for this.
```html ```html
<!-- Icon Sprite, not recommended for production! --> <!-- Icon Sprite, not recommended for production! -->
<img src="lucide-static/sprite.svg#home"> <img src="lucide-static/sprite.svg#home" />
<!-- or --> <!-- or -->
<svg <svg
@@ -133,20 +135,19 @@ and update the svg as follows
### Icon Font ### Icon Font
```css ```css
@import("~lucide-static/font/Lucide.css") @import ('~lucide-static/font/Lucide.css');
``` ```
```html ```html
<div class="icon-home"></div> <div class="icon-home"></div>
``` ```
### Node.js ### Node.js
To use lucide icons in your Nodejs project you can import each icon as: To use lucide icons in your Nodejs project you can import each icon as:
```js ```js
const { messageSquare } = require('lucide-static/lib') const { messageSquare } = require('lucide-static/lib');
``` ```
> Note: Each icon name is in camelCase. > Note: Each icon name is in camelCase.
@@ -154,10 +155,10 @@ const { messageSquare } = require('lucide-static/lib')
#### Example in node.js project #### Example in node.js project
```js ```js
const express = require('express') const express = require('express');
const { messageSquare } = require('lucide-static/lib') const { messageSquare } = require('lucide-static/lib');
const app = express() const app = express();
const port = 3000 const port = 3000;
app.get('/', (req, res) => { app.get('/', (req, res) => {
res.send(` res.send(`
@@ -172,10 +173,10 @@ app.get('/', (req, res) => {
</body> </body>
</html> </html>
`) `);
}) });
app.listen(port, () => { app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`) console.log(`Example app listening at http://localhost:${port}`);
}) });
``` ```

View File

@@ -6,9 +6,11 @@ Implementation of the lucide icon library for svelte applications.
```bash ```bash
yarn add lucide-svelte yarn add lucide-svelte
```
# or or
```sh
npm install lucide-svelte npm install lucide-svelte
``` ```
@@ -22,30 +24,30 @@ Default usage:
```html ```html
<script> <script>
import { Skull } from 'lucide-svelte' import { Skull } from 'lucide-svelte';
</script> </script>
<Skull/> <Skull />
``` ```
You can pass additional props to adjust the icon. You can pass additional props to adjust the icon.
```html ```html
<script> <script>
import { Camera } from 'lucide-svelte' import { Camera } from 'lucide-svelte';
</script> </script>
<Camera /> <Camera color="#ff3e98" />
``` ```
### Available props ### Available props
| name | type | default | name | type | default |
| -------------- | -------- | -------- | ------------- | -------- | ------------ |
| `size` | *Number* | 24 | `size` | _Number_ | 24 |
| `color` | *String* | currentColor | `color` | _String_ | currentColor |
| `strokeWidth` | *Number* | 2 | `strokeWidth` | _Number_ | 2 |
| `*<SVGProps>` | *String* | - | `*<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) \* 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)
@@ -53,10 +55,10 @@ import { Camera } from 'lucide-svelte'
```html ```html
<script> <script>
import { Phone } from 'lucide-svelte' import { Phone } from 'lucide-svelte';
</script> </script>
<Phone fill="#333"/> <Phone fill="#333" />
``` ```
This results a filled phone icon. This results a filled phone icon.
@@ -69,20 +71,20 @@ It is possible to create one generic icon component to load icons.
#### Icon Component Example #### Icon Component Example
``` html ```html
<script> <script>
import * as icons from "lucide-svelte"; import * as icons from 'lucide-svelte';
export let name; export let name;
</script> </script>
<svelte:component this={icons[name]} {...$$props}/> <svelte:component this="{icons[name]}" {...$$props} />
``` ```
##### Then you can use it like this ##### Then you can use it like this
``` html ```html
<script> <script>
import LucideIcon from "./LucideIcon"; import LucideIcon from './LucideIcon';
</script> </script>
<LucideIcon name="Menu" /> <LucideIcon name="Menu" />

View File

@@ -2,7 +2,7 @@
Implementation of the lucide icon library for Vue 3 applications. Implementation of the lucide icon library for Vue 3 applications.
> ⚠️ This version of lucide is for Vue 3, For Vue 2 got to [lucide-vue-next](lucide-vue) > ⚠️ This version of lucide is for Vue 3, For Vue 2 got to [lucide-vue](lucide-vue)
## Installation ## Installation
@@ -20,7 +20,7 @@ npm install lucide-vue-next
## How to use ## How to use
It's build with ESmodules so it's completely threeshakable. It's build with ESmodules so it's completely tree-shakable.
Each icon can be imported as a vue component. Each icon can be imported as a vue component.
### Example ### Example
@@ -35,15 +35,8 @@ You can pass additional props to adjust the icon.
/> />
</template> </template>
<script> <script setup>
// Returns Vue component
import { Camera } from 'lucide-vue-next'; import { Camera } from 'lucide-vue-next';
export default {
name: "My Component",
components: { Camera }
}
</script> </script>
``` ```
@@ -53,8 +46,8 @@ export default {
| ------------ | -------- | -------- | ------------ | -------- | --------
| `size` | *Number* | 24 | `size` | *Number* | 24
| `color` | *String* | currentColor | `color` | *String* | currentColor
| `strokeWidth`| *Number* | 2 | `stroke-width`| *Number* | 2
| `defaultClass`| *String* | lucide-icon | `default-class`| *String* | lucide-icon
### Custom props ### Custom props
@@ -76,25 +69,25 @@ It is possible to create one generic icon component to load icons.
``` html ``` html
<template> <template>
<component :is="icon" /> <component :is="icon" :size="size" :color="color" :stroke-width="strokeWidth" :default-class="defaultClass" />
</template> </template>
<script> <script setup>
import { computed } from 'vue';
import * as icons from "lucide-vue-next"; import * as icons from "lucide-vue-next";
export default { const props = defineProps({
props: {
name: { name: {
type: String, type: String,
required: true, required: true
}, },
}, size: Number,
setup(props) { color: String,
const icon = computed(() => icons[props.name]) strokeWidth: Number,
defaultClass: String
})
return { icon } const icon = computed(() => icons[props.name]);
}
};
</script> </script>
``` ```
@@ -107,3 +100,4 @@ export default {
</div> </div>
</template> </template>
``` ```
All other props listed above also work on the `Icon` Component.

View File

@@ -8,55 +8,53 @@ Implementation of the lucide icon library for Vue applications.
```sh ```sh
yarn add lucide-vue yarn add lucide-vue
```
# or or
```sh
npm install lucide-vue npm install lucide-vue
``` ```
## How to use ## How to use
It's build with ESmodules so it's completely threeshakable. It's build with ESmodules so it's completely tree-shakable.
Each icon can be imported as a vue component. Each icon can be imported as a vue component.
### Example ### Example
You can pass additional props to adjust the icon. You can pass additional props to adjust the icon.
``` html ```html
<template> <template>
<Camera <Camera color="red" :size="32" />
color="red"
:size="32"
/>
</template> </template>
<script> <script>
// Returns Vue component // Returns Vue component
import { Camera } from 'lucide-vue'; import { Camera } from 'lucide-vue';
export default { export default {
name: "My Component", name: 'My Component',
components: { Camera } components: { Camera }
} };
</script> </script>
``` ```
### Props ### Props
| name | type | default | name | type | default |
| ------------ | -------- | -------- | -------------- | -------- | ------------ |
| `size` | *Number* | 24 | `size` | _Number_ | 24 |
| `color` | *String* | currentColor | `color` | _String_ | currentColor |
| `strokeWidth`| *Number* | 2 | `strokeWidth` | _Number_ | 2 |
| `defaultClass`| *String* | lucide-icon | `defaultClass` | _String_ | lucide-icon |
### Custom props ### Custom props
You can also pass custom props that will be added in the svg as attributes. You can also pass custom props that will be added in the svg as attributes.
``` html ```html
<template> <template>
<Camera fill="red" /> <Camera fill="red" />
</template> </template>
@@ -70,33 +68,33 @@ It is possible to create one generic icon component to load icons.
#### Icon Component Example #### Icon Component Example
``` html ```html
<template> <template>
<component :is="icon" /> <component :is="icon" />
</template> </template>
<script> <script>
import * as icons from "lucide-vue"; import * as icons from 'lucide-vue';
export default { export default {
props: { props: {
name: { name: {
type: String, type: String,
required: true, required: true
}, }
}, },
computed: { computed: {
icon() { icon() {
return icons[this.name]; return icons[this.name];
}, }
}, }
}; };
</script> </script>
``` ```
##### Then you can use it like this ##### Then you can use it like this
``` html ```html
<template> <template>
<div id="app"> <div id="app">
<Icon name="Airplay" /> <Icon name="Airplay" />

View File

@@ -6,15 +6,19 @@ Implementation of the lucide icon library for web applications.
### Package Managers ### Package Managers
``` bash ```sh
npm install lucide npm install lucide
#or ```
or
```sh
yarn add lucide yarn add lucide
``` ```
### CDN ### CDN
``` html ```html
<!-- Development version --> <!-- Development version -->
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
@@ -44,7 +48,7 @@ Here is a complete example with unpkg
### With ESModules ### With ESModules
To reduce bundle size, lucide is built to be fully treeshakable. To reduce bundle size, lucide is built to be fully tree-shakable.
The `createIcons` function will search for HTMLElements with the attribute `icon-name` and replace it with the svg from the given icon name. The `createIcons` function will search for HTMLElements with the attribute `icon-name` and replace it with the svg from the given icon name.
```html ```html
@@ -56,7 +60,7 @@ The `createIcons` function will search for HTMLElements with the attribute `icon
import { createIcons, icons } from 'lucide'; import { createIcons, icons } from 'lucide';
// Caution, this will import all the icons and bundle them. // Caution, this will import all the icons and bundle them.
createIcons({icons}); createIcons({ icons });
// Recommended way, to include only the icons you need. // Recommended way, to include only the icons you need.
import { createIcons, Menu, ArrowRight, Globe } from 'lucide'; import { createIcons, Menu, ArrowRight, Globe } from 'lucide';
@@ -65,8 +69,8 @@ createIcons({
icons: { icons: {
Menu, Menu,
ArrowRight, ArrowRight,
Globe, Globe
}, }
}); });
``` ```
@@ -83,9 +87,9 @@ createIcons({
attrs: { attrs: {
class: ['my-custom-class', 'icon'], class: ['my-custom-class', 'icon'],
'stroke-width': 1, 'stroke-width': 1,
stroke: '#333', stroke: '#333'
}, },
nameAttr: 'icon-name', // attribute for the icon name. nameAttr: 'icon-name' // attribute for the icon name.
}); });
``` ```
@@ -98,8 +102,8 @@ createIcons({
icons: { icons: {
Menu, Menu,
ArrowRight, ArrowRight,
Globe, Globe
}, }
}); });
``` ```

16
icons/air-vent.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="M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" />
<path d="M6 8h12" />
<path d="M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12" />
<path d="M6.6 15.6A2 2 0 1 0 10 17v-5" />
</svg>

After

Width:  |  Height:  |  Size: 440 B

14
icons/apple.svg Normal file
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="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z" />
<path d="M10 2c1 .5 2 2 2 5" />
</svg>

After

Width:  |  Height:  |  Size: 423 B

16
icons/arrow-up-down.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"
>
<polyline points="11 17 7 21 3 17"/>
<line x1="7" y1="21" x2="7" y2="9"/>
<polyline points="21 7 17 3 13 7"/>
<line x1="17" y1="15" x2="17" y2="3"/>
</svg>

After

Width:  |  Height:  |  Size: 365 B

14
icons/banana.svg Normal file
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="M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5" />
<path d="M5.15 17.89c5.52-1.52 8.65-6.89 7-12C11.55 4 11.5 2 13 2c3.22 0 5 5.5 5 8 0 6.5-4.2 12-10.49 12C5.11 22 2 22 2 20c0-1.5 1.14-1.55 3.15-2.11Z" />
</svg>

After

Width:  |  Height:  |  Size: 418 B

13
icons/bone.svg Normal file
View File

@@ -0,0 +1,13 @@
<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="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" />
</svg>

After

Width:  |  Height:  |  Size: 510 B

15
icons/book-open-check.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="M8 3H2v15h7c1.7 0 3 1.3 3 3V7c0-2.2-1.8-4-4-4Z" />
<path d="m16 12 2 2 4-4" />
<path d="M22 6V3h-6c-2.2 0-4 1.8-4 4v14c0-1.7 1.3-3 3-3h7v-2.3" />
</svg>

After

Width:  |  Height:  |  Size: 369 B

View File

@@ -9,16 +9,16 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path d="M4 2a2 2 0 0 0-2 2" /> <path d="M5 3a2 2 0 0 0-2 2" />
<line x1="8" y1="2" x2="10" y2="2" /> <path d="M19 3a2 2 0 0 1 2 2" />
<line x1="14" y1="2" x2="16" y2="2" /> <path d="M21 19a2 2 0 0 1-2 2" />
<path d="M4 22a2 2 0 0 1-2-2" /> <path d="M5 21a2 2 0 0 1-2-2" />
<line x1="22" y1="8" x2="22" y2="10" /> <path d="M9 3h1" />
<line x1="22" y1="14" x2="22" y2="16" /> <path d="M9 21h1" />
<path d="M22 20a2 2 0 0 1-2 2" /> <path d="M14 3h1" />
<line x1="14" y1="22" x2="16" y2="22" /> <path d="M14 21h1" />
<line x1="8" y1="22" x2="10" y2="22" /> <path d="M3 9v1" />
<path d="M20 2a2 2 0 0 1 2 2" /> <path d="M21 9v1" />
<line x1="2" y1="14" x2="2" y2="16" /> <path d="M3 14v1" />
<line x1="2" y1="8" x2="2" y2="10" /> <path d="M21 14v1" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 680 B

After

Width:  |  Height:  |  Size: 532 B

18
icons/cat.svg Normal file
View File

@@ -0,0 +1,18 @@
<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="M14 5.256A8.148 8.148 0 0 0 12 5a9.04 9.04 0 0 0-2 .227M20.098 10c.572 1.068.902 2.24.902 3.444C21 17.89 16.97 21 12 21s-9-3-9-7.556c0-1.251.288-2.41.792-3.444"/>
<path d="M3.75 10S2.11 3.58 3.5 3C4.89 2.42 8 3 9.781 5"/>
<path d="M20.172 10.002s1.64-6.42.25-7c-1.39-.58-4.5 0-6.282 2"/>
<path d="M8 14v.5"/>
<path d="M16 14v.5"/>
<path d="M11.25 16.25h1.5L12 17l-.75-.75Z"/>
</svg>

After

Width:  |  Height:  |  Size: 605 B

14
icons/check-check.svg Normal file
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="M18 6 7 17l-5-5" />
<path d="m22 10-7.5 7.5L13 16" />
</svg>

After

Width:  |  Height:  |  Size: 275 B

16
icons/cherry.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="M2 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z" />
<path d="M12 17a5 5 0 0 0 10 0c0-2.76-2.5-5-5-3-2.5-2-5 .24-5 3Z" />
<path d="M7 14c3.22-2.91 4.29-8.75 5-12 1.66 2.38 4.94 9 5 12" />
<path d="M22 9c-4.29 0-7.14-2.33-10-7 5.71 0 10 4.67 10 7Z" />
</svg>

After

Width:  |  Height:  |  Size: 482 B

17
icons/citrus.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="M5.51 18.49a12 12 0 0 0 16.12.78c.49-.41.49-1.15.03-1.6L6.34 2.33a1.08 1.08 0 0 0-1.6.03A12 12 0 0 0 5.5 18.5Z" />
<path d="M8.34 15.66a8 8 0 0 0 10.4.78c.54-.4.54-1.16.06-1.64L9.2 5.2c-.48-.48-1.25-.48-1.64.06a8 8 0 0 0 .78 10.4Z" />
<path d="m14 10-5.5 5.5" />
<path d="M14 10v8" />
<path d="M14 10H6" />
</svg>

After

Width:  |  Height:  |  Size: 534 B

16
icons/concierge-bell.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="M2 18a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2H2v-2Z" />
<path d="M20 16a8 8 0 1 0-16 0" />
<path d="M12 4v4" />
<path d="M10 4h4" />
</svg>

After

Width:  |  Height:  |  Size: 351 B

14
icons/curly-braces.svg Normal file
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="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1" />
<path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1" />
</svg>

After

Width:  |  Height:  |  Size: 380 B

18
icons/dog.svg Normal file
View File

@@ -0,0 +1,18 @@
<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="M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5"/>
<path d="M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5"/>
<path d="M8 14v.5"/>
<path d="M16 14v.5"/>
<path d="M11.25 16.25h1.5L12 17l-.75-.75Z"/>
<path d="M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444c0-1.061-.162-2.2-.493-3.309m-9.243-6.082A8.801 8.801 0 0 1 12 5c.78 0 1.5.108 2.161.306"/>
</svg>

After

Width:  |  Height:  |  Size: 764 B

17
icons/ear-off.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="M6 18.5a3.5 3.5 0 1 0 7 0c0-1.57.92-2.52 2.04-3.46" />
<path d="M6 8.5c0-.75.13-1.47.36-2.14" />
<path d="M8.8 3.15A6.5 6.5 0 0 1 19 8.5c0 1.63-.44 2.81-1.09 3.76" />
<path d="M12.5 6A2.5 2.5 0 0 1 15 8.5M10 13a2 2 0 0 0 1.82-1.18" />
<line x1="2" y1="2" x2="22" y2="22" />
</svg>

After

Width:  |  Height:  |  Size: 501 B

14
icons/ear.svg Normal file
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="M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0" />
<path d="M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4" />
</svg>

After

Width:  |  Height:  |  Size: 337 B

14
icons/egg-fried.svg Normal file
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"
>
<circle cx="11.5" cy="12.5" r="3.5" />
<path d="M3 8c0-3.5 2.5-6 6.5-6 5 0 4.83 3 7.5 5s5 2 5 6c0 4.5-2.5 6.5-7 6.5-2.5 0-2.5 2.5-6 2.5s-7-2-7-5.5c0-3 1.5-3 1.5-5C3.5 10 3 9 3 8Z" />
</svg>

After

Width:  |  Height:  |  Size: 395 B

14
icons/fan.svg Normal file
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="M10.827 16.379a6.082 6.082 0 0 1-8.618-7.002l5.412 1.45a6.082 6.082 0 0 1 7.002-8.618l-1.45 5.412a6.082 6.082 0 0 1 8.618 7.002l-5.412-1.45a6.082 6.082 0 0 1-7.002 8.618l1.45-5.412Z" />
<path d="M12 12v.01" />
</svg>

After

Width:  |  Height:  |  Size: 431 B

16
icons/file-json-2.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="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" />
<polyline points="14 2 14 8 20 8" />
<path d="M4 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1" />
<path d="M8 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1" />
</svg>

After

Width:  |  Height:  |  Size: 478 B

16
icons/file-json.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="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
<polyline points="14 2 14 8 20 8" />
<path d="M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1" />
<path d="M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1" />
</svg>

After

Width:  |  Height:  |  Size: 498 B

17
icons/file-type-2.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="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" />
<polyline points="14 2 14 8 20 8" />
<path d="M2 13v-1h6v1" />
<path d="M4 18h2" />
<path d="M5 12v6" />
</svg>

After

Width:  |  Height:  |  Size: 388 B

View File

@@ -0,0 +1,18 @@
<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 7 5 5-5 5V7" />
<path d="m21 7-5 5 5 5V7" />
<path d="M12 20v2" />
<path d="M12 14v2" />
<path d="M12 8v2" />
<path d="M12 2v2" />
</svg>

After

Width:  |  Height:  |  Size: 381 B

18
icons/flip-horizontal.svg Normal file
View File

@@ -0,0 +1,18 @@
<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="M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3" />
<path d="M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3" />
<path d="M12 20v2" />
<path d="M12 14v2" />
<path d="M12 8v2" />
<path d="M12 2v2" />
</svg>

After

Width:  |  Height:  |  Size: 414 B

18
icons/flip-vertical-2.svg Normal file
View File

@@ -0,0 +1,18 @@
<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="m17 3-5 5-5-5h10" />
<path d="m17 21-5-5-5 5h10" />
<path d="M4 12H2" />
<path d="M10 12H8" />
<path d="M16 12h-2" />
<path d="M22 12h-2" />
</svg>

After

Width:  |  Height:  |  Size: 388 B

18
icons/flip-vertical.svg Normal file
View File

@@ -0,0 +1,18 @@
<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="M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3" />
<path d="M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3" />
<path d="M4 12H2" />
<path d="M10 12H8" />
<path d="M16 12h-2" />
<path d="M22 12h-2" />
</svg>

After

Width:  |  Height:  |  Size: 417 B

16
icons/git-compare.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"
>
<circle cx="18" cy="18" r="3" />
<circle cx="6" cy="6" r="3" />
<path d="M13 6h3a2 2 0 0 1 2 2v7" />
<path d="M11 18H8a2 2 0 0 1-2-2V9" />
</svg>

After

Width:  |  Height:  |  Size: 355 B

View File

@@ -0,0 +1,18 @@
<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="18" cy="18" r="3" />
<circle cx="6" cy="6" r="3" />
<path d="M18 11.5V15" />
<path d="m21 3-6 6" />
<path d="m21 9-6-6" />
<line x1="6" y1="9" x2="6" y2="21" />
</svg>

After

Width:  |  Height:  |  Size: 393 B

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"
>
<circle cx="18" cy="18" r="3" />
<circle cx="6" cy="6" r="3" />
<path d="M18 6V5" />
<path d="M18 11v-1" />
<line x1="6" y1="9" x2="6" y2="21" />
</svg>

After

Width:  |  Height:  |  Size: 364 B

21
icons/grape.svg Normal file
View File

@@ -0,0 +1,21 @@
<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="M22 5V2l-5.89 5.89" />
<circle cx="16.6" cy="15.89" r="3" />
<circle cx="8.11" cy="7.4" r="3" />
<circle cx="12.35" cy="11.65" r="3" />
<circle cx="13.91" cy="5.85" r="3" />
<circle cx="18.15" cy="10.09" r="3" />
<circle cx="6.56" cy="13.2" r="3" />
<circle cx="10.8" cy="17.44" r="3" />
<circle cx="5" cy="19" r="3" />
</svg>

After

Width:  |  Height:  |  Size: 555 B

16
icons/heading-1.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="M4 12h8" />
<path d="M4 18V6" />
<path d="M12 18V6" />
<path d="m17 12 3-2v8" />
</svg>

After

Width:  |  Height:  |  Size: 306 B

16
icons/heading-2.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="M4 12h8" />
<path d="M4 18V6" />
<path d="M12 18V6" />
<path d="M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" />
</svg>

After

Width:  |  Height:  |  Size: 331 B

17
icons/heading-3.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="M4 12h8" />
<path d="M4 18V6" />
<path d="M12 18V6" />
<path d="M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" />
<path d="M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" />
</svg>

After

Width:  |  Height:  |  Size: 393 B

17
icons/heading-4.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="M4 12h8" />
<path d="M4 18V6" />
<path d="M12 18V6" />
<path d="M17 10v4h4" />
<path d="M21 10v8" />
</svg>

After

Width:  |  Height:  |  Size: 328 B

17
icons/heading-5.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="M4 12h8" />
<path d="M4 18V6" />
<path d="M12 18V6" />
<path d="M17 13v-3h4" />
<path d="M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17" />
</svg>

After

Width:  |  Height:  |  Size: 385 B

17
icons/heading-6.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="M4 12h8" />
<path d="M4 18V6" />
<path d="M12 18V6" />
<circle cx="19" cy="16" r="2" />
<path d="M20 10c-2 2-3 3.5-3 6" />
</svg>

After

Width:  |  Height:  |  Size: 350 B

15
icons/heading.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="M6 12h12" />
<path d="M6 20V4" />
<path d="M18 20V4" />
</svg>

After

Width:  |  Height:  |  Size: 279 B

14
icons/heart-pulse.svg Normal file
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="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z" />
<path d="M3.5 12h6l.5-1 2 4.5 2-7 1.5 3.5h5" />
</svg>

After

Width:  |  Height:  |  Size: 404 B

15
icons/ice-cream.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="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11" />
<path d="M17 7A5 5 0 0 0 7 7" />
<path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4" />
</svg>

After

Width:  |  Height:  |  Size: 349 B

16
icons/joystick.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="M21 17a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2Z"/>
<path d="M6 15v-2"/>
<path d="M12 15V9"/>
<circle cx="12" cy="6" r="3"/>
</svg>

After

Width:  |  Height:  |  Size: 375 B

15
icons/mail-check.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="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
<path d="m16 19 2 2 4-4" />
</svg>

After

Width:  |  Height:  |  Size: 368 B

15
icons/mail-minus.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="M22 15V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
<path d="M16 19h6" />
</svg>

After

Width:  |  Height:  |  Size: 362 B

14
icons/mail-open.svg Normal file
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="M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z" />
<path d="m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10" />
</svg>

After

Width:  |  Height:  |  Size: 387 B

16
icons/mail-plus.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="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
<path d="M19 16v6" />
<path d="M16 19h6" />
</svg>

After

Width:  |  Height:  |  Size: 386 B

16
icons/mail-question.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="M22 10.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12.5" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
<path d="M18 15.28c.2-.4.5-.8.9-1a2.1 2.1 0 0 1 2.6.4c.3.4.5.8.5 1.3 0 1.3-2 2-2 2" />
<path d="M20 22v.01" />
</svg>

After

Width:  |  Height:  |  Size: 458 B

17
icons/mail-search.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="M22 12.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h7.5" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
<path d="M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6v0Z" />
<circle cx="18" cy="18" r="3" />
<path d="m22 22-1.5-1.5" />
</svg>

After

Width:  |  Height:  |  Size: 460 B

16
icons/mail-warning.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="M22 10.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12.5" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
<path d="M20 14v4" />
<path d="M20 22v.01" />
</svg>

After

Width:  |  Height:  |  Size: 393 B

16
icons/mail-x.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="M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9" />
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
<path d="m17 17 4 4" />
<path d="m21 17-4 4" />
</svg>

After

Width:  |  Height:  |  Size: 390 B

View File

@@ -9,6 +9,6 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /> <rect x="2" y="4" width="20" height="16" rx="2" />
<polyline points="22,6 12,13 2,6" /> <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 338 B

After

Width:  |  Height:  |  Size: 318 B

15
icons/mails.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 x="6" y="4" width="16" height="13" rx="2" />
<path d="m22 7-7.1 3.78c-.57.3-1.23.3-1.8 0L6 7" />
<path d="M2 8v11c0 1.1.9 2 2 2h14" />
</svg>

After

Width:  |  Height:  |  Size: 355 B

18
icons/medal.svg Normal file
View File

@@ -0,0 +1,18 @@
<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="M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15" />
<path d="M11 12 5.12 2.2" />
<path d="m13 12 5.88-9.8" />
<path d="M8 7h8" />
<circle cx="12" cy="17" r="5" />
<path d="M12 18v-2h-.5" />
</svg>

After

Width:  |  Height:  |  Size: 485 B

16
icons/megaphone-off.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="M9.26 9.26 3 11v3l14.14 3.14" />
<path d="M21 15.34V6l-7.31 2.03" />
<path d="M11.6 16.8a3 3 0 1 1-5.8-1.6" />
<line x1="2" x2="22" y1="2" y2="22" />
</svg>

After

Width:  |  Height:  |  Size: 375 B

View File

@@ -10,5 +10,5 @@
stroke-linejoin="round" stroke-linejoin="round"
> >
<path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" /> <path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" />
<circle cx="17" cy="7" r="5"/> <circle cx="17" cy="7" r="5" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 304 B

After

Width:  |  Height:  |  Size: 305 B

17
icons/microwave.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"
>
<rect x="2" y="4" width="20" height="15" rx="2" />
<rect x="6" y="8" width="8" height="7" rx="1" />
<path d="M18 8v7" />
<path d="M6 19v2" />
<path d="M18 19v2" />
</svg>

After

Width:  |  Height:  |  Size: 382 B

View File

@@ -10,7 +10,7 @@
stroke-linejoin="round" stroke-linejoin="round"
> >
<path d="M9 18V5l12-2v13" /> <path d="M9 18V5l12-2v13" />
<path d="M9 9l12-2" /> <path d="m9 9 12-2" />
<circle cx="6" cy="18" r="3" /> <circle cx="6" cy="18" r="3" />
<circle cx="18" cy="16" r="3" /> <circle cx="18" cy="16" r="3" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 333 B

After

Width:  |  Height:  |  Size: 333 B

17
icons/pizza.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="M15 11h.01" />
<path d="M11 15h.01" />
<path d="M16 16h.01" />
<path d="m2 16 20 6-6-20c-3.36.9-6.42 2.67-8.88 5.12A19.876 19.876 0 0 0 2 16Z" />
<path d="M17 6c-6.29 1.47-9.43 5.13-11 11" />
</svg>

After

Width:  |  Height:  |  Size: 419 B

17
icons/plug-2.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="M9 2v6" />
<path d="M15 2v6" />
<path d="M12 17v5" />
<path d="M5 8h14" />
<path d="M6 11V8h12v3a6 6 0 1 1-12 0v0Z" />
</svg>

After

Width:  |  Height:  |  Size: 346 B

16
icons/plug.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="M12 22v-5" />
<path d="M9 7V2" />
<path d="M15 7V2" />
<path d="M6 13V8h12v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4Z" />
</svg>

After

Width:  |  Height:  |  Size: 338 B

View File

@@ -9,15 +9,16 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<rect x="2" y="2" width="8" height="8" /> <rect x="3" y="3" width="5" height="5" rx="1" />
<path d="M6 6h.01" /> <rect x="16" y="3" width="5" height="5" rx="1" />
<rect x="14" y="2" width="8" height="8" /> <rect x="3" y="16" width="5" height="5" rx="1" />
<path d="M18 6h.01" /> <path d="M21 16h-3a2 2 0 0 0-2 2v3" />
<rect x="2" y="14" width="8" height="8" /> <path d="M21 21v.01" />
<path d="M6 18h.01" /> <path d="M12 7v3a2 2 0 0 1-2 2H7" />
<path d="M14 14h.01" /> <path d="M3 12h.01" />
<path d="M18 18h.01" /> <path d="M12 3h.01" />
<path d="M18 22h4v-4" /> <path d="M12 16v.01" />
<path d="M14 18v4" /> <path d="M16 12h1" />
<path d="M22 14h-4" /> <path d="M21 12v.01" />
<path d="M12 21v-1" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 544 B

After

Width:  |  Height:  |  Size: 620 B

View File

@@ -0,0 +1,13 @@
<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 x="2" y="6" width="20" height="12" rx="2"/>
</svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@@ -0,0 +1,13 @@
<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 x="6" y="2" width="12" height="20" rx="2"/>
</svg>

After

Width:  |  Height:  |  Size: 260 B

15
icons/refrigerator.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="M5 6a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Z" />
<path d="M5 10h14" />
<path d="M15 7v6" />
</svg>

After

Width:  |  Height:  |  Size: 341 B

15
icons/sailboat.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="M22 18H2a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4Z"/>
<path d="M21 14 10 2 3 14h18Z"/>
<path d="M10 2v16"/>
</svg>

After

Width:  |  Height:  |  Size: 321 B

19
icons/scan-face.svg Normal file
View File

@@ -0,0 +1,19 @@
<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 7V5a2 2 0 0 1 2-2h2" />
<path d="M17 3h2a2 2 0 0 1 2 2v2" />
<path d="M21 17v2a2 2 0 0 1-2 2h-2" />
<path d="M7 21H5a2 2 0 0 1-2-2v-2" />
<path d="M8 14s1.5 2 4 2 4-2 4-2" />
<path d="M9 9h.01" />
<path d="M15 9h.01" />
</svg>

After

Width:  |  Height:  |  Size: 454 B

22
icons/shower-head.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"
>
<path d="m4 4 2.5 2.5" />
<path d="M13.5 6.5a4.95 4.95 0 0 0-7 7" />
<path d="M15 5 5 15" />
<path d="M14 17v.01" />
<path d="M10 16v.01" />
<path d="M13 13v.01" />
<path d="M16 10v.01" />
<path d="M11 20v.01" />
<path d="M17 14v.01" />
<path d="M20 11v.01" />
</svg>

After

Width:  |  Height:  |  Size: 489 B

View File

@@ -10,5 +10,4 @@
stroke-linejoin="round" stroke-linejoin="round"
> >
<path d="M2 20h.01" /> <path d="M2 20h.01" />
<path d="M7 20v-4" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 257 B

After

Width:  |  Height:  |  Size: 233 B

View File

@@ -9,9 +9,9 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path d="M11 5h4" /> <path d="M11 11H15" />
<path d="M11 9h7" /> <path d="M11 15H18" />
<path d="M11 13h10" /> <path d="M11 19H21" />
<path d="m3 17 3 3 3-3" /> <path d="M9 7L6 4L3 7" />
<path d="M6 18V4" /> <path d="M6 6L6 20" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 331 B

After

Width:  |  Height:  |  Size: 336 B

15
icons/spline.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="M21 6V4c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z" />
<path d="M7 20v-2c0-.6-.4-1-1-1H4a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z" />
<path d="M5 17A12 12 0 0 1 17 5" />
</svg>

After

Width:  |  Height:  |  Size: 418 B

23
icons/sun-snow.svg Normal file
View File

@@ -0,0 +1,23 @@
<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="M10 9a3 3 0 1 0 0 6" />
<path d="M2 12h1" />
<path d="M14 21V3" />
<path d="M10 4V3" />
<path d="M10 21v-1" />
<path d="m3.64 18.36.7-.7" />
<path d="m4.34 6.34-.7-.7" />
<path d="M14 12h8" />
<path d="m17 4-3 3" />
<path d="m14 17 3 3" />
<path d="m21 15-3-3 3-3" />
</svg>

After

Width:  |  Height:  |  Size: 507 B

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