Merge pull request #548 from feathericons/add-figma-icon

Add Figma icon

.github/ISSUE_TEMPLATE.md

@@ -1,10 +0,0 @@
-<!--
-If you'd like to request an icon, please provide the following information:
-- icon name
-- at least one use case
-- screenshots of similar icons
-
-Please create one issue for each icon request.
--->
-
-

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,67 @@
+---
+name: Bug report
+about: Create a report to help us improve
+---
+
+<!--
+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 👍 and/or leave a comment with additional information.
+-->
+
+## Prerequisites
+
+* Version:
+* Are you running from source/master:
+* Are you using a released build:
+* Operating system: 
+* Bits:
+
+## Step to reproduce
+
+*(Type here)*
+
+### Actual behavior
+
+## Any message or error
+
+*(Type here)*
+
+## Resources
+
+* Links
+* Screenshots
+
+
+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
+...
+```

.github/ISSUE_TEMPLATE/icon_request.md

@@ -0,0 +1,14 @@
+---
+name: Icon request
+about: Suggest an new icon for this project
+---
+
+<!--
+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 👍.
+-->
+
+## Icon Request
+
+* Icon name:
+* Use case:
+* Screenshots of similar icons:

CONTRIBUTING.md

@@ -37,24 +37,36 @@ When creating a new issue make sure to include the following:
 - A screenshot of any visual bug.
 
 Here is what a great bug report would look like:
+
 ```
-Check not rendering properly
+## Prerequisites
 
 Version: Release v3.1.0
-Downloaded from: Import using webpack
+Running from: Import using webpack
-OS: Mac OSX
+Operating system: Mac OSX
+Bits: 64 bits
+
+## Step to reproduce
 
-How 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 result:
+ 
+### 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
+...
 ```

README.md

@@ -5,15 +5,15 @@
 [![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.com/cgi-bin/webscr?cmd=_donations&business=G6CPFZ6PQRZW8&lc=US&item_name=Feather&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted)
+[![Donate](https://img.shields.io/badge/donate-paypal-blue.svg?style=flat-square)](https://www.paypal.me/colebemis/5)
 
 ## What is Feather?
 
-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 readability.
+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 usability.
 
 https://feathericons.com
 
-```sh
+```shell
 npm install feather-icons
 ```
 
@@ -30,6 +30,7 @@ npm install feather-icons
   * [Client-side JavaScript](#client-side-javascript)
   * [Node](#node)
   * [SVG Sprite](#svg-sprite)
+  * [Figma](#figma)
 * [API Reference](#api-reference)
 	* [`feather.icons`](#feathericons)
 	* [`feather.icons[name].toSvg()`](#feathericonsnametosvgattrs)
@@ -50,7 +51,7 @@ Or copy and paste the following code snippet into a blank `html` file.
 <!DOCTYPE html>
 <html lang="en">
   <title></title>
-  <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
+  <script src="https://unpkg.com/feather-icons"></script>
   <body>
 
     <!-- example icon -->
@@ -77,7 +78,7 @@ The following are additional ways you can use Feather.
 
 Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
 
-```
+```shell
 npm install feather-icons --save
 ```
 
@@ -85,25 +86,27 @@ Or just copy [`feather.js`](https://unpkg.com/feather-icons/dist/feather.js) or
 
 #### 2. Include
 
-Include `feather.js` or `feather.min.js` with a `<script>` tag. These files are located in the `dist` directory of the npm package.
+Include `feather.js` or `feather.min.js` with a `<script>` tag:
 
 ```html
 <script src="path/to/dist/feather.js"></script>
 ```
 
-Or load the script from a CDN provider.
+> **Note:** `feather.js` and `feather.min.js` are located in the `dist` directory of the npm package.
+
+Or load the script from a CDN provider:
 
 ```html
 <!-- choose one -->
+<script src="https://unpkg.com/feather-icons"></script>
 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-<script src="https://unpkg.com/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.
+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>
@@ -113,7 +116,7 @@ See the complete list of icons at [feathericons.com](https://feathericons.com).
 
 #### 4. Replace
 
-Call the `feather.replace()` method.
+Call the `feather.replace()` method:
 
 ```html
 <script>
@@ -126,15 +129,15 @@ All elements that have a `data-feather` attribute will be replaced with SVG mark
 ### Node
 #### 1. Install
 
-Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
+Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm):
 
-```
+```shell
 npm install feather-icons --save
 ```
 
 #### 2. Require
 
-```javascript
+```js
 const feather = require('feather-icons')
 ```
 
@@ -157,7 +160,8 @@ feather.icons.x
 //      'stroke-width': 2,
 //      'stroke-linecap': 'round',
 //      'stroke-linejoin': 'round',
-//    }
+//    },
+//    toSvg: [Function],
 // }
 
 feather.icons.x.toSvg()
@@ -177,7 +181,7 @@ See the [API Reference](#api-reference) for more information about the available
 
 Install with [npm](https://docs.npmjs.com/getting-started/what-is-npm).
 
-```
+```shell
 npm install feather-icons --save
 ```
 
@@ -185,7 +189,7 @@ Or just copy [`feather-sprite.svg`](https://unpkg.com/feather-icons/dist/feather
 
 #### 2. Use
 
-In your HTML, you can include an icon like so:
+Include an icon on your page with the following markup:
 
 ```html
 <svg
@@ -203,7 +207,7 @@ In your HTML, you can include an icon like so:
 
 > **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).
 
-However, this markup can be simplified using a simple CSS class to avoid repetition of SVG attributes between icons.
+However, this markup can be simplified using a simple CSS class to avoid repetition of SVG attributes between icons:
 
 ```css
 .feather {
@@ -222,6 +226,8 @@ However, this markup can be simplified using a simple CSS class to avoid repetit
   <use xlink:href="path/to/dist/feather-sprite.svg#circle"/>
 </svg>
 ```
+### 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
 
@@ -248,7 +254,8 @@ feather.icons.x
 //      'stroke-width': 2,
 //      'stroke-linecap': 'round',
 //      'stroke-linejoin': 'round',
-//    }
+//    },
+//    toSvg: [Function],
 // }
 
 feather.icons.x.toString()
@@ -271,9 +278,17 @@ Returns an SVG string.
 | --------- | ------ | ----------- |
 | `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
 
-```javascript
+```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>'
 
@@ -361,7 +376,7 @@ Returns an SVG string.
 
 #### Usage
 
-```javascript
+```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>'
 
@@ -395,6 +410,7 @@ Caught a mistake or want to contribute to the documentation? [Edit this page on
  - [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-icon](https://github.com/mage3k/vue-feather-icon) - Feather icons as Vue components
+ - [php-feather](https://github.com/Pixelrobin/php-feather) - Feather icons as a PHP Library
 
 ## License
 

bin/build.sh

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

bin/sync-algolia.js

@@ -8,29 +8,66 @@ if (
   process.env.TRAVIS_PULL_REQUEST === 'false' &&
   process.env.TRAVIS_BRANCH === 'master'
 ) {
-  console.log('Syncing Algolia records...');
   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');
 
-  const records = Object.keys(icons).map(name => ({
+  console.log(
-    name,
+    "Copying target index's settings, synonyms and rules into temporary index...",
-    tags: tags[name] || [],
+  );
-  }));
+  scopedCopyIndex(client, index.indexName, indexTmp.indexName)
+    .then(() => {
+      const objects = Object.keys(icons).map(name => ({
+        name,
+        tags: tags[name] || [],
+      }));
 
-  index.clearIndex((err, content) => {
+      console.log('Adding objects to the temporary index...');
-    if (err) throw err;
+      return addObjects(indexTmp, objects);
-    console.log(content);
+    })
+    .then(() => {
+      console.log('Moving temporary index to target index...');
+      return moveIndex(client, indexTmp.indexName, index.indexName);
+    });
+}
 
-    index.addObjects(records, (err, content) => {
+function scopedCopyIndex(
-      if (err) throw err;
+  client,
-      console.log(content);
+  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);
     });
   });
 }

examples/index.html

@@ -3,20 +3,13 @@
 <head>
   <meta charset="UTF-8">
   <title>Feather</title>
-  <!--
-    To build feather.min.js run
-    $ npm run build
-    in the root directory, or use the already built package available on unpkg.com.
-  -->
-  <script src="../dist/feather.min.js"></script>
-  <!-- <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script> -->
 </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>

icons/bell-off.svg

@@ -9,6 +9,9 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M8.56 2.9A7 7 0 0 1 19 9v4m-2 4H2a3 3 0 0 0 3-3V9a7 7 0 0 1 .78-3.22M13.73 21a2 2 0 0 1-3.46 0" />
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
+  <path d="M18.63 13A17.89 17.89 0 0 1 18 8" />
+  <path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14" />
+  <path d="M18 8a6 6 0 0 0-9.33-5" />
   <line x1="1" y1="1" x2="23" y2="23" />
 </svg>

icons/bell.svg

@@ -9,5 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M22 17H2a3 3 0 0 0 3-3V9a7 7 0 0 1 14 0v5a3 3 0 0 0 3 3zm-8.27 4a2 2 0 0 1-3.46 0" />
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
+  <path d="M13.73 21a2 2 0 0 1-3.46 0" />
 </svg>

icons/coffee.svg

@@ -0,0 +1,17 @@
+<svg
+  viewBox="0 0 24 24"
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M18 8h1a4 4 0 0 1 0 8h-1" />
+  <path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z" />
+  <line x1="6" y1="1" x2="6" y2="4" />
+  <line x1="10" y1="1" x2="10" y2="4" />
+  <line x1="14" y1="1" x2="14" y2="4" />
+</svg>

icons/edit-2.svg

@@ -1,13 +1,13 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
   width="24"
   height="24"
   viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
   fill="none"
   stroke="currentColor"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polygon points="16 3 21 8 8 21 3 21 3 16 16 3" />
+  <path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" />
 </svg>

icons/edit-3.svg

@@ -1,14 +1,14 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
   width="24"
   height="24"
   viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
   fill="none"
   stroke="currentColor"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polygon points="14 2 18 6 7 17 3 17 3 13 14 2" />
+  <path d="M12 20h9" />
-  <line x1="3" y1="22" x2="21" y2="22" />
+  <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" />
 </svg>

icons/edit.svg

@@ -1,14 +1,14 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
   width="24"
   height="24"
   viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
   fill="none"
   stroke="currentColor"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34" />
+  <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-  <polygon points="18 2 22 6 12 16 8 16 8 12 18 2" />
+  <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
 </svg>

icons/feather.svg

@@ -11,5 +11,5 @@
 >
   <path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z" />
   <line x1="16" y1="8" x2="2" y2="22" />
-  <line x1="17" y1="15" x2="9" y2="15" />
+  <line x1="17.5" y1="15" x2="9" y2="15" />
 </svg>

icons/figma.svg

@@ -0,0 +1,17 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z" />
+  <path d="M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z" />
+  <path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0z" />
+  <path d="M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z" />
+  <path d="M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z" />
+</svg>

icons/frown.svg

@@ -0,0 +1,16 @@
+<svg
+  viewBox="0 0 24 24"
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M16 16s-1.5-2-4-2-4 2-4 2" />
+  <line x1="9" y1="9" x2="9.01" y2="9" />
+  <line x1="15" y1="9" x2="15.01" y2="9" />
+</svg>

icons/key.svg

@@ -0,0 +1,13 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M21 2l-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 0l3 3L22 7l-3-3m-3.5 3.5L19 4" />
+</svg>

icons/meh.svg

@@ -0,0 +1,16 @@
+<svg
+  viewBox="0 0 24 24"
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <line x1="8" y1="15" x2="16" y2="15" />
+  <line x1="9" y1="9" x2="9.01" y2="9" />
+  <line x1="15" y1="9" x2="15.01" y2="9" />
+</svg>

icons/mouse-pointer.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="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z" />
+  <path d="M13 13l6 6" />
+</svg>

icons/music.svg

@@ -1,14 +1,15 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
   width="24"
   height="24"
   viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
   fill="none"
   stroke="currentColor"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M9 17H5a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm12-2h-4a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2z" />
+  <path d="M9 18V5l12-2v13" />
-  <polyline points="9 17 9 5 21 3 21 15" />
+  <circle cx="6" cy="18" r="3" />
+  <circle cx="18" cy="16" r="3" />
 </svg>

icons/pen-tool.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="M12 19l7-7 3 3-7 7-3-3z" />
+  <path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" />
+  <path d="M2 2l7.586 7.586" />
+  <circle cx="11" cy="11" r="2" />
+</svg>

icons/slack.svg

@@ -9,9 +9,12 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M22.08 9C19.81 1.41 16.54-.35 9 1.92S-.35 7.46 1.92 15 7.46 24.35 15 22.08 24.35 16.54 22.08 9z" />
+  <path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z" />
-  <line x1="12.57" y1="5.99" x2="16.15" y2="16.39" />
+  <path d="M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
-  <line x1="7.85" y1="7.61" x2="11.43" y2="18.01" />
+  <path d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z" />
-  <line x1="16.39" y1="7.85" x2="5.99" y2="11.43" />
+  <path d="M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z" />
-  <line x1="18.01" y1="12.57" x2="7.61" y2="16.15" />
+  <path d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z" />
+  <path d="M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z" />
+  <path d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z" />
+  <path d="M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z" />
 </svg>

icons/smile.svg

@@ -0,0 +1,16 @@
+<svg
+  viewBox="0 0 24 24"
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M8 14s1.5 2 4 2 4-2 4-2" />
+  <line x1="9" y1="9" x2="9.01" y2="9" />
+  <line x1="15" y1="9" x2="15.01" y2="9" />
+</svg>

icons/trello.svg

@@ -0,0 +1,15 @@
+<svg
+  viewBox="0 0 24 24"
+  width="24"
+  height="24"
+  xmlns="http://www.w3.org/2000/svg"
+  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" />
+  <rect x="7" y="7" width="3" height="9" />
+  <rect x="14" y="7" width="3" height="5" />
+</svg>

package.json

@@ -42,18 +42,17 @@
     "cheerio": "^1.0.0-rc.2",
     "commitizen": "^2.9.6",
     "cz-conventional-changelog": "^2.1.0",
-    "eslint": "^4.15.0",
+    "eslint": "^4.19.1",
     "eslint-config-airbnb-base": "^12.1.0",
     "eslint-config-prettier": "^2.9.0",
     "eslint-plugin-import": "^2.5.0",
     "eslint-plugin-prettier": "^2.5.0",
     "html-minifier": "^3.5.8",
     "husky": "^0.14.3",
-    "jest": "^21.2.1",
+    "jest": "^22.4.4",
     "lint-staged": "^6.0.0",
     "npm-run-all": "^4.1.2",
     "prettier": "^1.8.2",
-    "rimraf": "^2.6.2",
     "semantic-release": "^12.2.2",
     "svgo": "^0.7.2",
     "webpack": "^4.8.3",

src/tags.json

@@ -22,6 +22,7 @@
   "cloud-snow": ["weather", "blizzard"],
   "cloud": ["weather"],
   "codepen": ["logo"],
+  "coffee": ["drink", "cup", "mug", "tea", "cafe", "hot", "beverage"],
   "command": ["keyboard", "cmd"],
   "compass": ["navigation", "safari", "travel"],
   "copy": ["clone", "duplicate"],
@@ -49,10 +50,12 @@
   "external-link": ["outbound"],
   "facebook": ["logo"],
   "fast-forward": ["music"],
+  "figma": ["logo", "design", "tool"],
   "film": ["movie", "video"],
   "folder-minus": ["directory"],
   "folder-plus": ["directory"],
   "folder": ["directory"],
+  "frown": ["emoji", "face", "bad", "sad", "emotion"],
   "gift": ["present", "box", "birthday", "party"],
   "git-branch": ["code", "version control"],
   "git-commit": ["code", "version control"],
@@ -70,6 +73,7 @@
   "image": ["picture"],
   "inbox": ["email"],
   "instagram": ["logo", "camera"],
+  "key": ["password", "login", "authentication"],
   "life-bouy": ["help", "life ring", "support"],
   "linkedin": ["logo"],
   "lock": ["security", "password"],
@@ -80,6 +84,7 @@
   "map": ["location", "navigation", "travel"],
   "maximize": ["fullscreen"],
   "maximize-2": ["fullscreen", "arrows"],
+  "meh": ["emoji", "face", "neutral", "emotion"],
   "menu": ["bars", "navigation", "hamburger"],
   "message-circle": ["comment", "chat"],
   "message-square": ["comment", "chat"],
@@ -91,6 +96,7 @@
   "moon": ["dark", "night"],
   "more-horizontal": ["ellipsis"],
   "more-vertical": ["ellipsis"],
+  "mouse-pointer": ["arrow", "cursor"],
   "move": ["arrows"],
   "navigation": ["location", "travel"],
   "navigation-2": ["location", "travel"],
@@ -99,6 +105,7 @@
   "paperclip": ["attachment"],
   "pause": ["music", "stop"],
   "pause-circle": ["music", "stop"],
+  "pen-tool": ["vector", "drawing"],
   "play": ["music", "start"],
   "play-circle": ["music", "start"],
   "plus": ["add", "new"],
@@ -110,6 +117,7 @@
   "rewind": ["music"],
   "rss": ["feed", "subscribe"],
   "save": ["floppy disk"],
+  "search": ["find", "magnifier", "magnifying glass"],
   "send": ["message", "mail", "paper airplane"],
   "settings": ["cog", "edit", "gear", "preferences"],
   "shield": ["security"],
@@ -121,6 +129,7 @@
   "skip-forward": ["music"],
   "slash": ["ban", "no"],
   "sliders": ["settings", "controls"],
+  "smile": ["emoji", "face", "happy", "good", "emotion"],
   "speaker": ["music"],
   "star": ["bookmark", "favorite", "like"],
   "sun": ["brightness", "weather", "light"],