feat: Add archive icon

Updated .travis.yml to match the example provided in the documentation
https://semantic-release.gitbooks.io/semantic-release/content/docs/recipes/travis.html

.travis.yml

@@ -9,5 +9,8 @@ before_script:
   - npm prune
 script:
   - npm start
-after_success:
+deploy:
-  - npm run semantic-release
+  provider: script
+  skip_cleanup: true
+  script:
+    - npx semantic-release

README.md

@@ -27,11 +27,12 @@ npm install feather-icons
 * [Usage](#usage)
   * [Client-side](#client-side)
   * [Node](#node)
+  * [SVG Sprite](#svg-sprite)
 * [API Reference](#api-reference)
 	* [`feather.icons`](#feathericons)
 	* [`feather.icons[name].toSvg()`](#feathericonsnametosvgattrs)
 	* [`feather.replace()`](#featherreplaceattrs)
-	* [[Deprecated] `feather.toSvg()`](#deprecated-feathertosvgname-attrs)
+	* [(DEPRECATED) `feather.toSvg()`](#deprecated-feathertosvgname-attrs)
 * [Roadmap](#roadmap)
 * [Contributing](#contributing)
 * [Related Projects](#related-projects)
@@ -166,6 +167,42 @@ feather.icons.x.toSvg({ class: 'foo bar', 'stroke-width': 1, color: 'red' })
 
 See the [API Reference](#api-reference) for more information about the available properties and methods of the `feather` object.
 
+### SVG Sprite
+A SVG Sprite is also provided, which can be used as following:
+```html
+<svg class="feather feather-[iconName]"
+  width="24"
+  height="24"  
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <use xlink:href="feather-sprite.svg#[iconName]"/>
+</svg>
+```
+Where `iconName` is the name of the icon you want to display.
+
+Same result but using a CSS class:
+```css
+.feather {
+  width: 24px; 
+  height: 24px; 
+  stroke: currentColor; 
+  stroke-width: 2; 
+  stroke-linecap: round; 
+  stroke-linejoin: round; 
+  fill: none;
+}
+```
+```html
+<svg class="feather feather-[iconName]">
+  <use xlink:href="feather-sprite.svg#[iconName]"/>
+</svg>
+```
+Prefer using CSS classes to keep things organized.
+
 ## API Reference
 
 ### `feather.icons`
@@ -287,7 +324,7 @@ All attributes on the placeholder element (i.e. `<i>`) will be copied to the `<s
 
 ---
 
-### [Deprecated] `feather.toSvg(name, [attrs])`
+### (DEPRECATED) `feather.toSvg(name, [attrs])`
 
 > **Note:** `feather.toSvg()` is deprecated. Please use `feather.icons[name].toSvg()` instead.
 

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

@@ -0,0 +1,14 @@
+// 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__/build-sprite-string.test.js

@@ -0,0 +1,12 @@
+/* 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/build-sprite-string.js

@@ -0,0 +1,30 @@
+import defaultAttrs from '../src/default-attrs.json';
+
+const svgStartTag = `<svg xmlns="${defaultAttrs.xmlns}">\n<defs>\n`;
+const svgEndTag = '</defs>\n</svg>';
+
+/**
+ * Renders the inner sprites as SVG Symbols
+ * @param {object} icons the icons object
+ * @returns {string} the rendered string with SVG symbols
+ */
+function buildSpriteString(icons) {
+  const symbols = Object.keys(icons)
+    .map(icon => toSvgSymbol(icon, icons[icon]))
+    .join('');
+
+  return svgStartTag + symbols + svgEndTag;
+}
+
+/**
+ * Renders a SVG symbol tag
+ * @param {string} name The name of the icon
+ * @param {string} contents The contents of the icon
+ * @returns {string} the rendered SVG symbol
+ */
+function toSvgSymbol(name, contents) {
+  return `<symbol id="${name}" viewBox="${defaultAttrs.viewBox}">
+${contents}\n</symbol>\n`;
+}
+
+export default buildSpriteString;

bin/build-sprite.js

@@ -0,0 +1,14 @@
+import fs from 'fs';
+import path from 'path';
+import icons from '../dist/icons.json';
+import buildSpriteString from './build-sprite-string';
+
+const sprite = buildSpriteString(icons);
+
+const OUT_FILE = path.resolve(__dirname, '../dist/feather-sprite.svg');
+
+console.log(`Building ${OUT_FILE}`); // eslint-disable-line no-console
+
+fs.writeFile(OUT_FILE, sprite, err => {
+  if (err) throw err;
+});

bin/build.sh

@@ -5,6 +5,7 @@
 ./node_modules/.bin/rimraf dist
 mkdir dist
 ./node_modules/.bin/babel-node bin/build-icons-json.js
+./node_modules/.bin/babel-node bin/build-sprite.js
 
 ./node_modules/.bin/rimraf dist/icons
 mkdir dist/icons

icons/archive.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"
+>
+  <polyline points="21 8 21 21 3 21 3 8" />
+  <rect x="1" y="3" width="22" height="5" />
+  <line x1="10" y1="12" x2="14" y2="12" />
+</svg>

icons/check-circle.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M22 11.07V12a10 10 0 1 1-5.93-9.14" />
+  <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
-  <polyline points="23 3 12 14 9 11" />
+  <polyline points="22 4 12 14.01 9 11.01" />
 </svg>

icons/check-square.svg

@@ -9,6 +9,6 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <polyline points="9 11 12 14 23 3" />
+  <polyline points="9 11 12 14 22 4" />
   <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" />
 </svg>

icons/database.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"
+>
+  <ellipse cx="12" cy="5" rx="9" ry="3" />
+  <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" />
+  <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" />
+</svg>

icons/dollar-sign.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="12" y1="1" x2="12" y2="23" />
+  <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" />
+</svg>

icons/gift.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"
+>
+  <polyline points="20 12 20 22 4 22 4 12" />
+  <rect x="2" y="7" width="20" height="5" />
+  <line x1="12" y1="22" x2="12" y2="7" />
+  <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z" />
+  <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z" />
+</svg>

icons/git-branch.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"
+>
+  <line x1="6" y1="3" x2="6" y2="15" />
+  <circle cx="18" cy="6" r="3" />
+  <circle cx="6" cy="18" r="3" />
+  <path d="M18 9a9 9 0 0 1-9 9" />
+</svg>

icons/git-commit.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="12" cy="12" r="4" />
+  <line x1="1.05" y1="12" x2="7" y2="12" />
+  <line x1="17.01" y1="12" x2="22.96" y2="12" />
+</svg>

icons/git-merge.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="18" cy="18" r="3" />
+  <circle cx="6" cy="6" r="3" />
+  <path d="M6 21V9a9 9 0 0 0 9 9" />
+</svg>

icons/git-pull-request.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"
+>
+  <circle cx="18" cy="18" r="3" />
+  <circle cx="6" cy="6" r="3" />
+  <path d="M13 6h3a2 2 0 0 1 2 2v7" />
+  <line x1="6" y1="9" x2="6" y2="21" />
+</svg>

icons/help-circle.svg

@@ -9,7 +9,7 @@
   stroke-linecap="round"
   stroke-linejoin="round"
 >
-  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
   <circle cx="12" cy="12" r="10" />
+  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
   <line x1="12" y1="17" x2="12" y2="17" />
 </svg>

icons/send.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="22" y1="2" x2="11" y2="13" />
+  <polygon points="22 2 15 22 11 13 2 9 22 2" />
+</svg>

icons/shopping-bag.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="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" />
+  <line x1="3" y1="6" x2="21" y2="6" />
+  <path d="M16 10a4 4 0 0 1-8 0" />
+</svg>

icons/truck.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="1" y="3" width="15" height="13" />
+  <polygon points="16 8 20 8 23 11 23 16 16 16 16 8" />
+  <circle cx="5.5" cy="18.5" r="2.5" />
+  <circle cx="18.5" cy="18.5" r="2.5" />
+</svg>

icons/youtube.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="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" />
+  <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" />
+</svg>

icons/zap-off.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"
+>
+  <polyline points="12.41 6.75 13 2 10.57 4.92" />
+  <polyline points="18.57 12.91 21 10 15.66 10" />
+  <polyline points="8 8 3 14 12 14 11 22 16 16" />
+  <line x1="1" y1="1" x2="23" y2="23" />
+</svg>

package.json

@@ -13,8 +13,7 @@
     "test": "jest",
     "cm": "git-cz",
     "precommit": "lint-staged",
-    "commitmsg": "commitlint --edit",
+    "commitmsg": "commitlint --edit"
-    "semantic-release": "semantic-release pre && npm publish && semantic-release post"
   },
   "config": {
     "commitizen": {
@@ -25,8 +24,8 @@
     "classnames": "^2.2.5"
   },
   "devDependencies": {
-    "@commitlint/cli": "^5.0.0",
+    "@commitlint/cli": "^5.2.5",
-    "@commitlint/config-angular": "^5.0.0",
+    "@commitlint/config-angular": "^5.1.1",
     "babel-cli": "^6.24.1",
     "babel-loader": "^7.1.1",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
@@ -34,23 +33,23 @@
     "babel-register": "^6.24.1",
     "cheerio": "^1.0.0-rc.2",
     "commitizen": "^2.9.6",
-    "core-js": "^2.4.1",
+    "core-js": "^2.5.3",
     "cz-conventional-changelog": "^2.1.0",
-    "eslint": "^4.0.0",
+    "eslint": "^4.15.0",
-    "eslint-config-airbnb-base": "^11.2.0",
+    "eslint-config-airbnb-base": "^12.1.0",
-    "eslint-config-prettier": "^2.7.0",
+    "eslint-config-prettier": "^2.9.0",
     "eslint-plugin-import": "^2.5.0",
-    "eslint-plugin-prettier": "^2.3.1",
+    "eslint-plugin-prettier": "^2.5.0",
-    "html-minifier": "^3.5.6",
+    "html-minifier": "^3.5.8",
-    "husky": "^0.13.4",
+    "husky": "^0.14.3",
     "jest": "^21.2.1",
-    "lint-staged": "^5.0.0",
+    "lint-staged": "^6.0.0",
     "npm-run-all": "^4.1.2",
     "prettier": "^1.8.2",
     "rimraf": "^2.6.2",
-    "semantic-release": "^6.3.6",
+    "semantic-release": "^12.2.2",
     "svgo": "^0.7.2",
-    "webpack": "^3.0.0"
+    "webpack": "^3.10.0"
   },
   "repository": {
     "type": "git",

src/tags.json

@@ -1,45 +1,90 @@
 {
-  "activity": ["pulse", "health"],
+  "activity": ["pulse", "health", "action", "motion"],
-  "airplay": ["stream", "cast"],
+  "airplay": ["stream", "cast", "mirroring"],
   "alert-circle": ["warning"],
   "alert-octagon": ["warning"],
   "alert-triangle": ["warning"],
   "at-sign": ["mention"],
+  "award": ["achievement", "badge"],
   "aperture": ["camera", "photo"],
   "bell": ["alarm", "notification"],
-  "bell-off": ["alarm", "notification"],
+  "bell-off": ["alarm", "notification", "silent"],
-  "compass": ["navigation", "safari"],
+  "bluetooth": ["wireless"],
-  "disc": ["album"],
+  "book-open": ["read"],
-  "edit": ["pencil"],
+  "book": ["read", "dictionary", "booklet", "magazine"],
-  "edit-2": ["pencil"],
+  "bookmark": ["read", "clip", "marker", "tag"],
-  "edit-3": ["pencil"],
+  "briefcase": ["work", "bag", "baggage", "folder"],
+  "clipboard": ["copy"],
+  "clock": ["time", "watch", "alarm"],
+  "cloud-drizzle": ["weather", "shower"],
+  "cloud-lightning": ["weather", "bolt"],
+  "cloud-rain": ["weather"],
+  "cloud-snow": ["weather", "blizzard"],
+  "cloud": ["weather"],
+  "codepen": ["logo"],
+  "command": ["keyboard", "cmd"],
+  "compass": ["navigation", "safari", "travel"],
+  "copy": ["clone", "duplicate"],
+  "corner-down-left": ["arrow"],
+  "corner-down-right": ["arrow"],
+  "corner-left-down": ["arrow"],
+  "corner-left-up": ["arrow"],
+  "corner-right-down": ["arrow"],
+  "corner-right-up": ["arrow"],
+  "corner-up-left": ["arrow"],
+  "corner-up-right": ["arrow"],
+  "credit-card": ["purchase", "payment", "cc"],
+  "crop": ["photo", "image"],
+  "crosshair": ["aim", "target"],
+  "database": ["storage"],
+  "delete": ["remove"],
+  "disc": ["album", "cd", "dvd", "music"],
+  "dollar-sign": ["currency", "money", "payment"],
+  "droplet": ["water"],
+  "edit": ["pencil", "change"],
+  "edit-2": ["pencil", "change"],
+  "edit-3": ["pencil", "change"],
   "eye": ["view", "watch"],
   "eye-off": ["view", "watch"],
   "external-link": ["outbound"],
+  "facebook": ["logo"],
   "fast-forward": ["music"],
   "film": ["movie", "video"],
-  "folder": ["directory"],
   "folder-minus": ["directory"],
   "folder-plus": ["directory"],
+  "folder": ["directory"],
+  "gift": ["present", "box", "birthday", "party"],
+  "git-branch": ["code", "version control"],
+  "git-commit": ["code", "version control"],
+  "git-merge": ["code", "version control"],
+  "git-pull-request": ["code", "version control"],
+  "github": ["logo", "version control"],
+  "gitlab": ["logo", "version control"],
   "global": ["world", "browser", "language", "translate"],
   "hard-drive": ["computer", "server"],
   "hash": ["hashtag", "number", "pound"],
-  "headphones": ["music"],
+  "headphones": ["music", "audio"],
   "heart": ["like", "love"],
   "help-circle": ["question mark"],
   "home": ["house"],
   "image": ["picture"],
-  "life-bouy": ["help", "life ring"],
+  "inbox": ["email"],
+  "instagram": ["logo", "camera"],
+  "life-bouy": ["help", "life ring", "support"],
+  "linkedin": ["logo"],
+  "lock": ["security", "password"],
   "log-in": ["sign in", "arrow"],
   "log-out": ["sign out", "arrow"],
   "mail": ["email"],
-  "map-pin": ["location", "navigation", "travel"],
+  "map-pin": ["location", "navigation", "travel", "marker"],
   "map": ["location", "navigation", "travel"],
   "maximize": ["fullscreen"],
   "maximize-2": ["fullscreen", "arrows"],
   "menu": ["bars", "navigation", "hamburger"],
-  "message-circle": ["comment"],
+  "message-circle": ["comment", "chat"],
-  "message-square": ["comment"],
+  "message-square": ["comment", "chat"],
+  "mic-off": ["record"],
+  "mic": ["record"],
   "minimize": ["exit fullscreen"],
   "minimize-2": ["exit fullscreen", "arrows"],
   "monitor": ["tv"],
@@ -59,18 +104,24 @@
   "plus": ["add", "new"],
   "plus-circle": ["add", "new"],
   "plus-square": ["add", "new"],
+  "pocket": ["logo", "save"],
+  "power": ["on", "off"],
   "radio": ["signal"],
   "rewind": ["music"],
-  "rss": ["feed"],
+  "rss": ["feed", "subscribe"],
   "save": ["floppy disk"],
+  "send": ["message", "mail", "paper airplane"],
   "settings": ["cog", "edit", "gear", "preferences"],
   "shield": ["security"],
   "shield-off": ["security"],
+  "shopping-bag": ["ecommerce", "cart", "purchase", "store"],
+  "shopping-cart": ["ecommerce", "cart", "purchase", "store"],
   "shuffle": ["music"],
   "skip-back": ["music"],
   "skip-forward": ["music"],
   "slash": ["ban", "no"],
   "sliders": ["settings", "controls"],
+  "speaker": ["music"],
   "star": ["bookmark", "favorite", "like"],
   "sun": ["brightness", "weather", "light"],
   "sunrise": ["weather"],
@@ -78,16 +129,29 @@
   "tag": ["label"],
   "target": ["bullseye"],
   "terminal": ["code", "command line"],
-  "thumbs-down": ["dislike"],
+  "thumbs-down": ["dislike", "bad"],
-  "thumbs-up": ["like"],
+  "thumbs-up": ["like", "good"],
+  "toggle-left": ["on", "off", "switch"],
+  "toggle-right": ["on", "off", "switch"],
   "trash": ["garbage", "delete", "remove"],
   "trash-2": ["garbage", "delete", "remove"],
+  "triangle": ["delta"],
+  "truck": ["delivery", "van", "shipping"],
+  "twitter": ["logo"],
+  "umbrella": ["rain", "weather"],
+  "video-off": ["camera", "movie", "film"],
+  "video": ["camera", "movie", "film"],
   "voicemail": ["phone"],
   "volume": ["music", "sound", "mute"],
   "volume-1": ["music", "sound"],
   "volume-2": ["music", "sound"],
   "volume-x": ["music", "sound", "mute"],
   "watch": ["clock", "time"],
-  "wind": ["weather"],
+  "wind": ["weather", "air"],
-  "x": ["cancel", "close", "delete", "remove"]
+  "x-circle": ["cancel", "close", "delete", "remove", "times"],
+  "x-square": ["cancel", "close", "delete", "remove", "times"],
+  "x": ["cancel", "close", "delete", "remove", "times"],
+  "youtube": ["logo", "video", "play"],
+  "zap-off": ["flash", "camera", "lightning"],
+  "zap": ["flash", "camera", "lightning"]
 }