Introducing absoluteStrokeWidth option on Lucide Components (#939)

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

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

This reverts commit 57cba6ae0e.

* add scale Stroke width

* Added scaleStrokeWidth prop to all packages

* Add scaleStrokeWidth to types

* Rename scaleStrokeWidth to absoluteStrokeWidth

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

* Almost complete rewrite of the Angular package

* Update tsconfig.spec.json

* fixes icon build export file name

* Updates Angular documentation with the new properties + provider injection

* Update lucide-angular.md

* refactored scaleStrokeWidth to be absoluteStrokeWidth to match other packages

* removed codelyzer from devDeps + added flexible angular core dependencies

* Deprecates createElement helper in favour of Renderer2 to support SSR

---------

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

* Add absoluteStrokeWidth in docs

* update snapshots

* Manual merge of main

* Fixed incorrectly merged pnpm-lock.yaml

* Fixes lucide-angular build

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

* Almost complete rewrite of the Angular package

* Update tsconfig.spec.json

* fixes icon build export file name

* Updates Angular documentation with the new properties + provider injection

* Update lucide-angular.md

* refactored scaleStrokeWidth to be absoluteStrokeWidth to match other packages

* removed codelyzer from devDeps + added flexible angular core dependencies

* Deprecates createElement helper in favour of Renderer2 to support SSR

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

* Replaces removed line in README.md

* Fixes merge error

* Updates export template to use the non-deprecated type

* downgrade building to ng-cli@13

* downgrade to es2020

---------

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

* rename scaleStrokeWidth to absoluteStrokeWidth in readme

---------

Co-authored-by: it-is-not <72697755+it-is-not@users.noreply.github.com>
Co-authored-by: Karsa <contact@karsa.org>
Co-authored-by: Eric Fennis <eric@dreamteam.nl>
Co-authored-by: Karsa <karsa@karsa.org>
Co-authored-by: Eric Fennis <eric.fennis@nac41112.nedap.local>

.github/workflows/pull-request.yml

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

categories/coding.json

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

categories/development.json

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

docs/index.md

@@ -16,7 +16,7 @@ When designing new icons, the community is working with a set of design rules. T
 
 Beside design, code is also important. Assets like icons in, for example, web projects can increase the bandwidth usage significantly. With the growing internet, lucide has the responsibility to keep their assets as small as possible. To achieve this, lucide uses SVG compression and specific code architecture for tree-shaking abilities. After tree-shaking, you will only ship the icons you used, helps you to keep the software distribution size to a minimum.
 
-Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [React Native](https://lucide.dev/docs/lucide-react-native), [Vue](https://lucide.dev/docs/lucide-vue), [Vue 3](https://lucide.dev/docs/lucide-vue-next), [Svelte](https://lucide.dev/docs/lucide-svelte),[Preact](https://lucide.dev/docs/lucide-preact), [Angular](https://lucide.dev/docs/lucide-angular), [NodeJS](https://lucide.dev/docs/lucide-static#nodejs) and [Flutter](https://lucide.dev/docs/lucide-flutter).
+Lucide provides several official packages for: [Web (Vanilla)](https://lucide.dev/docs/lucide), [React](https://lucide.dev/docs/lucide-react), [React Native](https://lucide.dev/docs/lucide-react-native), [Vue](https://lucide.dev/docs/lucide-vue), [Vue 3](https://lucide.dev/docs/lucide-vue-next), [Svelte](https://lucide.dev/docs/lucide-svelte), [Solid](https://lucide.dev/docs/lucide-solid), [Preact](https://lucide.dev/docs/lucide-preact), [Angular](https://lucide.dev/docs/lucide-angular), [NodeJS](https://lucide.dev/docs/lucide-static#nodejs) and [Flutter](https://lucide.dev/docs/lucide-flutter).
 
 Any questions about lucide? Ask the community. Active on [GitHub](https://github.com/lucide-icons/lucide) and [Discord](https://discord.gg/EH6nSts).
 

docs/packages/lucide-angular.md

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

docs/packages/lucide-preact.md

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

docs/packages/lucide-react-native.md

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

docs/packages/lucide-react.md

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

docs/packages/lucide-solid.md

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

docs/packages/lucide-svelte.md

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

docs/packages/lucide-vue-next.md

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

docs/packages/lucide-vue.md

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

icons/alarm-check.json

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

icons/arrow-up-left-from-circle.json

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

icons/ban.json

@@ -2,7 +2,6 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "cancel",
-    "ban",
     "no",
     "stop",
     "forbidden",
@@ -11,5 +10,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "slash"
   ]
 }

icons/beaker.json

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

icons/binary.json

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

icons/bitcoin.json

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

icons/bone.svg

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

icons/book-copy.json

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

icons/book-down.json

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

icons/book-key.json

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

icons/book-lock.json

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

icons/book-marked.json

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

icons/book-minus.json

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

icons/book-open-check.json

@@ -3,7 +3,12 @@
   "tags": [
     "read",
     "library",
-    "plain language"
+    "plain language",
+    "done",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "gaming",

icons/book-plus.json

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

icons/book-template.json

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

icons/book-up.json

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

icons/book-x.json

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

icons/bot.json

@@ -5,7 +5,6 @@
     "ai"
   ],
   "categories": [
-    "coding",
     "development"
   ]
 }

icons/box.json

@@ -7,7 +7,6 @@
   "categories": [
     "shapes",
     "gaming",
-    "coding",
     "development"
   ]
 }

icons/boxes.json

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

icons/bug.json

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

icons/calendar-check-2.json

@@ -5,7 +5,12 @@
     "time",
     "event",
     "confirm",
-    "subscribe"
+    "subscribe",
+    "done",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "time"

icons/calendar-check.json

@@ -5,7 +5,13 @@
     "time",
     "event",
     "confirm",
-    "subscribe"
+    "subscribe",
+    "schedule",
+    "done",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "time"

icons/check-check.json

@@ -3,7 +3,11 @@
   "tags": [
     "done",
     "received",
-    "double"
+    "double",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "notifications"

icons/check-circle-2.json

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

icons/check-circle.json

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

icons/check-square.json

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

icons/check.json

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

icons/chevron-right-square.json

@@ -9,7 +9,6 @@
     "console"
   ],
   "categories": [
-    "coding",
     "development",
     "shapes"
   ]

icons/chevron-right.json

@@ -10,7 +10,6 @@
   ],
   "categories": [
     "arrows",
-    "coding",
     "development",
     "shapes"
   ]

icons/circle-equal.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "calculate",
+    "maths",
+    "shape"
+  ],
+  "categories": [
+    "maths",
+    "shapes"
+  ]
+}

icons/circle-equal.svg

@@ -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 10h10" />
+  <path d="M7 14h10" />
+  <circle cx="12" cy="12" r="10" />
+</svg>

icons/circle-off.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "diameter",
+    "zero",
+    "Ø",
+    "null",
+    "nothing",
+    "cancel",
+    "ban",
+    "no",
+    "stop",
+    "forbidden",
+    "prohibited",
+    "error"
+  ],
+  "categories": [
+    "shapes"
+  ]
+}

icons/circle-off.svg

@@ -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="m2 2 20 20" />
+  <path d="M8.4 2.7c1.2-.4 2.4-.7 3.7-.7 5.5 0 10 4.5 10 10 0 1.3-.2 2.5-.7 3.6" />
+  <path d="M19.1 19.1C17.3 20.9 14.8 22 12 22 6.5 22 2 17.5 2 12c0-2.7 1.2-5.2 3-7" />
+</svg>

icons/circle-slash-2.json

@@ -10,5 +10,8 @@
   ],
   "categories": [
     "shapes"
+  ],
+  "aliases": [
+    "circle-slashed"
   ]
 }

icons/circle-slash.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "diameter",
+    "zero",
+    "Ø",
+    "null",
+    "nothing",
+    "cancel",
+    "ban",
+    "no",
+    "stop",
+    "forbidden",
+    "prohibited",
+    "error"
+  ],
+  "categories": [
+    "shapes"
+  ]
+}

icons/circle-slash.svg

@@ -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"
+>
+  <line x1="9" x2="15" y1="15" y2="9" />
+  <circle cx="12" cy="12" r="10" />
+</svg>

icons/circuit-board.json

@@ -0,0 +1,12 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "computing",
+    "electricity",
+    "electronics"
+  ],
+  "categories": [
+    "science",
+    "development"
+  ]
+}

icons/circuit-board.svg

@@ -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 width="18" height="18" x="3" y="3" rx="2" />
+  <path d="M11 9h4a2 2 0 0 0 2-2V3" />
+  <circle cx="9" cy="9" r="2" />
+  <path d="M7 21v-4a2 2 0 0 1 2-2h4" />
+  <circle cx="15" cy="15" r="2" />
+</svg>

icons/citrus.svg

@@ -9,9 +9,8 @@
   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="M21.66 17.67a1.08 1.08 0 0 1-.04 1.6A12 12 0 0 1 4.73 2.38a1.1 1.1 0 0 1 1.61-.04z" />
+  <path d="M19.65 15.66A8 8 0 0 1 8.35 4.34" />
   <path d="m14 10-5.5 5.5" />
-  <path d="M14 10v8" />
-  <path d="M14 10H6" />
+  <path d="M14 17.85V10H6.15" />
 </svg>

icons/clipboard-check.json

@@ -2,7 +2,12 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "copied",
-    "pasted"
+    "pasted",
+    "done",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "text"

icons/cloud-cog.json

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

icons/code-2.json

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

icons/code.json

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

icons/codepen.json

@@ -5,7 +5,6 @@
   ],
   "categories": [
     "brands",
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/codesandbox.json

@@ -5,7 +5,6 @@
   ],
   "categories": [
     "brands",
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/command.json

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

icons/component.json

@@ -10,7 +10,6 @@
   ],
   "categories": [
     "design",
-    "coding",
     "development"
   ]
 }

icons/cpu.svg

@@ -9,14 +9,14 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect width="16" height="16" x="4" y="4" rx="2" ry="2" />
-  <rect width="6" height="6" x="9" y="9" />
-  <line x1="9" x2="9" y1="2" y2="4" />
-  <line x1="15" x2="15" y1="2" y2="4" />
-  <line x1="9" x2="9" y1="21" y2="22" />
-  <line x1="15" x2="15" y1="20" y2="22" />
-  <line x1="20" x2="22" y1="9" y2="9" />
-  <line x1="20" x2="22" y1="14" y2="14" />
-  <line x1="2" x2="4" y1="9" y2="9" />
-  <line x1="2" x2="4" y1="14" y2="14" />
+  <rect x="4" y="4" width="16" height="16" rx="2" />
+  <rect x="9" y="9" width="6" height="6" />
+  <path d="M15 2v2" />
+  <path d="M15 20v2" />
+  <path d="M2 15h2" />
+  <path d="M2 9h2" />
+  <path d="M20 15h2" />
+  <path d="M20 9h2" />
+  <path d="M9 2v2" />
+  <path d="M9 20v2" />
 </svg>

icons/curly-braces.json

@@ -6,7 +6,6 @@
     "token"
   ],
   "categories": [
-    "coding",
     "development",
     "files"
   ]

icons/database.svg

@@ -10,6 +10,6 @@
   stroke-linejoin="round"
 >
   <ellipse cx="12" cy="5" rx="9" ry="3" />
-  <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
-  <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
+  <path d="M3 5V19A9 3 0 0 0 21 19V5" />
+  <path d="M3 12A9 3 0 0 0 21 12" />
 </svg>

icons/diff.json

@@ -9,7 +9,6 @@
     "maths"
   ],
   "categories": [
-    "coding",
     "development",
     "files"
   ]

icons/file-check-2.json

@@ -2,7 +2,11 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "done",
-    "document"
+    "document",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "files"

icons/file-check.json

@@ -2,7 +2,11 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "done",
-    "document"
+    "document",
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "files"

icons/file-code.json

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

icons/file-diff.json

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

icons/file-digit.json

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

icons/file-json-2.json

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

icons/file-json.json

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

icons/file-terminal.json

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

icons/flask-conical-off.json

@@ -3,7 +3,11 @@
   "tags": [
     "beaker",
     "erlenmeyer",
-    "non toxic"
+    "non toxic",
+    "lab",
+    "chemistry",
+    "experiment",
+    "test"
   ],
   "categories": [
     "science",

icons/flask-conical.json

@@ -2,7 +2,11 @@
   "$schema": "../icon.schema.json",
   "tags": [
     "beaker",
-    "erlenmeyer"
+    "erlenmeyer",
+    "lab",
+    "chemistry",
+    "experiment",
+    "test"
   ],
   "categories": [
     "science",

icons/flask-round.json

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

icons/flask-round.svg

@@ -13,5 +13,5 @@
   <path d="M14 9.3V1.99" />
   <path d="M8.5 2h7" />
   <path d="M14 9.3a6.5 6.5 0 1 1-4 0" />
-  <path d="M5.58 16.5h12.85" />
+  <path d="M5.52 16h12.96" />
 </svg>

icons/folder-check.json

@@ -3,7 +3,10 @@
   "tags": [
     "done",
     "directory",
-    "check"
+    "todo",
+    "tick",
+    "complete",
+    "task"
   ],
   "categories": [
     "files"

icons/folder-git-2.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "directory",
+    "root",
+    "project",
+    "git",
+    "repo"
+  ],
+  "categories": [
+    "files"
+  ]
+}

icons/folder-git-2.svg

@@ -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 13V8a1.974 1.974 0 0 0-2-2h-7.9c-.3 0-.7-.1-.9-.2-.3-.2-.5-.4-.7-.7l-.9-1.2c-.2-.3-.4-.5-.7-.7-.3-.1-.6-.2-1-.2H4a1.974 1.974 0 0 0-2 2v13c0 1.1.9 2 2 2h5"/>
+  <circle cx="20" cy="19" r="2"/>
+  <circle cx="13" cy="12." r="2"/>
+  <path d="M18 19c-2.8 0-5-2.2-5-5v8"/>
+</svg>

icons/folder-git.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "../icon.schema.json",
+  "tags": [
+    "directory",
+    "root",
+    "project",
+    "git",
+    "repo"
+  ],
+  "categories": [
+    "files"
+  ]
+}

icons/folder-git.svg

@@ -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 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z" />
+  <circle class="st0" cx="12" cy="13" r="2" />
+  <line class="st0" x1="6" y1="13" x2="10" y2="13" />
+  <line class="st0" x1="14" y1="13" x2="18" y2="13" />
+</svg>

icons/function-square.json

@@ -8,7 +8,6 @@
   ],
   "categories": [
     "development",
-    "coding",
     "shapes",
     "maths"
   ]

icons/git-branch-plus.json

@@ -5,7 +5,6 @@
     "create"
   ],
   "categories": [
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/git-branch.json

@@ -5,7 +5,6 @@
     "version control"
   ],
   "categories": [
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/git-commit.json

@@ -5,7 +5,6 @@
     "version control"
   ],
   "categories": [
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/git-compare.json

@@ -5,7 +5,6 @@
     "version control"
   ],
   "categories": [
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/git-fork.json

@@ -5,7 +5,6 @@
     "version control"
   ],
   "categories": [
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/git-merge.json

@@ -5,7 +5,6 @@
     "version control"
   ],
   "categories": [
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/git-pull-request-closed.json

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

icons/git-pull-request-draft.json

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

icons/git-pull-request.json

@@ -5,7 +5,6 @@
     "version control"
   ],
   "categories": [
-    "development",
-    "coding"
+    "development"
   ]
 }

icons/github.json

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

icons/gitlab.json

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

icons/headphones.svg

@@ -9,6 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M3 18v-6a9 9 0 0 1 18 0v6" />
-  <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z" />
+  <path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" />
 </svg>

icons/indent.json

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

icons/inspect.json

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

icons/key.svg

@@ -9,5 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4" />
+  <circle cx="7.5" cy="15.5" r="5.5" />
+  <path d="m21 2-9.6 9.6" />
+  <path d="m15.5 7.5 3 3L22 7l-3-3" />
 </svg>