[Material Design Icon] Add the 96 new icons #2215

HZSamir · Nov 22, 2015 · dd96feb · dd96feb
1 parent af26f04
commit dd96feb
Show file tree

Hide file tree

Showing 132 changed files with 1,979 additions and 43 deletions.
diff --git a/docs/src/app/components/pages/components/icons.jsx b/docs/src/app/components/pages/components/icons.jsx
@@ -9,7 +9,6 @@ const IconButtonCode = require('icons-code');
 const SvgIconsCode = require('svg-icons-code');
 const CodeExample = require('../../code-example/code-example');
 
-
 export default class FontIconPage extends React.Component {
 
   getStyles() {
@@ -48,14 +47,31 @@ export default class FontIconPage extends React.Component {
     );
 
     let svgIconDesc = (
-      <p style={this.getStyles()}>
-        Alternatively, it is possible to include svg icons using mui.SvgIcon to
-        create a custom svg component. Here we are creating the ActionHome
-        SvgIcon for this docs site, and using it in some seperate component.
-        Custom SvgIcon components can be included as children for other Material
-        UI components that use icons such as <a title="Example of SvgIcon usage"
-        href="#/components/icon-buttons">IconButtons</a>.
-      </p>
+      <div>
+        <p style={this.getStyles()}>
+          Alternatively, it is possible to include svg icons using mui.SvgIcon to
+          create a custom svg component. Here we are creating the ActionHome
+          SvgIcon for this docs site, and using it in some seperate component.
+          Custom SvgIcon components can be included as children for other Material
+          UI components that use icons such as <a title="Example of SvgIcon usage"
+          href="#/components/icon-buttons">IconButtons</a>.
+        </p>
+        <p>
+          For all of the Google's Material Design Icons prebuild SvgIcon components 
+          exist. They can be used this way:
+        </p>
+          <CodeBlock>
+            {`
+const SocialNotificationsActive = require('material-ui/lib/svg-icons/social/notifications-active');
+...
+  render: function() {
+    return (
+      <SocialNotificationsActive />
+    );
+  }
+`}
+          </CodeBlock>
+      </div>
     );
 
     let componentInfo = [

diff --git a/icon-builder/package.json b/icon-builder/package.json
@@ -36,7 +36,7 @@
     "grunt-mocha-test": "^0.12.7",
     "load-grunt-tasks": "^3.2.0",
     "lodash": "^3.10.0",
-    "material-design-icons": "^2.0.0",
+    "material-design-icons": "^2.1.0",
     "mkdirp": "^0.5.1",
     "mocha": "^2.2.5",
     "mustache": "^2.1.2",

diff --git a/src/svg-icons/action/accessible.jsx b/src/svg-icons/action/accessible.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionAccessible = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <circle cx="12" cy="4" r="2"/><path d="M19 13v-2c-1.54.02-3.09-.75-4.07-1.83l-1.29-1.43c-.17-.19-.38-.34-.61-.45-.01 0-.01-.01-.02-.01H13c-.35-.2-.75-.3-1.19-.26C10.76 7.11 10 8.04 10 9.09V15c0 1.1.9 2 2 2h5v5h2v-5.5c0-1.1-.9-2-2-2h-3v-3.45c1.29 1.07 3.25 1.94 5 1.95zm-6.17 5c-.41 1.16-1.52 2-2.83 2-1.66 0-3-1.34-3-3 0-1.31.84-2.41 2-2.83V12.1c-2.28.46-4 2.48-4 4.9 0 2.76 2.24 5 5 5 2.42 0 4.44-1.72 4.9-4h-2.07z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionAccessible;
diff --git a/src/svg-icons/action/all-out.jsx b/src/svg-icons/action/all-out.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionAllOut = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M16.21 4.16l4 4v-4zm4 12l-4 4h4zm-12 4l-4-4v4zm-4-12l4-4h-4zm12.95-.95c-2.73-2.73-7.17-2.73-9.9 0s-2.73 7.17 0 9.9 7.17 2.73 9.9 0 2.73-7.16 0-9.9zm-1.1 8.8c-2.13 2.13-5.57 2.13-7.7 0s-2.13-5.57 0-7.7 5.57-2.13 7.7 0 2.13 5.57 0 7.7z" fill="#010101"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionAllOut;
diff --git a/src/svg-icons/action/camera-enhance.jsx b/src/svg-icons/action/camera-enhance.jsx
@@ -9,7 +9,7 @@ const ActionCameraEnhance = React.createClass({
   render() {
     return (
       <SvgIcon {...this.props}>
-        <path d="M9 3L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2h-3.17L15 3H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zM12 17l1.25-2.75L16 13l-2.75-1.25L12 9l-1.25 2.75L8 13l2.75 1.25z"/>
+        <path d="M9 3L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2h-3.17L15 3H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-1l1.25-2.75L16 13l-2.75-1.25L12 9l-1.25 2.75L8 13l2.75 1.25z"/>
       </SvgIcon>
     );
   }

diff --git a/src/svg-icons/action/compare-arrows.jsx b/src/svg-icons/action/compare-arrows.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionCompareArrows = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionCompareArrows;
diff --git a/src/svg-icons/action/copyright.jsx b/src/svg-icons/action/copyright.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionCopyright = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M10.08 10.86c.05-.33.16-.62.3-.87s.34-.46.59-.62c.24-.15.54-.22.91-.23.23.01.44.05.63.13.2.09.38.21.52.36s.25.33.34.53.13.42.14.64h1.79c-.02-.47-.11-.9-.28-1.29s-.4-.73-.7-1.01-.66-.5-1.08-.66-.88-.23-1.39-.23c-.65 0-1.22.11-1.7.34s-.88.53-1.2.92-.56.84-.71 1.36S8 11.29 8 11.87v.27c0 .58.08 1.12.23 1.64s.39.97.71 1.35.72.69 1.2.91 1.05.34 1.7.34c.47 0 .91-.08 1.32-.23s.77-.36 1.08-.63.56-.58.74-.94.29-.74.3-1.15h-1.79c-.01.21-.06.4-.15.58s-.21.33-.36.46-.32.23-.52.3c-.19.07-.39.09-.6.1-.36-.01-.66-.08-.89-.23-.25-.16-.45-.37-.59-.62s-.25-.55-.3-.88-.08-.67-.08-1v-.27c0-.35.03-.68.08-1.01zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionCopyright;
diff --git a/src/svg-icons/action/date-range.jsx b/src/svg-icons/action/date-range.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionDateRange = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionDateRange;
diff --git a/src/svg-icons/action/donut-large.jsx b/src/svg-icons/action/donut-large.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionDonutLarge = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M11 5.08V2c-5 .5-9 4.81-9 10s4 9.5 9 10v-3.08c-3-.48-6-3.4-6-6.92s3-6.44 6-6.92zM18.97 11H22c-.47-5-4-8.53-9-9v3.08C16 5.51 18.54 8 18.97 11zM13 18.92V22c5-.47 8.53-4 9-9h-3.03c-.43 3-2.97 5.49-5.97 5.92z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionDonutLarge;
diff --git a/src/svg-icons/action/donut-small.jsx b/src/svg-icons/action/donut-small.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionDonutSmall = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M11 9.16V2c-5 .5-9 4.79-9 10s4 9.5 9 10v-7.16c-1-.41-2-1.52-2-2.84s1-2.43 2-2.84zM14.86 11H22c-.48-4.75-4-8.53-9-9v7.16c1 .3 1.52.98 1.86 1.84zM13 14.84V22c5-.47 8.52-4.25 9-9h-7.14c-.34.86-.86 1.54-1.86 1.84z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionDonutSmall;
diff --git a/src/svg-icons/action/event-seat.jsx b/src/svg-icons/action/event-seat.jsx
@@ -9,7 +9,7 @@ const ActionEventSeat = React.createClass({
   render() {
     return (
       <SvgIcon {...this.props}>
-        <defs><path id="a" d="M0 0h24v24H0V0z"/></defs><clipPath id="b"><use  overflow="visible"/></clipPath><path d="M4 18v3h3v-3h10v3h3v-6H4zm15-8h3v3h-3zM2 10h3v3H2zm15 3H7V5c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v8z" clip-path="url(#b)"/>
+        <path d="M4 18v3h3v-3h10v3h3v-6H4zm15-8h3v3h-3zM2 10h3v3H2zm15 3H7V5c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v8z"/>
       </SvgIcon>
     );
   }

diff --git a/src/svg-icons/action/fingerprint.jsx b/src/svg-icons/action/fingerprint.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionFingerprint = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28zM3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21zm6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionFingerprint;
diff --git a/src/svg-icons/action/flight-land.jsx b/src/svg-icons/action/flight-land.jsx
@@ -9,7 +9,7 @@ const ActionFlightLand = React.createClass({
   render() {
     return (
       <SvgIcon {...this.props}>
-        <defs><path id="a" d="M0 0h24v24H0V0z"/></defs><defs><path id="c" d="M0 0h24v24H0V0z"/></defs><clipPath id="b"><use  overflow="visible"/></clipPath><clipPath id="d" clip-path="url(#b)"><use  overflow="visible"/></clipPath><path d="M2.5 19h19v2h-19zm7.18-5.73l4.35 1.16 5.31 1.42c.8.21 1.62-.26 1.84-1.06.21-.8-.26-1.62-1.06-1.84l-5.31-1.42-2.76-9.02L10.12 2v8.28L5.15 8.95l-.93-2.32-1.45-.39v5.17l1.6.43 5.31 1.43z" clip-path="url(#d)"/>
+        <path d="M2.5 19h19v2h-19zm7.18-5.73l4.35 1.16 5.31 1.42c.8.21 1.62-.26 1.84-1.06.21-.8-.26-1.62-1.06-1.84l-5.31-1.42-2.76-9.02L10.12 2v8.28L5.15 8.95l-.93-2.32-1.45-.39v5.17l1.6.43 5.31 1.43z"/>
       </SvgIcon>
     );
   }

diff --git a/src/svg-icons/action/flight-takeoff.jsx b/src/svg-icons/action/flight-takeoff.jsx
@@ -9,7 +9,7 @@ const ActionFlightTakeoff = React.createClass({
   render() {
     return (
       <SvgIcon {...this.props}>
-        <defs><path id="a" d="M0 0h24v24H0V0z"/></defs><clipPath id="b"><use  overflow="visible"/></clipPath><path d="M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10l-6.9-6.43-1.93.51 4.14 7.17-4.97 1.33-1.97-1.54-1.45.39 1.82 3.16.77 1.33 1.6-.43 5.31-1.42 4.35-1.16L21 11.49c.81-.23 1.28-1.05 1.07-1.85z" clip-path="url(#b)"/>
+        <path d="M2.5 19h19v2h-19zm19.57-9.36c-.21-.8-1.04-1.28-1.84-1.06L14.92 10l-6.9-6.43-1.93.51 4.14 7.17-4.97 1.33-1.97-1.54-1.45.39 1.82 3.16.77 1.33 1.6-.43 5.31-1.42 4.35-1.16L21 11.49c.81-.23 1.28-1.05 1.07-1.85z"/>
       </SvgIcon>
     );
   }

diff --git a/src/svg-icons/action/gavel.jsx b/src/svg-icons/action/gavel.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionGavel = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M1 21h12v2H1zM5.245 8.07l2.83-2.827 14.14 14.142-2.828 2.828zM12.317 1l5.657 5.656-2.83 2.83-5.654-5.66zM3.825 9.485l5.657 5.657-2.828 2.828-5.657-5.657z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionGavel;
diff --git a/src/svg-icons/action/gif.jsx b/src/svg-icons/action/gif.jsx
@@ -9,7 +9,7 @@ const ActionGif = React.createClass({
   render() {
     return (
       <SvgIcon {...this.props}>
-        <defs><path id="a" d="M24 24H0V0h24v24z"/></defs><clipPath id="b"><use  overflow="visible"/></clipPath><path d="M11.5 9H13v6h-1.5zM9 9H6c-.6 0-1 .5-1 1v4c0 .5.4 1 1 1h3c.6 0 1-.5 1-1v-2H8.5v1.5h-2v-3H10V10c0-.5-.4-1-1-1zm10 1.5V9h-4.5v6H16v-2h2v-1.5h-2v-1z" clip-path="url(#b)"/>
+        <path d="M11.5 9H13v6h-1.5zM9 9H6c-.6 0-1 .5-1 1v4c0 .5.4 1 1 1h3c.6 0 1-.5 1-1v-2H8.5v1.5h-2v-3H10V10c0-.5-.4-1-1-1zm10 1.5V9h-4.5v6H16v-2h2v-1.5h-2v-1z"/>
       </SvgIcon>
     );
   }

diff --git a/src/svg-icons/action/history.jsx b/src/svg-icons/action/history.jsx
@@ -9,7 +9,7 @@ const ActionHistory = React.createClass({
   render() {
     return (
       <SvgIcon {...this.props}>
-        <path opacity=".9" d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/>
+        <path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/>
       </SvgIcon>
     );
   }

diff --git a/src/svg-icons/action/important-devices.jsx b/src/svg-icons/action/important-devices.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionImportantDevices = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M23 11.01L18 11c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h5c.55 0 1-.45 1-1v-9c0-.55-.45-.99-1-.99zM23 20h-5v-7h5v7zM20 2H2C.89 2 0 2.89 0 4v12c0 1.1.89 2 2 2h7v2H7v2h8v-2h-2v-2h2v-2H2V4h18v5h2V4c0-1.11-.9-2-2-2zm-8.03 7L11 6l-.97 3H7l2.47 1.76-.94 2.91 2.47-1.8 2.47 1.8-.94-2.91L15 9h-3.03z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionImportantDevices;
diff --git a/src/svg-icons/action/lightbulb-outline.jsx b/src/svg-icons/action/lightbulb-outline.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionLightbulbOutline = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionLightbulbOutline;
diff --git a/src/svg-icons/action/line-style.jsx b/src/svg-icons/action/line-style.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionLineStyle = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M3 16h5v-2H3v2zm6.5 0h5v-2h-5v2zm6.5 0h5v-2h-5v2zM3 20h2v-2H3v2zm4 0h2v-2H7v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zm4 0h2v-2h-2v2zM3 12h8v-2H3v2zm10 0h8v-2h-8v2zM3 4v4h18V4H3z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionLineStyle;
diff --git a/src/svg-icons/action/line-weight.jsx b/src/svg-icons/action/line-weight.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionLineWeight = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M3 17h18v-2H3v2zm0 3h18v-1H3v1zm0-7h18v-3H3v3zm0-9v4h18V4H3z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionLineWeight;
diff --git a/src/svg-icons/action/lock-outline.jsx b/src/svg-icons/action/lock-outline.jsx
@@ -9,7 +9,7 @@ const ActionLockOutline = React.createClass({
   render() {
     return (
       <SvgIcon {...this.props}>
-        <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6-5.1c1.71 0 3.1 1.39 3.1 3.1v2H9V6h-.1c0-1.71 1.39-3.1 3.1-3.1zM18 20H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/>
+        <path d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM18 20H6V10h12v10z"/>
       </SvgIcon>
     );
   }

diff --git a/src/svg-icons/action/motorcycle.jsx b/src/svg-icons/action/motorcycle.jsx
@@ -0,0 +1,19 @@
+const React = require('react');
+const PureRenderMixin = require('react-addons-pure-render-mixin');
+const SvgIcon = require('../../svg-icon');
+
+const ActionMotorcycle = React.createClass({
+
+  mixins: [PureRenderMixin],
+
+  render() {
+    return (
+      <SvgIcon {...this.props}>
+        <path d="M19.44 9.03L15.41 5H11v2h3.59l2 2H5c-2.8 0-5 2.2-5 5s2.2 5 5 5c2.46 0 4.45-1.69 4.9-4h1.65l2.77-2.77c-.21.54-.32 1.14-.32 1.77 0 2.8 2.2 5 5 5s5-2.2 5-5c0-2.65-1.97-4.77-4.56-4.97zM7.82 15C7.4 16.15 6.28 17 5 17c-1.63 0-3-1.37-3-3s1.37-3 3-3c1.28 0 2.4.85 2.82 2H5v2h2.82zM19 17c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/>
+      </SvgIcon>
+    );
+  }
+
+});
+
+module.exports = ActionMotorcycle;