v0.14.1

* initialize figma plugin

* Add icons to view

* Make the plugin work

* Fix search hook

* Finialize figma plugin

* Finish up icons

* remove unused code

* Add cover and icon

.babelrc

@@ -1,13 +0,0 @@
-{
-  "presets": [
-    [
-      "env",
-      {
-        "targets": {
-          "browsers": ["last 2 versions"]
-        }
-      }
-    ],
-    "stage-2"
-  ]
-}

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+quote_type = single
+max_line_length = 100

.eslintignore

@@ -1,2 +1,5 @@
 dist
+build
 coverage
+lib
+tests

.eslintrc.js

@@ -0,0 +1,21 @@
+module.exports = {
+  env: {
+    browser: true,
+    node: true
+  },
+  extends: ['airbnb-base', 'prettier'],
+  plugins: ['import', 'prettier'],
+  rules: {
+    'no-console': 'off',
+    'no-param-reassign': 'off',
+    'no-shadow': 'off',
+    'no-use-before-define': 'off',
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+        trailingComma: 'all'
+      }
+    ]
+  }
+};

.eslintrc.json

@@ -1,17 +0,0 @@
-{
-  "extends": ["airbnb-base", "prettier"],
-  "plugins": ["import", "prettier"],
-  "rules": {
-    "no-console": ["error", { "allow": ["warn", "error"] }],
-    "no-param-reassign": "off",
-    "no-shadow": "off",
-    "no-use-before-define": "off",
-    "prettier/prettier": [
-      "error",
-      {
-        "singleQuote": true,
-        "trailingComma": "all"
-      }
-    ]
-  }
-}

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,6 +1,7 @@
 ---
 name: Bug report
 about: Create a report to help us improve
+labels: bug
 ---
 
 <!--

.github/ISSUE_TEMPLATE/icon_request.md

@@ -1,6 +1,7 @@
 ---
 name: Icon request
 about: Suggest an new icon for this project
+labels: "icon request"
 ---
 
 <!--

.github/workflows/font.yml

@@ -0,0 +1,67 @@
+name: Build Lucide
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+# A workflow run is made up of one or more jobs that can run sequentially or in parallel
+jobs:
+  Build:
+    runs-on: ubuntu-latest
+    steps:
+
+    - name: Clone 'Lucide'
+      uses: actions/checkout@v2
+
+    - name: Update repos
+      run: sudo apt-get update
+
+    - name: Install FontForge
+      run: sudo apt-get install zlib1g-dev fontforge
+
+    - name: Install NodeJS and Yarn
+      run: sudo apt-get install nodejs yarn
+
+    - name: Clone sfnt2woff-zopfli repo
+      run: git clone https://github.com/bramstein/sfnt2woff-zopfli.git sfnt2woff-zopfli
+
+
+    - name: Install and move sfnt2woff-zopfli
+      run: |
+          cd sfnt2woff-zopfli
+          make
+          sudo mv sfnt2woff-zopfli /usr/local/bin/sfnt2woff
+
+    - name: Clone woff2
+      run: git clone --recursive https://github.com/google/woff2.git
+
+
+    - name: Install woff2
+      run: |
+          cd woff2
+          sudo make clean all
+          sudo mv woff2_compress /usr/local/bin/ && sudo mv woff2_decompress /usr/local/bin/
+
+    - name: Install Font Custom dependency
+      run: sudo gem install fontcustom
+
+    - name: Install "outline-stroke"
+      run: sudo yarn add svg-outline-stroke svgson
+
+    - name: "Outline SVG"
+      run: mkdir converted_icons && node scripts/outline_svg.js
+
+
+    - name: Build 'Lucide'
+      run: echo "Building Lucide font" && fontcustom compile ./converted_icons -h -n Lucide -o build -F
+
+
+    - name: Zip 'Lucide'
+      run: zip -r Lucide.zip build
+
+    - name: 'Upload to Artifacts'
+      uses: actions/upload-artifact@v1.0.0
+      with:
+        name: Lucide
+        path: build

.github/workflows/release.yml

@@ -0,0 +1,99 @@
+name: Release to NPM
+
+on:
+  push:
+    tags:
+    - 'v*'
+
+jobs:
+  build-and-deploy:
+    if: github.repository == 'lucide-icons/lucide'
+
+    runs-on: ubuntu-latest
+
+    env:
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+    steps:
+      - name: Get the version
+        id: get_version
+        run: echo ::set-output name=VERSION::${GITHUB_REF/refs\/tags\/\v}
+
+      - uses: actions/checkout@v2
+        with:
+          clean: true
+
+      - name: Set Auth Token
+        run: npm config set //registry.npmjs.org/:_authToken ${{ secrets.NPM_TOKEN }}
+
+      # Build lucide
+      - name: Install Dependencies Lucide
+        run: yarn --pure-lockfile
+
+      - name: Build lucide package
+        run: yarn build
+
+      - name: Test lucide package
+        run: yarn test
+
+      # Build lucide-react
+      - name: Install Dependencies lucide-react
+        run: yarn --pure-lockfile
+        working-directory: packages/lucide-react
+
+      - name: Build lucide-react
+        run: yarn build
+        working-directory: packages/lucide-react
+
+      - name: Test lucide-react
+        run: yarn test
+        working-directory: packages/lucide-react
+
+      # Build lucide-vue
+      - name: Install Dependencies lucide-vue
+        run: yarn --pure-lockfile
+        working-directory: packages/lucide-vue
+
+      - name: Build lucide-vue
+        run: yarn build
+        working-directory: packages/lucide-vue
+
+      - name: Test lucide-vue
+        run: yarn test
+        working-directory: packages/lucide-vue
+
+      # Publish lucide
+      - name: Set package.json version lucide
+        run: yarn version --new-version ${{ steps.get_version.outputs.VERSION }} --no-git-tag-version
+
+      - name: publish lucide
+        run: yarn publish
+
+      # Publish lucide-react
+      - name: Set package.json version lucide-react
+        run: yarn version --new-version ${{ steps.get_version.outputs.VERSION }} --no-git-tag-version
+        working-directory: packages/lucide-react
+
+      - name: publish lucide-react
+        run: yarn publish
+        working-directory: packages/lucide-react
+
+      # Publish lucide-vue
+      - name: Set package.json version lucide-vue
+        run: yarn version --new-version ${{ steps.get_version.outputs.VERSION }} --no-git-tag-version
+        working-directory: packages/lucide-vue
+
+      - name: publish lucide-vue
+        run: yarn publish
+        working-directory: packages/lucide-vue
+
+      - name: Commit package.json
+        run: |
+          git add package.json
+          git add packages/lucide-react/package.json
+          git add packages/lucide-vue/package.json
+          git -c user.name="Lucide Bot" -c user.email="lucide-bot@users.noreply.github.com" \
+            commit -m ":package: Bump version to ${{ steps.get_version.outputs.VERSION }}" --no-verify --quiet
+          git remote set-url --push origin https://lucide-bot:$GITHUB_TOKEN@github.com/$GITHUB_REPOSITORY.git
+          git push origin HEAD:master
+

.gitignore

@@ -1,6 +1,12 @@
 .DS_Store
+.next
+.now
 node_modules
 dist
+build
+/lib
 sandbox
 stash
 coverage
+stats
+*.log

.lintstagedrc

@@ -1,3 +0,0 @@
-{
-  "*.js": "eslint"
-}

.npmignore

@@ -0,0 +1,16 @@
+.github
+packages
+stats
+node_modules
+tests
+scripts
+site
+src
+build
+babel.config.js
+categories.json
+jest.config.js
+netlify.toml
+rollup.config.js
+rollup.plugins.js
+tags.json

.travis.yml

@@ -1,19 +0,0 @@
-language: node_js
-cache:
-  directories:
-    - node_modules
-notifications:
-  email: false
-node_js: 8
-before_script:
-  - npm prune
-script:
-  - npm run all
-after_success:
-  - npx codecov
-  - npx babel-node ./bin/sync-algolia.js
-deploy:
-  provider: script
-  skip_cleanup: true
-  script:
-    - npx semantic-release

CODE_OF_CONDUCT.md

@@ -55,7 +55,7 @@ further defined and clarified by project maintainers.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at cole@colebemis.com. All
+reported by contacting the project team at johnletey@gmail.com. All
 complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an incident.

CONTRIBUTING.md

@@ -2,13 +2,11 @@
 
 :+1::tada: First off, thanks for taking the time to contribute! :tada::+1:
 
-The following is a set of guidelines for contributing to Feather. Feel free to propose changes to this document in a pull request.
+The following is a set of guidelines for contributing to Lucide. Feel free to propose changes to this document in a pull request.
 
 ## Pull Requests
 
-> **Note:** At the moment we are not accepting pull requests containing _**icons**_. The best way to contribute an icon is to create an issue with a screenshot and link to an SVG of your icon.
+Feel free to open a pull-request to contribute to this project.
-
-Pull requests for new features, bug fixes, etc. are often appreciated. Please checkout the [project roadmap](https://github.com/colebemis/feather#roadmap) and raise an issue to discuss any of the items on the list.
 
 **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)
@@ -19,54 +17,25 @@ Guidelines for pull requests:
 - __Make sure the target of your pull request is the relevant branch__. Most of bugfix or new feature should go to the `master` branch.
 - __Include only related work__. If your pull request has unrelated commit, it won't be accepted.
 
+###  Pull Requests Including Icons
+
+#### Guidelines
+
+Please make sure you follow the icon guidelines, that should be followed to keep quality and consistency when making icons for Lucide
+Read it here: [ICON_GUIDELINES](docs/ICON_DESIGN_GUIDE.md)
+
+#### Submitting Mulitple Icons
+
+If you want submit multiple icons, please separate the icons and group them. That makes reviewing the icons easier and keep the thread clean and scoped.
+So don't submit multiple icons in one PR that have noting to do with each other. 
+So for example don't create one PR with icons: `arrow-up`, `bicycle`, `arrow-down`.
+Seperate them by two PRs; 'pr-01' `arrow`, `arrow-down` and 'pr-02' `bicycle`.
+
 ## Icon Requests
 
 Before creating an icon request, please search to see if someone has requested the icon already. If there is an open request, please add a :+1:.
 
-If the icon has not already been requested, [create an issue](https://github.com/colebemis/feather/issues/new?title=Icon%20Request:) with a title of `Icon request: <icon name>` and add as much information as possible.
+If the icon has not already been requested, [create an issue](https://github.com/lucide-icons/lucide/issues/new?title=Icon%20Request:) with a title of `Icon request: <icon name>` and add as much information as possible.
 
-## Bug Reports
+## Icon Requests from Feather
-
+If you are a designer who wants to contribute to Lucide but you don't know what icons to work on, then have a look at the Requests from Feather. All open, unfinished and valid requests can be found in [Feather Icon Requests](https://github.com/lucide-icons/lucide/issues/119).
-Before reporting an issue, please search to see if someone has filed a similar issue before. If there is already an open issue, please add a :+1: and/or leave a comment with additional information.
-
-When creating a new issue make sure to include the following:
-- Version of `Feather` in use. Are you running from source/master? Are you using a released build? Which release?
-- Your environment. What is your operating system? 32 or 64 bits?
-- Step to reproduce. Even if the step is only one line change, __include it!__ Include the actual result and what you expected.
-- Any message or error you get in the console, if you do.
-- A screenshot of any visual bug.
-
-Here is what a great bug report would look like:
-
-```
-## Prerequisites
-
-Version: Release v3.1.0
-Running from: Import using webpack
-Operating system: Mac OSX
-Bits: 64 bits
-
-## Step to reproduce
-
- - Import `check` icon
- - Add to a React component/view
- - Run the react app
- - Notice that the `check` isn't rendering correctly which seems a encoding problem
- 
-### Actual behavior:
-
- - Import `check` icon
- - Add to a React component/view
- - Run the react app
- - Check is displayed with correct encoding (e.g UTF-8)
-
-## Any message or error
-
-No console output
-...
-
-## Resources
-
-No resources
-...
-```

LICENSE

@@ -1,21 +1,15 @@
-The MIT License (MIT)
+ISC License
 
-Copyright (c) 2013-2017 Cole Bemis
+Copyright (c) 2020, Lucide Contributors
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
+Permission to use, copy, modify, and/or distribute this software for any
-of this software and associated documentation files (the "Software"), to deal
+purpose with or without fee is hereby granted, provided that the above
-in the Software without restriction, including without limitation the rights
+copyright notice and this permission notice appear in all copies.
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-copies or substantial portions of the Software.
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

README.md

@@ -1,404 +1,203 @@
-# Feather
+<p align=center><img width="410" src="https://lucide.dev/logo-text.svg" alt="Lucide Logo"></p>
 
-[![Build status](https://img.shields.io/travis/feathericons/feather/master.svg?style=flat-square)](https://travis-ci.org/feathericons/feather)
+# Lucide
-[![Coverage](https://img.shields.io/codecov/c/github/feathericons/feather/master.svg?style=flat-square)](https://codecov.io/gh/feathericons/feather)
-[![npm downloads](https://img.shields.io/npm/dm/feather-icons.svg?style=flat-square)](https://www.npmjs.com/package/feather-icons)
-[![npm version](https://img.shields.io/npm/v/feather-icons.svg?style=flat-square)](https://www.npmjs.com/package/feather-icons)
-[![CDNJS version](https://img.shields.io/cdnjs/v/feather-icons.svg?style=flat-square)](https://cdnjs.com/libraries/feather-icons)
-[![Donate](https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square)](https://www.paypal.me/colebemis/5)
 
-## What is Feather?
+![NPM](https://img.shields.io/npm/l/lucide)
+[![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide)
+[![Discord](https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA)](https://discord.gg/EH6nSts)
 
-Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
+## What is Lucide?
 
-https://feathericons.com
+Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons.
-
-```shell
-npm install feather-icons
-```
 
 ## Table of Contents
 
-* [Quick Start](#quick-start)
+* [Installation](#installation)
+  * [Package managers](#package-managers)
+  * [CDN](#cdn)
 * [Usage](#usage)
-  * [Client-side JavaScript](#client-side-javascript)
+  * [Unpkg](#with-unpkg)
-  * [Node](#node)
+  * [ESModules](#with-esmodules)
-  * [SVG Sprite](#svg-sprite)
+    * [Options](#additional-options)
+    * [Treeshake library](#treeshake-the-library-only-use-the-icons-you-use)
+    * [Custom binding](#custom-element-binding)
+  * [React](#with-react)
+  * [Vue](#with-vue)
   * [Figma](#figma)
-* [API Reference](#api-reference)
-	* [`feather.icons`](#feathericons)
-	* [`feather.icons[name].toSvg()`](#feathericonsnametosvgattrs)
-	* [`feather.replace()`](#featherreplaceattrs)
-	* [(DEPRECATED) `feather.toSvg()`](#deprecated-feathertosvgname-attrs)
 * [Contributing](#contributing)
-* [Related Projects](#related-projects)
+* [Community](#community)
 * [License](#license)
 
-## Quick Start
+## Installation
 
-Start with this [CodePen Template](https://codepen.io/pen?template=WOJZdM) to begin prototyping with Feather in the browser.
+### Package Managers
 
-Or copy and paste the following code snippet into a blank `html` file.
+``` bash
+npm install lucide
+#or
+yarn add lucide
+```
 
-```html
+### CDN
-<!DOCTYPE html>
-<html lang="en">
-  <title></title>
-  <script src="https://unpkg.com/feather-icons"></script>
-  <body>
 
-    <!-- example icon -->
+``` html
-    <i data-feather="circle"></i>
+<!-- Development version -->
+<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
 
-    <script>
+<!-- Production version -->
-      feather.replace()
+<script src="https://unpkg.com/lucide@latest"></script>
-    </script>
-  </body>
-</html>
 ```
 
 ## Usage
 
-At its core, Feather is a collection of [SVG](https://svgontheweb.com/#svg) files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. `img`, `background-image`, `inline`, `object`, `embed`, `iframe`). Here's a helpful article detailing the many ways SVGs can be used on the web: [SVG on the Web – Implementation Options](https://svgontheweb.com/#implementation)
+At its core, Lucide is a collection of [SVG](https://svgontheweb.com/#svg) files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. `img`, `background-image`, `inline`, `object`, `embed`, `iframe`). Here's a helpful article detailing the many ways SVGs can be used on the web: [SVG on the Web – Implementation Options](https://svgontheweb.com/#implementation)
 
-The following are additional ways you can use Feather.
+The following are additional ways you can use Lucide.
+With the Javascript library you can easily incorporate the icon you want in your webpage.
 
-### Client-side JavaScript
+### With unpkg
 
-#### 1. Install
+Here is a complete example with unpkg
-
-> **Note:** If you intend to use Feather with a CDN, you can skip this installation step.
-
-Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
-
-```shell
-npm install feather-icons --save
-```
-
-Or just copy [`feather.js`](https://unpkg.com/feather-icons/dist/feather.js) or [`feather.min.js`](https://unpkg.com/feather-icons/dist/feather.min.js) into your project directory. You don't need both `feather.js` and `feather.min.js`.
-
-#### 2. Include
-
-Include `feather.js` or `feather.min.js` with a `<script>` tag:
 
 ```html
-<script src="path/to/dist/feather.js"></script>
+<!DOCTYPE html>
+<body>
+  <i icon-name="volume-2" class="my-class"></i>
+  <i icon-name="x"></i>
+  <i icon-name="menu"></i>
+
+  <script src="https://unpkg.com/lucide@latest"></script>
+  <script>
+    lucide.createIcons();
+  </script>
+</body>
 ```
 
-> **Note:** `feather.js` and `feather.min.js` are located in the `dist` directory of the npm package.
+### With ESModules
 
-Or load the script from a CDN provider:
+To reduce bundle size, lucide is built to be fully treeshakable.
+The `createIcons` function will search for HTMLElements with the attribute `icon-name` and replace it with the svg from the given icon name.
 
 ```html
-<!-- choose one -->
+<!-- Your HTML file -->
-<script src="https://unpkg.com/feather-icons"></script>
+<i icon-name="menu"></i>
-<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
 ```
 
-After including the script, `feather` will be available as a global variable.
-
-#### 3. Use
-
-To use an icon on your page, add a `data-feather` attribute with the icon name to an element:
-
-```html
-<i data-feather="circle"></i>
-```
-
-See the complete list of icons at [feathericons.com](https://feathericons.com).
-
-#### 4. Replace
-
-Call the `feather.replace()` method:
-
-```html
-<script>
-  feather.replace()
-</script>
-```
-
-All elements that have a `data-feather` attribute will be replaced with SVG markup corresponding to their `data-feather` attribute value. See the [API Reference](#api-reference) for more information about `feather.replace()`.
-
-### Node
-#### 1. Install
-
-Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm):
-
-```shell
-npm install feather-icons --save
-```
-
-#### 2. Require
-
 ```js
-const feather = require('feather-icons')
+import { createIcons, icons } from 'lucide';
+
+// Caution, this will import all the icons and bundle them.
+createIcons({icons});
+
+// Recommended way, to include only the icons you need.
+import { createIcons, Menu, ArrowRight, Globe } from 'lucide';
+
+createIcons({
+  icons: {
+    Menu,
+    ArrowRight,
+    Globe,
+  },
+});
 ```
 
-#### 3. Use
+#### Additional Options
+
+In the `createIcons` function you can pass some extra parameters to adjust the `nameAttr` or add custom attributes like for example classes.
+
+Here is a full example:
 
 ```js
-feather.icons.x
+import { createIcons } from 'lucide';
-// {
-//    name: 'x',
-//    contents: '<line ... /><line ... />`,
-//    tags: ['cancel', 'close', 'delete', 'remove'],
-//    attrs: {
-//      class: 'feather feather-x',
-//      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',
-//    },
-//    toSvg: [Function],
-// }
 
-feather.icons.x.toSvg()
+createIcons({
-// <svg class="feather feather-x" ...><line ... /><line ... /></svg>
+  attrs: {
-
+    class: ['my-custom-class', 'icon'],
-feather.icons.x.toSvg({ class: 'foo bar', 'stroke-width': 1, color: 'red' })
+    'stroke-width': 1,
-// <svg class="feather feather-x foo bar" stroke-width="1" color="red" ...><line ... /><line ... /></svg>
+    stroke: '#333',
+  },
+  nameAttr: 'icon-name', // atrribute for the icon name.
+});
 ```
 
-See the [API Reference](#api-reference) for more information about the available properties and methods of the `feather` object.
+#### Treeshake the library, only use the icons you use
 
-### SVG Sprite
+```js
+import { createIcons, Menu, ArrowRight, Globe } from 'lucide';
 
-#### 1. Install
+createIcons({
-
+  icons: {
-> **Note:** If you intend to use Feather with a CDN, you can skip this installation step.
+    Menu,
-
+    ArrowRight,
-Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
+    Globe,
-
+  },
-```shell
+});
-npm install feather-icons --save
 ```
 
-Or just copy [`feather-sprite.svg`](https://unpkg.com/feather-icons/dist/feather-sprite.svg) into your project directory.
+#### Custom Element binding
 
-#### 2. Use
+```js
+import { createElement, Menu } from 'lucide';
 
-Include an icon on your page with the following markup:
+const menuIcon = createElement(Menu); // Returns HTMLElement (svg)
 
-```html
+// set custom attributes with browser native functions
-<svg
+menuIcon.setAttribute('stroke', '#333');
-  width="24"
+menuIcon.classList.add('my-icon-class');
-  height="24"
+
-  fill="none"
+// Append HTMLElement in webpage
-  stroke="currentColor"
+const myApp = document.getElementById('app');
-  stroke-width="2"
+myApp.appendChild(menuIcon);
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <use xlink:href="path/to/feather-sprite.svg#circle"/>
-</svg>
 ```
 
-> **Note:** `circle` in the above example can be replaced with any valid icon name. See the complete list of icon names at [feathericons.com](https://feathericons.com).
+### With React
 
-However, this markup can be simplified using a simple CSS class to avoid repetition of SVG attributes between icons:
+You can also use the Lucide library using the react package.
 
-```css
+```sh
-.feather {
+yarn add lucide-react
-  width: 24px;
+
-  height: 24px;
+# or
-  stroke: currentColor;
+
-  stroke-width: 2;
+npm install lucide-react
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  fill: none;
-}
 ```
 
-```html
+For more details, see the [documentation](https://github.com/lucide-icons/lucide/blob/master/packages/lucide-react/README.md).
-<svg class="feather">
+
-  <use xlink:href="path/to/dist/feather-sprite.svg#circle"/>
+### With Vue
-</svg>
+
+You can also use the Lucide library using the Vue package.
+
+```sh
+yarn add lucide-vue
+
+# or
+
+npm install lucide-vue
 ```
+
+For more details, see the [documentation](https://github.com/lucide-icons/lucide/blob/master/packages/lucide-vue/README.md).
+
 ### Figma
-Feather is available as a [Figma component library](https://www.figma.com/file/dyJRSFTIajik4cdkcXN8yA3K/Feather-Component-Library). To use the components, log in to your Figma account and **duplicate** the file to your drafts.
 
-## API Reference
+You can use the components from [this Figma file](https://www.figma.com/file/g0UipfQlRfGrntKPxZknM7/Featherity).
-
-### `feather.icons`
-
-An object with data about every icon.
-
-#### Usage
-
-```js
-feather.icons.x
-// {
-//    name: 'x',
-//    contents: '<line ... /><line ... />',
-//    tags: ['cancel', 'close', 'delete', 'remove'],
-//    attrs: {
-//      class: 'feather feather-x',
-//      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',
-//    },
-//    toSvg: [Function],
-// }
-
-feather.icons.x.toString()
-// '<line ... /><line ... />'
-```
-
-> **Note:** `x` in the above example can be replaced with any valid icon name. See the complete list of icon names at [feathericons.com](https://feathericons.com). Icons with multi-word names (e.g. `arrow-right`) **cannot** be accessed using dot notation (e.g. `feather.icons.x`). Instead, use bracket notation (e.g. `feather.icons['arrow-right']`).
-
-[View Source](https://github.com/colebemis/feather/blob/master/src/icons.js)
-
----
-
-### `feather.icons[name].toSvg([attrs])`
-
-Returns an SVG string.
-
-#### Parameters
-
-| Name      | Type   | Description |
-| --------- | ------ | ----------- |
-| `attrs` (optional) | Object |  Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `<svg>` tag (e.g. `{ foo: 'bar' }` maps to `foo="bar"`). All default attributes on the `<svg>` tag can be overridden with the `attrs` object. |
-
-> **Hint:** You might find these SVG attributes helpful for manipulating icons:
-> * [`color`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color)
-> * [`width`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/width)
-> * [`height`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/height)
-> * [`stroke-width`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width)
-> * [`stroke-linecap`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap)
-> * [`stroke-linejoin`](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin)
-
-#### Usage
-
-```js
-feather.icons.circle.toSvg()
-// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
-
-feather.icons.circle.toSvg({ 'stroke-width': 1 })
-// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
-
-feather.icons.circle.toSvg({ class: 'foo bar' })
-// '<svg class="feather feather-circle foo bar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
-```
-
-[View Source](https://github.com/colebemis/feather/blob/master/src/icon.js)
-
----
-
-### `feather.replace([attrs])`
-
-Replaces all elements that have a `data-feather` attribute with SVG markup corresponding to the element's `data-feather` attribute value.
-
-#### Parameters
-
-| Name       | Type   | Description |
-| ---------- | ------ | ----------- |
-| `attrs` (optional)  | Object | Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `<svg>` tag (e.g. `{ foo: 'bar' }` maps to `foo="bar"`). All default attributes on the `<svg>` tag can be overridden with the `attrs` object. |
-
-#### Usage
-
-> **Note:** `feather.replace()` only works in a browser environment.
-
-Simple usage:
-```html
-<i data-feather="circle"></i>
-<!--
-<i> will be replaced with:
-<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>
--->
-
-<script>
-  feather.replace()
-</script>
-```
-
-You can pass `feather.replace()` an `attrs` object:
-```html
-<i data-feather="circle"></i>
-<!--
-<i> will be replaced with:
-<svg class="feather feather-circle foo bar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>
--->
-
-<script>
-  feather.replace({ class: 'foo bar', 'stroke-width': 1 })
-</script>
-```
-
-All attributes on the placeholder element (i.e. `<i>`) will be copied to the `<svg>` tag:
-
-```html
-<i data-feather="circle" id="my-circle" class="foo bar" stroke-width="1"></i>
-<!--
-<i> will be replaced with:
-<svg id="my-circle" class="feather feather-circle foo bar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>
--->
-
-<script>
-  feather.replace()
-</script>
-```
-
-[View Source](https://github.com/colebemis/feather/blob/master/src/replace.js)
-
----
-
-### (DEPRECATED) `feather.toSvg(name, [attrs])`
-
-> **Note:** `feather.toSvg()` is deprecated. Please use `feather.icons[name].toSvg()` instead.
-
-Returns an SVG string.
-
-#### Parameters
-
-| Name      | Type   | Description |
-| --------- | ------ | ----------- |
-| `name`    | string | Icon name   |
-| `attrs` (optional) | Object |  Key-value pairs in the `attrs` object will be mapped to HTML attributes on the `<svg>` tag (e.g. `{ foo: 'bar' }` maps to `foo="bar"`). All default attributes on the `<svg>` tag can be overridden with the `attrs` object. |
-
-#### Usage
-
-```js
-feather.toSvg('circle')
-// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
-
-feather.toSvg('circle', { 'stroke-width': 1 })
-// '<svg class="feather feather-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
-
-feather.toSvg('circle', { class: 'foo bar' })
-// '<svg class="feather feather-circle foo bar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>'
-```
-
-[View Source](https://github.com/colebemis/feather/blob/master/src/to-svg.js)
 
 ## Contributing
 
-For more info on how to contribute please see the [contribution guidelines](https://github.com/colebemis/feather/blob/master/CONTRIBUTING.md).
+For more info on how to contribute please see the [contribution guidelines](https://github.com/lucide-icons/lucide/blob/master/CONTRIBUTING.md).
 
-Caught a mistake or want to contribute to the documentation? [Edit this page on Github](https://github.com/colebemis/feather/blob/master/README.md)
+Caught a mistake or want to contribute to the documentation? [Edit this page on Github](https://github.com/lucide-icons/lucide/blob/master/README.md)
 
-## Related Projects
+## Community
 
- - [angular-feather](https://github.com/michaelbazos/angular-feather) - Feather icons for Angular applications
+Join the community on our [Discord](https://discord.gg/EH6nSts) server!
- - [elm-feather](https://github.com/1602/elm-feather) - Feather icons for Elm applications
- - [react-feather](https://github.com/carmelopullara/react-feather) - Feather icons as React components
- - [sketch-feather](https://github.com/odmln/sketch-feather) - Feather icons as a Sketch library
- - [vue-feather-icons](https://github.com/egoist/vue-feather-icons) - Feather icons as Vue components
- - [php-feather](https://github.com/Pixelrobin/php-feather) - Feather icons as a PHP Library
- - [django-feather](https://pypi.org/project/django-feather/) - Feather icons as Django Template Tag
- - [svelte-feather-icons](https://github.com/dylanblokhuis/svelte-feather-icons) - Feather icons as Svelte components
 
 ## License
 
-Feather is licensed under the [MIT License](https://github.com/colebemis/feather/blob/master/LICENSE).
+Lucide is licensed under the [ISC License](https://github.com/lucide-icons/lucide/blob/master/LICENSE).
+
+<p align="center">
+  <a href="https://vercel.com?utm_source=lucide&utm_campaign=oss">
+    <img src="./site/public/vercel.svg" alt="Powered by Vercel" width="200" />
+  </a>
+</p>

babel.config.js

@@ -0,0 +1,27 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/env',
+      {
+        loose: true,
+        modules: false,
+      },
+    ],
+  ],
+  env: {
+    test: {
+      presets: ['@babel/env'],
+      plugins: ['@babel/plugin-transform-runtime'],
+    },
+    dev: {
+      plugins: [
+        [
+          'transform-inline-environment-variables',
+          {
+            include: ['NODE_ENV'],
+          },
+        ],
+      ],
+    },
+  },
+};

bin/.eslintrc.json

@@ -1,6 +0,0 @@
-{
-  "rules": {
-    "import/no-extraneous-dependencies": "off",
-    "no-console": "off"
-  }
-}

bin/__tests__/__snapshots__/build-icons-object.test.js.snap

@@ -1,8 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`builds object correctly 1`] = `
-Object {
-  "icon1": "<line x1=\\"23\\" y1=\\"1\\" x2=\\"1\\" y2=\\"23\\"></line><line x1=\\"1\\" y1=\\"1\\" x2=\\"23\\" y2=\\"23\\"></line>",
-  "icon2": "<circle cx=\\"12\\" cy=\\"12\\" r=\\"11\\"></circle>",
-}
-`;

bin/__tests__/__snapshots__/build-sprite-string.test.js.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`builds sprite correctly 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\"><defs><symbol id=\\"icon1\\" viewBox=\\"0 0 24 24\\"><line x1=\\"23\\" y1=\\"1\\" x2=\\"1\\" y2=\\"23\\"></line><line x1=\\"1\\" y1=\\"1\\" x2=\\"23\\" y2=\\"23\\"></line></symbol><symbol id=\\"icon2\\" viewBox=\\"0 0 24 24\\"><circle cx=\\"12\\" cy=\\"12\\" r=\\"11\\"></circle></symbol></defs></svg>"`;

bin/__tests__/__snapshots__/process-svg.test.js.snap

@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`processes SVG correctly 1`] = `
-"<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=\\"23\\" y1=\\"1\\" x2=\\"1\\" y2=\\"23\\" />
-  <line x1=\\"1\\" y1=\\"1\\" x2=\\"23\\" y2=\\"23\\" />
-</svg>
-"
-`;
-
-exports[`rejects when passed unparsable SVG string 1`] = `
-[Error: Error in parsing SVG: Unclosed root tag
-Line: 0
-Column: 10
-Char: ]
-`;

bin/__tests__/build-icons-object.test.js

@@ -1,17 +0,0 @@
-/* eslint-env jest */
-import buildIconsObject from '../build-icons-object';
-
-const SVG_FILES = {
-  'icon1.svg':
-    '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n>\n  <line x1="23" y1="1" x2="1" y2="23" />\n  <line x1="1" y1="1" x2="23" y2="23" />\n</svg>',
-  'icon2.svg':
-    '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n>\n  <circle cx="12" cy="12" r="11" />\n</svg>',
-};
-
-function getSvg(svgFile) {
-  return SVG_FILES[svgFile];
-}
-
-test('builds object correctly', () => {
-  expect(buildIconsObject(Object.keys(SVG_FILES), getSvg)).toMatchSnapshot();
-});

bin/__tests__/build-sprite-string.test.js

@@ -1,12 +0,0 @@
-/* eslint-env jest */
-import buildSpriteString from '../build-sprite-string';
-
-const icons = {
-  icon1:
-    '<line x1="23" y1="1" x2="1" y2="23"></line><line x1="1" y1="1" x2="23" y2="23"></line>',
-  icon2: '<circle cx="12" cy="12" r="11"></circle>',
-};
-
-test('builds sprite correctly', () => {
-  expect(buildSpriteString(icons)).toMatchSnapshot();
-});

bin/__tests__/process-svg.test.js

@@ -1,15 +0,0 @@
-/* eslint-env jest */
-import processSvg from '../process-svg';
-
-test('processes SVG correctly', () => {
-  const SVG =
-    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Title</title><line x1="23" y1="1" x2="1" y2="23" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><line x1="1" y1="1" x2="23" y2="23" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>';
-
-  expect(processSvg(SVG)).resolves.toMatchSnapshot();
-});
-
-test('rejects when passed unparsable SVG string', () => {
-  const UNPARSABLE_SVG = '<svg></svg';
-
-  expect(processSvg(UNPARSABLE_SVG)).rejects.toMatchSnapshot();
-});

bin/build-icons-json.js

@@ -1,19 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-import buildIconsObject from './build-icons-object';
-
-const IN_DIR = path.resolve(__dirname, '../icons');
-const OUT_FILE = path.resolve(__dirname, '../dist/icons.json');
-
-console.log(`Building ${OUT_FILE}...`);
-
-const svgFiles = fs
-  .readdirSync(IN_DIR)
-  .filter(file => path.extname(file) === '.svg');
-
-const getSvg = svgFile => fs.readFileSync(path.join(IN_DIR, svgFile));
-
-const icons = buildIconsObject(svgFiles, getSvg);
-
-fs.writeFileSync(OUT_FILE, JSON.stringify(icons));

bin/build-sprite-string.js

@@ -1,28 +0,0 @@
-import DEFAULT_ATTRS from '../src/default-attrs.json';
-
-/**
- * Build an SVG sprite string containing SVG symbols.
- * @param {Object} icons
- * @returns {string}
- */
-function buildSpriteString(icons) {
-  const symbols = Object.keys(icons)
-    .map(icon => toSvgSymbol(icon, icons[icon]))
-    .join('');
-
-  return `<svg xmlns="${DEFAULT_ATTRS.xmlns}"><defs>${symbols}</defs></svg>`;
-}
-
-/**
- * Create an SVG symbol string.
- * @param {string} name - Icon name
- * @param {string} contents - SVG contents
- * @returns {string}
- */
-function toSvgSymbol(name, contents) {
-  return `<symbol id="${name}" viewBox="${DEFAULT_ATTRS.viewBox}">${
-    contents
-  }</symbol>`;
-}
-
-export default buildSpriteString;

bin/build-sprite.js

@@ -1,10 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import icons from '../dist/icons.json';
-import buildSpriteString from './build-sprite-string';
-
-const OUT_FILE = path.resolve(__dirname, '../dist/feather-sprite.svg');
-
-console.log(`Building ${OUT_FILE}...`);
-
-fs.writeFileSync(OUT_FILE, buildSpriteString(icons));

bin/build-svgs.js

@@ -1,13 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import icons from '../src/icons';
-
-const OUT_DIR = path.resolve(__dirname, '../dist/icons');
-
-console.log(`Building SVGs in ${OUT_DIR}...`);
-
-Object.keys(icons).forEach(name => {
-  const svg = icons[name].toSvg();
-
-  fs.writeFileSync(path.join(OUT_DIR, `${name}.svg`), svg);
-});

bin/build.sh

@@ -1,25 +0,0 @@
-#!/bin/bash
-
-# Process SVG files
-npx babel-node bin/process-svgs.js
-
-# Create dist directory
-npx rimraf dist
-mkdir dist
-
-# Build icons.json
-npx babel-node bin/build-icons-json.js
-
-# Build SVG sprite
-npx babel-node bin/build-sprite.js
-
-# Create dist/icons directory
-npx rimraf dist/icons
-mkdir dist/icons
-
-# Build SVG icons
-npx babel-node bin/build-svgs.js
-
-# Build JavaScript library
-npx webpack --output-filename feather.js --mode development
-npx webpack --output-filename feather.min.js --mode production

bin/process-svgs.js

@@ -1,18 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-import processSvg from './process-svg';
-
-const IN_DIR = path.resolve(__dirname, '../icons');
-
-console.log(`Processing SVGs in ${IN_DIR}...`);
-
-fs
-  .readdirSync(IN_DIR)
-  .filter(file => path.extname(file) === '.svg')
-  .forEach(svgFile => {
-    const svg = fs.readFileSync(path.join(IN_DIR, svgFile));
-    processSvg(svg).then(svg =>
-      fs.writeFileSync(path.join(IN_DIR, svgFile), svg),
-    );
-  });

bin/sync-algolia.js

@@ -1,73 +0,0 @@
-import algolia from 'algoliasearch';
-import icons from '../dist/icons.json';
-import tags from '../src/tags.json';
-
-const ALGOLIA_APP_ID = '5EEOG744D0';
-
-if (
-  process.env.TRAVIS_PULL_REQUEST === 'false' &&
-  process.env.TRAVIS_BRANCH === 'master'
-) {
-  syncAlgolia();
-} else {
-  console.log('Skipped Algolia sync.');
-}
-
-function syncAlgolia() {
-  // ALGOLIA_ADMIN_KEY must be added as an environment variable in Travis CI
-  const client = algolia(ALGOLIA_APP_ID, process.env.ALGOLIA_ADMIN_KEY);
-
-  console.log('Initializing target and temporary indexes...');
-  const index = client.initIndex('icons');
-  const indexTmp = client.initIndex('icons_tmp');
-
-  console.log(
-    "Copying target index's settings, synonyms and rules into temporary index...",
-  );
-  scopedCopyIndex(client, index.indexName, indexTmp.indexName)
-    .then(() => {
-      const objects = Object.keys(icons).map(name => ({
-        name,
-        tags: tags[name] || [],
-      }));
-
-      console.log('Adding objects to the temporary index...');
-      return addObjects(indexTmp, objects);
-    })
-    .then(() => {
-      console.log('Moving temporary index to target index...');
-      return moveIndex(client, indexTmp.indexName, index.indexName);
-    });
-}
-
-function scopedCopyIndex(
-  client,
-  indexNameSrc,
-  indexNameDest,
-  scope = ['settings', 'synonyms', 'rules'],
-) {
-  return new Promise((resolve, reject) => {
-    client.copyIndex(indexNameSrc, indexNameDest, scope, (error, contents) => {
-      if (error) reject(error);
-      resolve(contents);
-    });
-  });
-}
-
-function addObjects(index, objects) {
-  return new Promise((resolve, reject) => {
-    index.addObjects(objects, (error, contents) => {
-      if (error) reject(error);
-      resolve(contents);
-    });
-  });
-}
-
-function moveIndex(client, indexNameSrc, indexNameDest) {
-  return new Promise((resolve, reject) => {
-    client.moveIndex(indexNameSrc, indexNameDest, (error, contents) => {
-      if (error) reject(error);
-      resolve(contents);
-    });
-  });
-}

categories.json

@@ -0,0 +1,19 @@
+{
+  "arrows": [],
+  "brands": [],
+  "code": [],
+  "connectivity": ["airplay"],
+  "cursors": [],
+  "development": [],
+  "devices": ["alarm-clock"],
+  "file-system": [],
+  "layout": [],
+  "maths": ["activity"],
+  "multimedia": [],
+  "notifications": ["alert-circle", "alert-octagon", "alert-triangle"],
+  "nature": [],
+  "shopping": [],
+  "shapes": [],
+  "sports": [],
+  "text-edit": ["align-center","align-right","align-left","align-justify" ]
+}

commitlint.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-  rules: {
-    'scope-case': [0],
-    'subject-case': [2, 'always', 'sentence-case'],
-    'header-max-length': [0],
-  },
-};

docs/ICON_DESIGN_GUIDE.md

@@ -0,0 +1,78 @@
+# Icon Design Guide
+
+Here are rules that should be followed to keep quality and consistency when making icons for Lucide.
+
+## Summary of the rules we have
+
+1. Icons must be designed on a **24 by 24 pixels** canvas.
+2. Icons must have a **1 pixel padding** within the canvas.
+3. Icons must have a **stroke width of 2 pixels**.
+4. Icons must use **round joins**.
+5. Icons must use **round caps**.
+6. Icons must use **centered strokes**.
+7. Shapes (such as rectangles) in icons must have **border radius of 2 pixels**.
+8. Distinct elements must have **2 pixels of spacing between each other**.
+
+## The Rules Visualized
+
+### 1. Icons must be designed on a 24 by 24 pixels canvas.
+
+![24px-24px](images/24px-24px.png?raw=true "24px-24px")
+
+### 2. Icons must have a 1 pixel padding within the canvas.
+
+![1px-padding](images/1px-padding.png?raw=true "1px-padding")
+
+### 3. Icons must have a stroke width of 2 pixels.
+
+![2px-stroke](images/2px-stroke.png?raw=true "2px-stroke")
+
+### 4. Icons must use round joins.
+
+![round-joints](images/round-joints.png?raw=true "round-joints")
+
+### 5. Icons must use round caps.
+
+![round-caps](images/round-caps.png?raw=true "round-caps")
+
+### 6. Icons must use centered strokes.
+
+![centered-strokes](images/centered-strokes.png?raw=true "centered-strokes")
+
+### 7. Shapes (such as squares) in icons must have border radius of 2 pixels.
+
+![2px-border-radius](images/2px-border-radius.png?raw=true "2px-border-radius")
+
+### 8. Distinct elements must have 2 pixels of spacing between each other.
+
+![2px-element-spacing](images/2px-element-spacing.png?raw=true "2px-element-spacing")
+
+## Code Conventions
+
+Before an icon is added to the library, we like to have readable and optimized svg code.
+
+### Global Attributes
+
+For each icon these attributes are applied, corresponding to the above rules.
+
+```xml
+<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"
+>
+  <!-- SVGElements -->
+</svg>
+```
+
+### Minify paths
+
+Code of paths can get really big.
+To reduce file size we like to minify the code.
+We recommend to use the [SVGOMG](https://jakearchibald.github.io/svgomg/) to minify paths.

docs/INKSCAPE_GUIDE.md

@@ -0,0 +1,37 @@
+# Inkscape Setup Guide
+
+This guide shows the steps to setup Inkscape for creating icons that conform to the Featherity design
+guidelines.
+
+## Setting up The Canvas
+
+When opening a new document, Inkscape will create a canvas of a default size.  To change the size to 24x24:
+
+1. Open the Document Properties dialog (File -> Document Properties).
+2. On the “Page Size” tab, under “Custom Size” set the Units to `px` and set both Height and Width to 24.
+![Setting Page Size](images/page-size.png?raw=true "Setting Page Size")
+3. On the “Grid” tab, select `Rectangular Grid` and click “New Grid”.
+![Setting Grid Properties](images/grid-1.png?raw=true "Setting Grid Properties")
+4. Set the Grid Units to `px` and set Spacing X and Spacing Y both to 1.
+![Setting Grid Properties](images/grid-2.png?raw=true "Setting Grid Properties")
+5. Close the Document Properties dialog.
+6. To center the canvas in the viewport, select View -> Zoom -> Drawing.
+   
+## Setting up The Paths
+
+1. Create a path or shape.
+2. With the path selected, open the Stroke and Fill panel by pressing `Ctrl+Shift+F` on your keyboard.
+![Stroke Style Properties](images/strokes.png?raw=true "Setting Grid Properties")
+3. On the “Stroke Style” tab:
+   * Set Stroke Width to `2px`. 
+   * Select the rounded join type.
+   * Select the rounded cap type.
+4. If the shape is a rectangle, select the rectangle and in the top of the screen below the menu bar, set `Rx` and `Ry` to `2px`.
+![Rectangle Radius Properties](images/corner-radius.png?raw=true "Rectangle Radius Properties")
+
+## Saving A File
+
+1. When ready to save the file, click Save As and select “Optimized SVG” as the file type.
+![Save As](images/save-as.png?raw=true "Save as")
+2. After clicking Save, to conform with the other icons in the package, set Pretty Printing to use spaces and set the indentation depth to 2.
+![Optimize](images/optimize-settings.png?raw=true "Optimize")

examples/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Feather</title>
-</head>
-<body>
-  <i data-feather="eye"></i>
-  <i data-feather="heart"></i>
-  <i data-feather="feather"></i>
-
-  <script src="https://unpkg.com/feather-icons"></script>
-  <script>
-    feather.replace()
-  </script>
-</body>
-</html>

icons/airplay.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1" />
+  <path d="M5 17H4a2 2 0 01-2-2V5a2 2 0 012-2h16a2 2 0 012 2v10a2 2 0 01-2 2h-1" />
   <polygon points="12 15 17 21 7 21 12 15" />
 </svg>

icons/alarm-check.svg

@@ -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="M12 21a8 8 0 100-16 8 8 0 000 16z" />
+  <path d="M5 3L2 6" />
+  <path d="M22 6l-3-3" />
+  <path d="M6 19l-2 2" />
+  <path d="M18 19l2 2" />
+  <path d="M9 13l2 2 4-4" />
+</svg>

icons/alarm-clock.svg

@@ -9,5 +9,10 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" />
+  <circle cx="12" cy="13" r="8" />
+  <path d="M12 9v4l2 2" />
+  <path d="M5 3L2 6" />
+  <path d="M22 6l-3-3" />
+  <path d="M6 19l-2 2" />
+  <path d="M18 19l2 2" />
 </svg>

icons/alarm-minus.svg

@@ -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="M12 21a8 8 0 100-16 8 8 0 000 16z" />
+  <path d="M5 3L2 6" />
+  <path d="M22 6l-3-3" />
+  <path d="M6 19l-2 2" />
+  <path d="M18 19l2 2" />
+  <path d="M8 13h8" />
+</svg>

icons/alarm-plus.svg

@@ -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="M12 21a8 8 0 100-16 8 8 0 000 16z" />
+  <path d="M5 3L2 6" />
+  <path d="M22 6l-3-3" />
+  <path d="M6 19l-2 2" />
+  <path d="M18 19l2 2" />
+  <path d="M12 9v8" />
+  <path d="M8 13h8" />
+</svg>

icons/album.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"
+>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <polyline points="11 3 11 11 14 8 17 11 17 3" />
+</svg>

icons/alert-triangle.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
+  <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" />
   <line x1="12" y1="9" x2="12" y2="13" />
   <line x1="12" y1="17" x2="12.01" y2="17" />
 </svg>

icons/align-center.svg

@@ -9,8 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="18" y1="10" x2="6" y2="10" />
   <line x1="21" y1="6" x2="3" y2="6" />
-  <line x1="21" y1="14" x2="3" y2="14" />
+  <line x1="17" y1="12" x2="7" y2="12" />
-  <line x1="18" y1="18" x2="6" y2="18" />
+  <line x1="19" y1="18" x2="5" y2="18" />
 </svg>

icons/align-justify.svg

@@ -9,8 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="21" y1="10" x2="3" y2="10" />
+  <line x1="3" y1="6" x2="21" y2="6" />
-  <line x1="21" y1="6" x2="3" y2="6" />
+  <line x1="3" y1="12" x2="21" y2="12" />
-  <line x1="21" y1="14" x2="3" y2="14" />
+  <line x1="3" y1="18" x2="21" y2="18" />
-  <line x1="21" y1="18" x2="3" y2="18" />
 </svg>

icons/align-left.svg

@@ -9,8 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="17" y1="10" x2="3" y2="10" />
   <line x1="21" y1="6" x2="3" y2="6" />
-  <line x1="21" y1="14" x2="3" y2="14" />
+  <line x1="15" y1="12" x2="3" y2="12" />
   <line x1="17" y1="18" x2="3" y2="18" />
 </svg>

icons/align-right.svg

@@ -9,8 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="21" y1="10" x2="7" y2="10" />
   <line x1="21" y1="6" x2="3" y2="6" />
-  <line x1="21" y1="14" x2="3" y2="14" />
+  <line x1="21" y1="12" x2="9" y2="12" />
   <line x1="21" y1="18" x2="7" y2="18" />
 </svg>

icons/anchor.svg

@@ -11,5 +11,5 @@
 >
   <circle cx="12" cy="5" r="3" />
   <line x1="12" y1="22" x2="12" y2="8" />
-  <path d="M5 12H2a10 10 0 0 0 20 0h-3" />
+  <path d="M5 12H2a10 10 0 0020 0h-3" />
 </svg>

icons/arrow-big-down.svg

@@ -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="M9 3h6v11h4l-7 7-7-7h4z" />
+</svg>

icons/arrow-big-left.svg

@@ -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="M3 12l7-7v4h11v6H10v4z" />
+</svg>

icons/arrow-big-right.svg

@@ -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="M21 12l-7-7v4H3v6h11v4z" />
+</svg>

icons/arrow-big-up.svg

@@ -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="M9 21V10H5l7-7 7 7h-4v11z" />
+</svg>

icons/asterisk.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="M12 6v12" />
+  <path d="M17.196 9L6.804 15" />
+  <path d="M6.804 9l10.392 6" />
+</svg>

icons/at-sign.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <circle cx="12" cy="12" r="4" />
-  <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" />
+  <path d="M16 8v5a3 3 0 006 0v-1a10 10 0 10-3.92 7.94" />
 </svg>

icons/axe.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"
+>
+  <path d="M14 12l-8.501 8.501a2.12 2.12 0 01-2.998 0h-.002a2.12 2.12 0 010-2.998L11 9.002" />
+  <path d="M9 7l4-4 6 6h3l-.13.648a7.648 7.648 0 01-5.081 5.756L15 16v-3z" />
+</svg>

icons/battery-charging.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19" />
+  <path d="M7 7H3.78A1.73 1.73 0 002 8.67v6.66A1.73 1.73 0 003.78 17H6m8-10h2.22A1.73 1.73 0 0118 8.67v6.66A1.73 1.73 0 0116.22 17H13" />
-  <line x1="23" y1="13" x2="23" y2="11" />
+  <polyline points="11 7 8 12 12 12 9 17" />
-  <polyline points="11 6 7 12 13 12 9 18" />
+  <line x1="22" x2="22" y1="11" y2="13" />
 </svg>

icons/battery-full.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 x="2" y="7" width="16" height="10" rx="2" ry="2" />
+  <line x1="22" x2="22" y1="11" y2="13" />
+  <line x1="6" x2="6" y1="10" y2="14" />
+  <line x1="10" x2="10" y1="10" y2="14" />
+  <line x1="14" x2="14" y1="10" y2="14" />
+</svg>

icons/battery-low.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"
+>
+  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />
+  <line x1="22" x2="22" y1="11" y2="13" />
+  <line x1="6" x2="6" y1="10" y2="14" />
+</svg>

icons/battery-medium.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"
+>
+  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />
+  <line x1="22" x2="22" y1="11" y2="13" />
+  <line x1="6" x2="6" y1="10" y2="14" />
+  <line x1="10" x2="10" y1="10" y2="14" />
+</svg>

icons/battery.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <rect x="1" y="6" width="18" height="12" rx="2" ry="2" />
+  <rect x="2" y="7" width="16" height="10" rx="2" ry="2" />
-  <line x1="23" y1="13" x2="23" y2="11" />
+  <line x1="22" x2="22" y1="11" y2="13" />
 </svg>

icons/beaker.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="M4.5 3h15" />
+  <path d="M6 3v16a2 2 0 002 2h8a2 2 0 002-2V3" />
+  <path d="M6 14h12" />
+</svg>

icons/bell-minus.svg

@@ -0,0 +1,15 @@
+<svg
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M13.73 21a2 2 0 01-3.46 0" />
+  <path d="M21 5h-6" />
+  <path d="M18.021 9C18.29 15.193 21 17 21 17H3s3-2 3-9a6 6 0 017-5.916" />
+</svg>

icons/bell-off.svg

@@ -9,9 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
+  <path d="M13.73 21a2 2 0 01-3.46 0" />
-  <path d="M18.63 13A17.89 17.89 0 0 1 18 8" />
+  <path d="M18.63 13A17.888 17.888 0 0118 8" />
-  <path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14" />
+  <path d="M6.26 6.26A5.86 5.86 0 006 8c0 7-3 9-3 9h14" />
-  <path d="M18 8a6 6 0 0 0-9.33-5" />
+  <path d="M18 8a6 6 0 00-9.33-5" />
-  <line x1="1" y1="1" x2="23" y2="23" />
+  <path d="M2 2l20 20" />
 </svg>

icons/bell-plus.svg

@@ -0,0 +1,16 @@
+<svg
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M18.387 12C19.198 15.799 21 17 21 17H3s3-2 3-9a6 6 0 017-5.916" />
+  <path d="M13.73 21a2 2 0 01-3.46 0" />
+  <path d="M18 2v6" />
+  <path d="M21 5h-6" />
+</svg>

icons/bell.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
+  <path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" />
-  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
+  <path d="M13.73 21a2 2 0 01-3.46 0" />
 </svg>

icons/bike.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"
+>
+  <circle cx="5.5" cy="17.5" r="3.5" />
+  <circle cx="18.5" cy="17.5" r="3.5" />
+  <path d="M15 6a1 1 0 100-2 1 1 0 000 2zm-3 11.5V14l-3-3 4-3 2 3h2" />
+</svg>

icons/binary.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="M10 4H6v6h4V4z" />
+  <path d="M18 14h-4v6h4v-6z" />
+  <path d="M14 4h2v6m-2 0h4" />
+  <path d="M6 14h2v6m-2 0h4" />
+</svg>

icons/bluetooth-connected.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 7l10 10-5 5V2l5 5L7 17" />
+  <line x1="18" y1="12" y2="12" x2="21" />
+  <line x1="3" y1="12" y2="12" x2="6" />
+</svg>

icons/bluetooth-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="M17 17l-5 5V12l-5 5" />
+  <path d="M2 2l20 20" />
+  <path d="M14.5 9.5L17 7l-5-5v4.5" />
+</svg>

icons/bluetooth-searching.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 7l10 10-5 5V2l5 5L7 17" />
+  <path d="M20.83 14.83a4 4 0 000-5.66" />
+  <path d="M18 12h.01" />
+</svg>

icons/bluetooth.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polyline points="6.5 6.5 17.5 17.5 12 23 12 1 17.5 6.5 6.5 17.5" />
+  <path d="M7 7l10 10-5 5V2l5 5L7 17" />
 </svg>

icons/bold.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" />
+  <path d="M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z" />
-  <path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" />
+  <path d="M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z" />
 </svg>

icons/book-open.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
+  <path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z" />
-  <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />
+  <path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z" />
 </svg>

icons/book.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" />
+  <path d="M4 19.5A2.5 2.5 0 016.5 17H20" />
-  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" />
+  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" />
 </svg>

icons/bookmark.svg

@@ -9,5 +9,5 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" />
+  <path d="M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2z" />
 </svg>

icons/bot.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 x="3" y="11" width="18" height="10" rx="2" />
+  <circle cx="12" cy="5" r="2" />
+  <path d="M12 7v4" />
+  <line x1="8" y1="16" x2="8" y2="16" />
+  <line x1="16" y1="16" x2="16" y2="16" />
+</svg>

icons/box-select.svg

@@ -0,0 +1,24 @@
+<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 2a2 2 0 00-2 2" />
+  <line x1="8" y1="2" x2="10" y2="2" />
+  <line x1="14" y1="2" x2="16" y2="2" />
+  <path d="M4 22a2 2 0 01-2-2" />
+  <line x1="22" y1="8" x2="22" y2="10" />
+  <line x1="22" y1="14" x2="22" y2="16" />
+  <path d="M22 20a2 2 0 01-2 2" />
+  <line x1="14" y1="22" x2="16" y2="22" />
+  <line x1="8" y1="22" x2="10" y2="22" />
+  <path d="M20 2a2 2 0 012 2" />
+  <line x1="2" y1="14" x2="2" y2="16" />
+  <line x1="2" y1="8" x2="2" y2="10" />
+</svg>

icons/box.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
+  <path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z" />
   <polyline points="3.27 6.96 12 12.01 20.73 6.96" />
   <line x1="12" y1="22.08" x2="12" y2="12" />
 </svg>

icons/briefcase.svg

@@ -10,5 +10,5 @@
   stroke-linejoin="round"
 >
   <rect x="2" y="7" width="20" height="14" rx="2" ry="2" />
-  <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
+  <path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16" />
 </svg>

icons/brush.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"
+>
+  <path d="M9.06 11.9l8.07-8.06a2.85 2.85 0 114.03 4.03l-8.06 8.08" />
+  <path d="M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 00-3-3.02z" />
+</svg>

icons/building.svg

@@ -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"
+>
+  <rect x="4" y="2" width="16" height="20" rx="2" ry="2" />
+  <path d="M9 22v-4h6v4" />
+  <path d="M8 6h.01" />
+  <path d="M16 6h.01" />
+  <path d="M12 6h.01" />
+  <path d="M12 10h.01" />
+  <path d="M12 14h.01" />
+  <path d="M16 10h.01" />
+  <path d="M16 14h.01" />
+  <path d="M8 10h.01" />
+  <path d="M8 14h.01" />
+</svg>

icons/bus.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="M19 17h2l.64-2.54a6 6 0 000-2.92l-1.07-4.27A3 3 0 0017.66 5H4a2 2 0 00-2 2v10h2m10 0h-4" />
+  <circle cx="6.5" cy="17.5" r="2.5" />
+  <circle cx="16.5" cy="17.5" r="2.5" />
+</svg>

icons/calculator.svg

@@ -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"
+>
+  <rect x="4" y="2" width="16" height="20" rx="2" />
+  <line x1="8" x2="16" y1="6" y2="6" />
+  <line x1="16" x2="16" y1="14" y2="18" />
+  <path d="M16 10h.01" />
+  <path d="M12 10h.01" />
+  <path d="M8 10h.01" />
+  <path d="M12 14h.01" />
+  <path d="M8 14h.01" />
+  <path d="M12 18h.01" />
+  <path d="M8 18h.01" />
+</svg>

icons/camera-off.svg

@@ -9,6 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <line x1="1" y1="1" x2="23" y2="23" />
+  <line x1="2" y1="2" x2="22" y2="22" />
-  <path d="M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v9.34m-7.72-2.06a4 4 0 1 1-5.56-5.56" />
+  <path d="M9.5 4h5L17 7h3a2 2 0 012 2v7.5M7 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16" />
+  <path d="M14.121 15.121A3 3 0 119.88 10.88" />
 </svg>