@nitive/whitepaper-react/commonjs/_components/icon/index.js

React components automatically generated by whitepaper-bem

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Icon = Icon;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _bem = require("../../_internal/bem");

require("./icon.post.css");

require("./_round/icon_round_alert.post.css");

require("./_round/icon_round_brand.post.css");

require("./_round/icon_round_default.post.css");

require("./_round/icon_round_disable.post.css");

require("./_round/icon_round_ghost.post.css");

require("./_round/icon_round_primary.post.css");

require("./_round/icon_round_secondary.post.css");

require("./_round/icon_round_success.post.css");

require("./_round/icon_round_warning.post.css");

require("./_size/icon_size_m.post.css");

require("./_size/icon_size_s.post.css");

require("./_view/icon_view_alert.post.css");

require("./_view/icon_view_brand.post.css");

require("./_view/icon_view_disable.post.css");

require("./_view/icon_view_ghost.post.css");

require("./_view/icon_view_primary.post.css");

require("./_view/icon_view_secondary.post.css");

require("./_view/icon_view_success.post.css");

require("./_view/icon_view_warning.post.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var modNames = ['round', 'name', 'size', 'view'];

function Icon(_ref) {
  var additionalModNames = _ref.modNames,
      props = _objectWithoutProperties(_ref, ["modNames"]);

  return _react.default.createElement(_bem.Bem, _extends({
    block: "icon"
  }, props, {
    modNames: modNames.concat(additionalModNames || []),
    getHtml: function getHtml(props) {
      if (props.name === 'add-1' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11H7v2h4v4h2v-4h4v-2h-4V7h-2v4z"/></svg>';
      }

      if (props.name === 'add-1' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zM7 7H4v2h3v3h2V9h3V7H9V4H7v3z"/></svg>';
      }

      if (props.name === 'add-2' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"><defs><path id="a" d="M13 11V2h-2v9H2v2h9v9h2v-9h9v-2z"/></defs><g fill="none" fill-rule="evenodd"><use fill="#000" xlink:href="#a"/><path stroke="#000" d="M12.5 2.5h-1v9h-9v1h9v9h1v-9h9v-1h-9v-9z"/></g></svg>';
      }

      if (props.name === 'add-2' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M9 7V1H7v6H1v2h6v6h2V9h6V7z"/></svg>';
      }

      if (props.name === 'add-user' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M16 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-6 2h12a2 2 0 0 1 2 2v4H8v-4a2 2 0 0 1 2-2zm-7-3V8h2v3h3v2H5v3H3v-3H0v-2h3z"/></svg>';
      }

      if (props.name === 'add-user' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M4 7h2.5v1.5H4V11H2.5V8.5H0V7h2.5V4.5H4V7zm7 1a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM8 9.5h6a2 2 0 0 1 2 2V14H6v-2.5a2 2 0 0 1 2-2z"/></svg>';
      }

      if (props.name === 'album' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0-5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>';
      }

      if (props.name === 'allert-2' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M10.015 3.285A1.506 1.506 0 0 1 11.501 2h.998c.757 0 1.382.554 1.486 1.285A7.003 7.003 0 0 1 19 10v4l3 3v2H2v-2l3-3v-4a7.003 7.003 0 0 1 5.015-6.715zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2z"/></svg>';
      }

      if (props.name === 'allert-2' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M9 14h6v-1l-2-2V7a5.002 5.002 0 0 0-4-4.9V2c0-.556-.448-1-1-1-.556 0-1 .448-1 1v.1A5.002 5.002 0 0 0 3 7v3.997L1 13v1h6a1 1 0 0 0 2 0z"/></svg>';
      }

      if (props.name === 'anchor' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M15.536 2.808a2 2 0 0 1 2.828 0l2.828 2.828a2 2 0 0 1 0 2.828l-4.242 4.243-1.414-1.414 4.242-4.243-2.828-2.828-4.243 4.242-1.414-1.414 4.243-4.242zM4.222 16.95l2.828 2.828 4.243-4.242 1.414 1.414-4.243 4.242a2 2 0 0 1-2.828 0l-2.828-2.828a2 2 0 0 1 0-2.828l4.242-4.243 1.414 1.414-4.242 4.243zm6.01-5.304l1.414-1.414a1.5 1.5 0 0 1 2.122 2.122l-1.414 1.414a1.5 1.5 0 0 1-2.122-2.122z"/></svg>';
      }

      if (props.name === 'anchor' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M11.177 3.41L9.413 5.176a1 1 0 0 1-1.414 0l-.705-.705 3.177-3.178a.999.999 0 0 1 1.412 0l2.825 2.825a.999.999 0 0 1 0 1.412L11.53 8.706l-.705-.705a1 1 0 0 1 0-1.414l1.764-1.764-1.412-1.412zm-9.885 7.061L4.47 7.294l.705.705a1 1 0 0 1 0 1.414L3.41 11.177l1.412 1.412 1.764-1.764a1 1 0 0 1 1.414 0l.705.705-3.177 3.178a.999.999 0 0 1-1.412 0l-2.825-2.825a.999.999 0 0 1 0-1.412zm5.649-3.53a1.498 1.498 0 1 1 2.118 2.118 1.498 1.498 0 0 1-2.118-2.118z"/></svg>';
      }

      if (props.name === 'arrow-down' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12.007 15.674L20.588 7 22 8.425 11.99 18.5 2 8.424l1.414-1.423z"/></svg>';
      }

      if (props.name === 'arrow-down' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M15 4.425L13.59 3 8 8.65 2.41 3 1 4.425 8 11.5z"/></svg>';
      }

      if (props.name === 'arrow-left-circle' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm3.007-14.236L13.593 6.35l-5.657 5.656 5.657 5.657 1.414-1.414-4.243-4.243 4.243-4.242z"/></svg>';
      }

      if (props.name === 'arrow-left-circle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0zm-7.51-.006l2.832-2.824-1.414-1.414-4.243 4.243 4.243 4.242 1.414-1.414L7.49 7.994z"/></svg>';
      }

      if (props.name === 'arrow-left' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M8.826 12.007l8.674 8.581L16.075 22 6 11.99 16.076 2l1.423 1.414z"/></svg>';
      }

      if (props.name === 'arrow-left' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M10.575 1L12 2.41 6.35 8 12 13.59 10.575 15 3.5 8z"/></svg>';
      }

      if (props.name === 'arrow-right-circle' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-2.997-5.755l1.414 1.414 5.657-5.656-5.657-5.657L9.003 7.76l4.243 4.243-4.243 4.242z"/></svg>';
      }

      if (props.name === 'arrow-right-circle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8zm7.51.006L5.678 10.83l1.414 1.414 4.242-4.243-4.242-4.242-1.414 1.414L8.51 8.006z"/></svg>';
      }

      if (props.name === 'arrow-right' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M15.174 12.007L6.5 20.588 7.925 22 18 11.99 7.924 2 6.501 3.414z"/></svg>';
      }

      if (props.name === 'arrow-right' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M5.425 1L4 2.41 9.65 8 4 13.59 5.425 15 12.5 8z"/></svg>';
      }

      if (props.name === 'arrow-up' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12.007 10.326L20.588 19 22 17.575 11.99 7.5 2 17.576l1.414 1.423z"/></svg>';
      }

      if (props.name === 'arrow-up' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M15 10.575L13.59 12 8 6.35 2.41 12 1 10.575 8 3.5z"/></svg>';
      }

      if (props.name === 'attention-circle' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zM11 6v8h2V6h-2zm0 10v2h2v-2h-2z"/></svg>';
      }

      if (props.name === 'attention-circle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zM7 3v6h2V3H7zm0 8v2h2v-2H7z"/></svg>';
      }

      if (props.name === 'attention' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M10.5 2h3v14h-3V2zm0 17h3v3h-3v-3z"/></svg>';
      }

      if (props.name === 'attention' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M7 1h2v10H7V1zm0 12h2v2H7v-2z"/></svg>';
      }

      if (props.name === 'back' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M5.806 11H22v2H5.822l7.585 7.593-1.414 1.414L1.986 11.989l10.007-9.996 1.414 1.414L5.806 11z"/></svg>';
      }

      if (props.name === 'back' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M4.809 7H15v2H4.819l4.588 4.593-1.414 1.414L.986 7.992 7.993.993l1.414 1.414L4.809 7z"/></svg>';
      }

      if (props.name === 'blog' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M4.929 19.071A9.969 9.969 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10H2l2.929-2.929zM12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm.597-6.598L10.517 18H9l2.284-4.917A3.229 3.229 0 0 1 9.99 11.9c-.33-.52-.495-1.227-.495-2.122 0-.627.094-1.178.282-1.653.187-.475.443-.87.767-1.183a3.161 3.161 0 0 1 1.133-.705 3.968 3.968 0 0 1 1.364-.235H15V18h-1.313v-4.598h-1.09zm1.09-6.309h-.698c-.262 0-.517.048-.767.143-.25.095-.472.246-.665.453a2.3 2.3 0 0 0-.469.822c-.12.341-.179.763-.179 1.267 0 .48.054.884.162 1.208.108.324.256.587.443.789.188.201.41.344.665.428.256.083.526.125.81.125h.698V7.093z"/></svg>';
      }

      if (props.name === 'blog' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M7.786 14.997A7 7 0 1 0 3.05 12.95L1 14.997h6.786zm.211-5.83l-1.733 3.83H5l1.903-4.096a2.69 2.69 0 0 1-1.08-.986c-.274-.434-.411-1.023-.411-1.77 0-.521.078-.98.234-1.376.157-.397.37-.725.64-.986s.584-.457.944-.588C7.59 3.065 7.97 3 8.366 3H10v9.998H8.906V9.166h-.909zm.91-5.258h-.583c-.218 0-.431.04-.64.118-.208.08-.392.205-.553.378-.161.172-.292.4-.39.685-.1.284-.15.636-.15 1.056 0 .4.045.736.135 1.007.09.27.213.49.37.657a1.3 1.3 0 0 0 .553.356c.213.07.438.105.675.105h.582V3.91z"/></svg>';
      }

      if (props.name === 'bug' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M11 19.9v-9.8a5.002 5.002 0 0 0 0 9.8zm2-9.8v9.8a5.002 5.002 0 0 0 0-9.8zm-6.523 9.202l-1.611.93a1 1 0 1 1-1-1.732l1.619-.935A6.952 6.952 0 0 1 5.071 16H3a1 1 0 0 1 0-2h2.07c.054-.372.137-.735.246-1.085L3.5 11.866a1 1 0 0 1 1-1.732l1.683.971c.267-.399.575-.769.917-1.104A4.992 4.992 0 0 1 9 5V3a1 1 0 1 1 2 0v1.1a5.023 5.023 0 0 1 2 0V3a1 1 0 0 1 2 0v2a4.992 4.992 0 0 1 1.9 5c.342.336.65.706.917 1.105l1.681-.97a1 1 0 0 1 1 1.731l-1.814 1.048c.11.35.192.714.245 1.086H21a1 1 0 0 1 0 2h-2.07c-.07.483-.188.95-.35 1.396l1.918 1.108a1 1 0 0 1-1 1.732l-1.867-1.078A6.99 6.99 0 0 1 12 22a6.988 6.988 0 0 1-5.523-2.698z"/></svg>';
      }

      if (props.name === 'bug' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M7 12.83V7.17a3.001 3.001 0 0 0 0 5.66zm2-5.66v5.66a3.001 3.001 0 0 0 0-5.66zm-.5-4.629V1.75a.75.75 0 0 1 1.5 0v1.514a2.993 2.993 0 0 1 .963 2.708c.207.152.401.32.582.502l1.454-.84a1 1 0 0 1 1 1.733l-1.353.782c.109.272.194.557.254.851H14a1 1 0 0 1 0 2h-1.1c-.06.293-.145.577-.253.85l1.351.78a1 1 0 1 1-1 1.732l-1.451-.838A4.985 4.985 0 0 1 8 15a4.985 4.985 0 0 1-3.547-1.476L3 14.362a1 1 0 1 1-1-1.732l1.353-.781A4.962 4.962 0 0 1 3.1 11H2a1 1 0 0 1 0-2h1.1c.06-.294.145-.579.254-.851L2 7.367a1 1 0 0 1 1-1.733l1.455.84c.18-.182.375-.35.582-.502A2.993 2.993 0 0 1 6 3.264V1.75a.75.75 0 0 1 1.5 0v.791a3.02 3.02 0 0 1 1 0z"/></svg>';
      }

      if (props.name === 'cancel' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 20a7.952 7.952 0 0 1-4.9-1.686L18.314 7.1A7.952 7.952 0 0 1 20 12a8 8 0 0 1-8 8m-8-8a8 8 0 0 1 8-8c1.849 0 3.546.633 4.9 1.686L5.686 16.9A7.952 7.952 0 0 1 4 12m8-10C6.478 2 2 6.478 2 12s4.478 10 10 10 10-4.478 10-10S17.522 2 12 2"/></svg>';
      }

      if (props.name === 'cancel' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 13a4.972 4.972 0 0 1-2.754-.832l6.922-6.922C12.691 6.036 13 6.981 13 8a5 5 0 0 1-5 5M8 3c1.019 0 1.964.309 2.754.832l-6.922 6.922A4.972 4.972 0 0 1 3 8a5 5 0 0 1 5-5m0-2a7 7 0 1 0 0 14A7 7 0 0 0 8 1"/></svg>';
      }

      if (props.name === 'canceled' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-4a5.97 5.97 0 0 1-3.473-1.113l8.36-8.36A5.968 5.968 0 0 1 18 12a6 6 0 0 1-6 6zm-6-6a6 6 0 0 1 6-6 5.97 5.97 0 0 1 3.473 1.113l-8.36 8.36A5.968 5.968 0 0 1 6 12zm6-8a8 8 0 1 0 0 16 8 8 0 0 0 0-16z"/></svg>';
      }

      if (props.name === 'canceled' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0-4c-.462 0-.895-.113-1.286-.3L10.7 6.714c.187.391.3.824.3 1.286a3 3 0 0 1-3 3zm0-6c.462 0 .895.113 1.286.3L5.3 9.286A2.969 2.969 0 0 1 5 8a3 3 0 0 1 3-3zm0-2a5 5 0 1 0 0 10A5 5 0 0 0 8 3z"/></svg>';
      }

      if (props.name === 'check-circle' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zM8.634 10.235L7.219 11.65l4.243 4.242 6.364-6.364-1.414-1.414-4.95 4.95-2.828-2.829z"/></svg>';
      }

      if (props.name === 'check-circle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0zm-7.464.657L5.414 6.536 4 7.95l3.536 3.535 4.95-4.95-1.415-1.414-3.535 3.536z"/></svg>';
      }

      if (props.name === 'check' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M22 5.421L20.587 4 7.5 17.158l-4.087-4.109L2 14.47 7.5 20z"/></svg>';
      }

      if (props.name === 'check' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M5.5 14L15 4.423 13.589 3 5.5 11.155 2.411 8.041 1 9.463z"/></svg>';
      }

      if (props.name === 'cheque-fail' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M2 0h20v2h-2v22h-2l-3-2-3 2-3-2-3 2H4V2H2V0zm4 2v19.764l3-2 3 2 3-2 3 2V2H6zm8.588 5.002l1.415 1.405L13.41 11 16 13.59l-1.412 1.408L12 12.41 9.41 15l-1.408-1.412L10.59 11 7.999 8.409l1.415-1.405L12 9.59l2.588-2.588z"/></svg>';
      }

      if (props.name === 'cheque-fail' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M1 0h14v2h-1v14h-2l-2-1.5L8 16l-2-1.5L4 16H2V2H1V0zm5 12.5L8 14l2-1.5 2 1.5V2H4v12l2-1.5zm2-6.059L9.941 4.5 11 5.559 9.059 7.5 11 9.441 9.941 10.5 8 8.559 6.059 10.5 5 9.441 6.941 7.5 5 5.559 6.059 4.5 8 6.441z"/></svg>';
      }

      if (props.name === 'cheque-progress' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M2 0h20v2h-2v22h-2l-3-2-3 2-3-2-3 2H4V2H2V0zm4 2v19.764l3-2 3 2 3-2 3 2V2H6zm7 10h3v2h-5V7h2v5z"/></svg>';
      }

      if (props.name === 'cheque-progress' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M1 0h14v2h-1v14h-2l-2-1.5L8 16l-2-1.5L4 16H2V2H1V0zm5 12.5L8 14l2-1.5 2 1.672V2H4v12l2-1.5zm2.5-5H10V9H7V4h1.5v3.5z"/></svg>';
      }

      if (props.name === 'cheque-success' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M2 0h20v2h-2v22h-2l-3-2-3 2-3-2-3 2H4V2H2V0zm4 2v19.764l3-2 3 2 3-2 3 2V2H6zm5.5 12l-3.495-3.524 1.36-1.474 2.135 2.153 3.127-3.153 1.376 1.458L11.5 14z"/></svg>';
      }

      if (props.name === 'cheque-success' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M1 0h14v2h-1v14h-2l-2-1.5L8 16l-2-1.5L4 16H2V2H1V0zm5 12.5L8 14l2-1.5 2 1.5V2H4v12l2-1.5zm1.47-4.577L9.942 5.5 11 6.538 7.47 10 5 7.577l1.059-1.039L7.47 7.923z"/></svg>';
      }

      if (props.name === 'close-circle' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z"/></svg>';
      }

      if (props.name === 'close-circle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0-8.414L5.879 4.464 4.464 5.88 6.586 8l-2.122 2.121 1.415 1.415L8 9.414l2.121 2.122 1.415-1.415L9.414 8l2.122-2.121-1.415-1.415L8 6.586z"/></svg>';
      }

      if (props.name === 'close' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M11.993 10.58l8.587-8.587 1.413 1.413-8.587 8.587 8.587 8.587-1.413 1.413-8.587-8.587-8.587 8.587-1.413-1.413 8.587-8.587-8.587-8.587 1.413-1.413 8.587 8.587z"/></svg>';
      }

      if (props.name === 'close' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M15 2.41L13.59 1 8 6.59 2.41 1 1 2.41 6.59 8 1 13.59 2.41 15 8 9.41 13.59 15 15 13.59 9.41 8z"/></svg>';
      }

      if (props.name === 'comment' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M6.27 22.018l.02-.012a.326.326 0 0 0-.02.012zm7.21-4.014H22V6H2v12h5V21.611l6.48-3.607zM2 4h20a2 2 0 0 1 2 2v12.004a2 2 0 0 1-2 2h-8l-6.758 3.761a1.485 1.485 0 0 1-2.053-.544 1.398 1.398 0 0 1-.19-.748V20H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm3 5h14v2H5V9zm0 4h14v2H5v-2z"/></svg>';
      }

      if (props.name === 'comment' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M1 3h14c.552 0 1 .456 1 1.019v7.983A.992.992 0 0 1 15 13H9l-4.505 2.861A.99.99 0 0 1 3 15v-2.003H1a.99.99 0 0 1-1-.995V4.02A1.01 1.01 0 0 1 1 3zm1 1.999V11h3v2l3-2h6V5L2 4.999z"/></svg>';
      }

      if (props.name === 'connect-circle' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-8 4h3a1 1 0 0 0 0-2h-3v-4h3a1 1 0 0 0 0-2h-3V5L7.725 6.793A1 1 0 0 0 7 7.754v8.492a1 1 0 0 0 .725.961L14 19v-3z"/></svg>';
      }

      if (props.name === 'connect-circle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0zm-6 3h2.25a.75.75 0 0 0 0-1.5H9V6.508h2.25a.75.75 0 1 0 0-1.5H9.03L9 3 4.713 4.286A1 1 0 0 0 4 5.244v5.512a1 1 0 0 0 .713.958L9 13v-2z"/></svg>';
      }

      if (props.name === 'crop' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M8.004 4H4v4H2V3.998A2 2 0 0 1 4 2h4.004v2zm0 16v2H3.999A2 2 0 0 1 2 20.002V16h2v4h4.004zM16 4V2h4.004a2 2 0 0 1 2 1.998V8h-2V4H16zm0 16h4.004v-4h2v4.002a2 2 0 0 1-2 1.998H16v-2z"/></svg>';
      }

      if (props.name === 'crop' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M6 3H3v3H1V2c0-.556.448-1 1-1h4v2zm0 10v2H2c-.552 0-1-.444-1-1v-4h2v3h3zm4-10V1h4c.552 0 1 .444 1 1v4h-2V3h-3zm0 10h3v-3h2v4c0 .556-.448 1-1 1h-4v-2z"/></svg>';
      }

      if (props.name === 'devices' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M6 8V2.992A.994.994 0 0 1 7 2h14c.552 0 1 .455 1 .992v18.016A.994.994 0 0 1 21 22h-8v-3h7V4H8v1H6v3zm0 11v3-3zm5.005-13c.55 0 .995.445.995 1v14c0 .552-.456 1-.995 1h-8.01A.996.996 0 0 1 2 21V7c0-.552.456-1 .995-1h8.01zM8 19h2.5V8h-7v11H6a1 1 0 0 0 2 0z"/></svg>';
      }

      if (props.name === 'double-arrow-down' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12.007 11.674L20.587 3 22 4.425 11.99 14.5 2 4.424 3.414 3l8.593 8.673zm0 6.5l8.58-8.674L22 10.925 11.99 21 2 10.924 3.414 9.5l8.593 8.673z"/></svg>';
      }

      if (props.name === 'double-arrow-down' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M15 2.425L8 9.5 1 2.425 2.41 1 8 6.65 13.59 1 15 2.425zm0 5.5L8 15 1 7.925 2.41 6.5 8 12.15l5.59-5.65L15 7.925z"/></svg>';
      }

      if (props.name === 'double-arrow-up' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12.007 12.326l-8.593 8.673L2 19.576 11.99 9.5 22 19.575 20.588 21l-8.58-8.674zm0-6.5l-8.593 8.673L2 13.076 11.99 3 22 13.075 20.588 14.5l-8.58-8.674z"/></svg>';
      }

      if (props.name === 'double-arrow-up' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M15 8.075L13.59 9.5 8 3.85 2.41 9.5 1 8.075 8 1l7 7.075zm0 5.5L13.59 15 8 9.35 2.41 15 1 13.575 8 6.5l7 7.075z"/></svg>';
      }

      if (props.name === 'enter' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M9 2v2h11v16H9v2h13V2H9zm-7 8.125h9V7l6 5-6 5v-3.125H2v-3.75z"/></svg>';
      }

      if (props.name === 'enter' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M6 1v2h7v10H6v2h9V1H6zM1 7h6V5l4 3-4 3V9H1V7z"/></svg>';
      }

      if (props.name === 'export' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M9 8v2H6v12h12V10h-3V8h5v16H4V8h5zm4-4v10h-2V4H8l4-4 4 4h-3z"/></svg>';
      }

      if (props.name === 'export' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M2 6.014l1.995.023.002 8.032 7.993-.036.036-8.019H14v10H2v-10zm6.994 4.97l-1.987.018.013-7.006H4L8.002 0 12 4l-3.036.022.03 6.961z"/></svg>';
      }

      if (props.name === 'fail' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zM7 11v2h10v-2H7z"/></svg>';
      }

      if (props.name === 'fail' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zM4 7v2h8V7H4z"/></svg>';
      }

      if (props.name === 'fave-1' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 17.9L6 21l1-6.5L2 10l7-1 3-6 3 6 7 1-5 4.5 1 6.5z"/></svg>';
      }

      if (props.name === 'fave-1' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 12.589L3.714 15l.536-5.385L.5 6.385l5.357-.539L8 1l2.143 4.846 5.357.539-3.75 3.23.536 5.385z"/></svg>';
      }

      if (props.name === 'filter' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M6 6h2v2H2V6h2V2h2v4zm7 7h2v2H9v-2h2V2h2v11zm7-4h2v2h-6V9h2V2h2v7zm0 4v9h-2v-9h2zm-7 4v5h-2v-5h2zm-7-7v12H4V10h2z"/></svg>';
      }

      if (props.name === 'filter' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M14 5h1v1.5h-4V5h1V1h2v4zM9 8.5h1V10H6V8.5h1V1h2v7.5zM4 4h1v1.5H1V4h1V1h2v3zm10 4v7h-2V8h2zm-5 3v4H7v-4h2zM4 7v8H2V7h2z"/></svg>';
      }

      if (props.name === 'front' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M18.18 11H1.986v2h16.178l-7.585 7.593 1.414 1.414L22 11.989 11.993 1.993l-1.414 1.414L18.18 11z"/></svg>';
      }

      if (props.name === 'front' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M11.177 7H.986v2h10.181l-4.588 4.593 1.414 1.414L15 7.992 7.993.993 6.579 2.407 11.177 7z"/></svg>';
      }

      if (props.name === 'globe' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm3.775-11H11a1 1 0 0 0-1 1 1 1 0 0 0-1 1 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1v2a1 1 0 0 0 .532.884A5.5 5.5 0 0 0 11.775 4zm-8.9 2H4a1 1 0 0 0 1-1h-.173H6a1 1 0 0 0 1-1V3a.997.997 0 0 0-.08-.394A5.51 5.51 0 0 0 2.874 6zm1.983 6.515A.995.995 0 0 0 5 12v-2a1 1 0 0 0-1-1 1 1 0 0 0-1-1h-.5c0 1.87.932 3.52 2.358 4.515z"/></svg>';
      }

      if (props.name === 'hamburger' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M2 4h20v2H2V4zm0 14h20v2H2v-2zm0-7h20v2H2v-2z"/></svg>';
      }

      if (props.name === 'hamburger' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M1 2h14v2H1V2zm0 10h14v2H1v-2zm0-5h14v2H1V7z"/></svg>';
      }

      if (props.name === 'help' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-1-2v-2h2v2h-2zm1-12c2.21 0 4 1.79 4 4 0 2.5-3 2.75-3 5h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4z"/></svg>';
      }

      if (props.name === 'help' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm-1-2h2v-2H7v2zM8 3C5.79 3 4.5 4.281 4.5 6h2c0-.856.4-1.444 1.5-1.444s1.5.7 1.5 1.555C9.5 7.667 7 7.472 7 10h2c0-1.75 2.5-1.944 2.5-3.889C11.5 4.392 10.21 3 8 3z"/></svg>';
      }

      if (props.name === 'list' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M2 4h20v2H2V4zm6 14h14v2H8v-2zm-6 0h4v2H2v-2zm6-7h14v2H8v-2zm-6 0h4v2H2v-2z"/></svg>';
      }

      if (props.name === 'list' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M1 2h14v2H1V2zm4 10h10v2H5v-2zm-4 0h2v2H1v-2zm4-5h10v2H5V7zM1 7h2v2H1V7z"/></svg>';
      }

      if (props.name === 'lock-circle' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M9.333 10V8.84c0-1.414 1.194-2.56 2.667-2.56 1.473 0 2.667 1.146 2.667 2.56V10H9.333zm6.667.268V8.84C16 6.72 14.21 5 12 5S8 6.72 8 8.84v1.428A2 2 0 0 0 7 12v4a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-4a2 2 0 0 0-1-1.732zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-8c0-.552.444-1 1-1 .552 0 1 .444 1 1 0 .552-.444 1-1 1-.552 0-1-.444-1-1z"/></svg>';
      }

      if (props.name === 'lock-circle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M6.5 7V5.77c0-.674.646-1.27 1.5-1.27s1.5.596 1.5 1.27V7h-3zM11 7V5.77C11 4.24 9.657 3 8 3S5 4.24 5 5.77V7a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8z"/></svg>';
      }

      if (props.name === 'lock' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M6 10V8a6 6 0 1 1 12 0v2h.006c1.101 0 1.994.902 1.994 2.009v7.982c0 1.11-.895 2.009-1.994 2.009H5.994A2.003 2.003 0 0 1 4 19.991V12.01C4 10.899 4.895 10 5.994 10H6zm2 0h8V8a4 4 0 1 0-8 0v2zm3 6c0 .556.448 1 1 1 .556 0 1-.448 1-1 0-.556-.448-1-1-1-.556 0-1 .448-1 1z"/></svg>';
      }

      if (props.name === 'lock' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M3.5 7V5.5a4.5 4.5 0 0 1 9 0V7h.498C13.55 7 14 7.453 14 7.997v6.006c0 .55-.456.997-1.002.997H3.002A1.004 1.004 0 0 1 2 14.003V7.997C2 7.447 2.456 7 3.002 7H3.5zM8 10a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM5 7h6V5.5a3 3 0 1 0-6 0V7z"/></svg>';
      }

      if (props.name === 'mail-1' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M24 4v16H0V4h24zM2 6v12h20V6l-10 6L2 6z"/></svg>';
      }

      if (props.name === 'mail-1' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M0 2h16v12H0V2zm1.996 10H14V4L7.997 8 2 4l-.004 8z"/></svg>';
      }

      if (props.name === 'marker' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12.427 15.155l-.828.011H11.5c-4.142 0-7.5-3.394-7.5-7.583C4 3.395 7.358 0 11.5 0 15.642 0 19 3.395 19 7.583c0 .536-.024 1.072-.132 1.586 0 0-.307 1.532-.492 2.05-.505 1.408-1.5 3.333-2.876 5.631-.365.61-.753 1.24-1.162 1.887-.98 1.552-2.03 3.129-3.08 4.648-.368.532-.43.615-.43.615l1.45-8.02.149-.825zM11.5 10.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>';
      }

      if (props.name === 'marker' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M3 5.056C3 2.263 5.239 0 8 0s5 2.263 5 5.056c0 .357-.016.714-.088 1.057 0 0-.204 1.02-.328 1.366-.337.939-1.667 3.146-2.584 4.678-.162.271-.979 1.552-2.45 3.843L8 10.111c-2.761 0-5-2.263-5-5.055zM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></svg>';
      }

      if (props.name === 'minus' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M2 11v2h20v-2z"/></svg>';
      }

      if (props.name === 'minus' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M1 7v2h14V7z"/></svg>';
      }

      if (props.name === 'next' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M11 9.4L3 15V1l8 5.6V1h2v14h-2V9.4z"/></svg>';
      }

      if (props.name === 'output' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm3 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM2.5 4v6.5H6V12H2a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h4V4H2.5zm.5 9.5h3V15H3v-1.5z"/></svg>';
      }

      if (props.name === 'part' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 20a8 8 0 0 1 0-16v8h8a8 8 0 0 1-8 8m0-18C6.477 2 2 6.477 2 12c0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10"/></svg>';
      }

      if (props.name === 'part' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 13A5 5 0 1 1 8 3v5h5a5 5 0 0 1-5 5M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1"/></svg>';
      }

      if (props.name === 'pause' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M4 2h6v20H4V2zm10 0h6v20h-6V2z"/></svg>';
      }

      if (props.name === 'pause' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M3 1h4v14H3V1zm6 0h4v14H9V1z"/></svg>';
      }

      if (props.name === 'phone-1' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M16.994 0C18.102 0 19 .897 19 2.005v19.99A2.005 2.005 0 0 1 16.994 24H7.006A2.005 2.005 0 0 1 5 21.995V2.005C5 .898 5.897 0 7.006 0h9.988zm.506 3v17h-11V3h11zM12 23a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/></svg>';
      }

      if (props.name === 'phone-1' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M12.005 0c.55 0 .995.445.995 1v14c0 .552-.456 1-.995 1h-8.01A.996.996 0 0 1 3 15V1c0-.552.456-1 .995-1h8.01zM9 13h2.5V2h-7v11H7a1 1 0 0 0 2 0z"/></svg>';
      }

      if (props.name === 'photo' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M6 5l2-2h8l2 2h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h4zM2 7v12h20V7H2zm10 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 2a5 5 0 1 1 0-10 5 5 0 0 1 0 10z"/></svg>';
      }

      if (props.name === 'photo' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M4 2l1.333-1h5.334L12 2h2.99a.996.996 0 0 1 1.01.993v9.567c0 .795-.598 1.44-1.337 1.44H1.337C.598 14 0 13.354 0 12.56V2.993C0 2.453.452 2 1.01 2H4zm4 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-1.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/></svg>';
      }

      if (props.name === 'picture' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M2 2h20v20H2V2zm2 2v16h16V4H4zm7.034 9.62L14.5 9l4.5 6H5l3.5-5 2.534 3.62z"/></svg>';
      }

      if (props.name === 'picture' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M7.424 9.078L5.5 6 3 10h10L9.929 5 7.424 9.078zM1 1h14v14H1V1z"/></svg>';
      }

      if (props.name === 'play' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M21 12L6 2v20z"/></svg>';
      }

      if (props.name === 'play' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M14 8L4 1v14z"/></svg>';
      }

      if (props.name === 'playlist' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M6 4.5L1 8V1l5 3.5zM8 5h7v2H8V5zm-7 8h14v2H1v-2zm0-4h14v2H1V9z"/></svg>';
      }

      if (props.name === 'previous' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M5 9.4V15H3V1h2v5.6L13 1v14L5 9.4z"/></svg>';
      }

      if (props.name === 'protect' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 22C7.286 20.881 2 18 2 6c0 0 5.367-.624 10-4 4.819 3.376 10 4 10 4 0 12-5.567 14.881-10 16z"/></svg>';
      }

      if (props.name === 'protect' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15c-3.3-.783-7-2.91-7-11.637 0 0 3.757 0 7-2.363 3.373 2.363 7 2.363 7 2.363C15 12.091 11.103 14.217 8 15z"/></svg>';
      }

      if (props.name === 'refresh' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M17.657 6.343A8 8 0 1 0 20 12h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2a9.969 9.969 0 0 1 7.071 2.929L22 2v7h-7l2.657-2.657z"/></svg>';
      }

      if (props.name === 'refresh' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M11.536 4.464L9.5 6.5H15V1l-2.05 2.05A7 7 0 1 0 14.93 9H12.9A5.002 5.002 0 0 1 3 8a5 5 0 0 1 8.536-3.536z"/></svg>';
      }

      if (props.name === 'repeat-song' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M3 8V5a2 2 0 0 1 2-2h6V1l4 3-4 3V5H5v3H3zm10 0v3a2 2 0 0 1-2 2H5v2l-4-3 4-3v2h6V8h2z"/></svg>';
      }

      if (props.name === 'repeat' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M6.296 17.704A8.187 8.187 0 0 0 12 20c3.786 0 6.97-2.546 7.893-6H22c-.945 4.564-5.063 8-10 8-2.78 0-5.302-1.09-7.142-2.858L2 22v-7h7l-2.704 2.704zM17.704 6.296A8.187 8.187 0 0 0 12 4c-3.786 0-6.97 2.546-7.893 6H2c.945-4.564 5.063-8 10-8 2.78 0 5.302 1.09 7.142 2.858L22 2v7h-7l2.704-2.704z"/></svg>';
      }

      if (props.name === 'repeat' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M4.447 11.553A5.061 5.061 0 0 0 8 13c2.444 0 4.482-1.718 4.95-4H15c-.49 3.392-3.437 6-7 6a7.086 7.086 0 0 1-4.975-2.025L1 15V9.5h5.5l-2.053 2.053zm7.106-7.106A5.061 5.061 0 0 0 8 3C5.556 3 3.518 4.718 3.05 7H1c.49-3.392 3.437-6 7-6 1.94 0 3.697.773 4.975 2.025L15 1v5.5H9.5l2.053-2.053z"/></svg>';
      }

      if (props.name === 'save' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M4 0h16v24l-8-6-8 6z"/></svg>';
      }

      if (props.name === 'save' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M2 0h12v16l-6-4-6 4z"/></svg>';
      }

      if (props.name === 'search' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M16.315 14.901L22 20.586 20.586 22l-5.685-5.685a7.997 7.997 0 1 1 1.414-1.414zM10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"/></svg>';
      }

      if (props.name === 'search' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M11.022 9.632l3.973 3.973-1.414 1.414-3.978-3.977a5.5 5.5 0 1 1 1.419-1.41zM6.5 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/></svg>';
      }

      if (props.name === 'shuffle' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M13.205 4.205L2.41 15 1 13.59 11.795 2.795 10 1h5v5l-1.795-1.795zm-1.41 9L9.41 10.82l1.41-1.41 2.385 2.385L15 10v5h-5l1.795-1.795zM5.18 6.59L1 2.41 2.41 1l4.18 4.18-1.41 1.41z"/></svg>';
      }

      if (props.name === 'statistic' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M8 22h3V6H8v16zm5 0h3V2h-3v20zM3 22h3V12H3v10zM18 8v14h3V8h-3z"/></svg>';
      }

      if (props.name === 'statistic' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M6 15h4V1H6v14zm-5 0h4V8H1v7zM11 5v10h4V5h-4z"/></svg>';
      }

      if (props.name === 'swap' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M17 9v9h3l-4.5 4-4.5-4h3V9h3zm-7 6H7V6H4l4.5-4L13 6h-3v9z"/></svg>';
      }

      if (props.name === 'swap' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M11 6v6h2l-3 3-3-3 2 .031V6h2zm-4 4H5V3.969L3 4l3-3 3 3H7v6z"/></svg>';
      }

      if (props.name === 'target' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M7 2.5A4.5 4.5 0 0 0 2.5 7v2A4.5 4.5 0 0 0 7 13.5h2A4.5 4.5 0 0 0 13.5 9V7A4.5 4.5 0 0 0 9 2.5H7zM7 1h2a6 6 0 0 1 6 6v2a6 6 0 0 1-6 6H7a6 6 0 0 1-6-6V7a6 6 0 0 1 6-6zm0-1h2v3.5H7V0zm0 12.5h2V16H7v-3.5zM12.5 7H16v2h-3.5V7zM0 7h3.5v2H0V7zm9 0h2v2H9v2H7V9H5V7h2V5h2v2z"/></svg>';
      }

      if (props.name === 'time' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M13 11h3v2h-5V6h2v5zM6.343 6.343L9 9H2V2l2.929 2.929A9.969 9.969 0 0 1 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12h2a8 8 0 1 0 2.343-5.657z"/></svg>';
      }

      if (props.name === 'time' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M9 7.5h2V9H7.5V4H9v3.5zM4.464 4.464L6.5 6.5H1V1l2.05 2.05A7 7 0 1 1 1.07 9H3.1A5.002 5.002 0 0 0 13 8a5 5 0 0 0-8.536-3.536z"/></svg>';
      }

      if (props.name === 'track' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M6 4v8.5a2.5 2.5 0 1 1-1.5-2.292V1H14v10.5a2.5 2.5 0 1 1-1.5-2.292V4H6z"/></svg>';
      }

      if (props.name === 'trash' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 22.001L16.994 22C16.998 22 17 17 17 7H7v15.001zM5 5h14v17.003A2.001 2.001 0 0 1 16.994 24H7.006A2 2 0 0 1 5 22.003V5zm4 3h2v13H9V8zm4 0h2v13h-2V8zM9 2V0h6v2h5v2H4V2h5z"/></svg>';
      }

      if (props.name === 'trash' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M3 4h10v9.991A2 2 0 0 1 11 16H5c-1.105 0-2-.902-2-2.009V4zm2 2v8h2V6H5zm4 0v8h2V6H9zM6 1V0h4v1h4v2H2V1h4z"/></svg>';
      }

      if (props.name === 'upload' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M2 19h20v3.004H2V19zm6-2v-7H4l8-8 8 8h-4v7H8z"/></svg>';
      }

      if (props.name === 'upload' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M1 13.003h14v2H1v-2zm4.03-1.959V7.02H2.08L8.006 1l5.926 6.02H10.98v4.024h-5.95z"/></svg>';
      }

      if (props.name === 'user' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm-6 2h12a4 4 0 0 1 4 4v4H2v-4a4 4 0 0 1 4-4z"/></svg>';
      }

      if (props.name === 'user' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-5 2h10a2 2 0 0 1 2 2v2H1v-2a2 2 0 0 1 2-2z"/></svg>';
      }

      if (props.name === 'volume' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M10 1.292c2.888.863 5 3.54 5 6.708a7.003 7.003 0 0 1-4.995 6.709v-1.585A5.504 5.504 0 0 0 13.5 8 5.51 5.51 0 0 0 10 2.877V1.292zm0 3.247c1.192.693 2 1.983 2 3.461a4.004 4.004 0 0 1-2 3.461V4.54zM4 5l4-4v14l-4-4H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h2z"/></svg>';
      }

      if (props.name === 'wait-2' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20 12a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm2 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-9-1h3v2h-5V6h2v5z"/></svg>';
      }

      if (props.name === 'wait-2' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8.5 7.5H11V9H7V4h1.5v3.5zM13 8A5 5 0 1 0 3 8a5 5 0 0 0 10 0zm2 0A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/></svg>';
      }

      if (props.name === 'wait' && props.size === 'm') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill-rule="evenodd" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm1-10V6h-2v8h6v-2h-4z"/></svg>';
      }

      if (props.name === 'wait' && props.size === 's') {
        return '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill-rule="evenodd" d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm.5-7.5V4H7v5h4V7.5H8.5z"/></svg>';
      }
    }
  }));
}

Icon.propTypes = {
  tag: _propTypes.default.string,
  className: _propTypes.default.string,
  modNames: _propTypes.default.arrayOf(_propTypes.default.string),
  round: _propTypes.default.oneOf(['alert', 'brand', 'default', 'disable', 'ghost', 'primary', 'secondary', 'warning', 'success']),
  name: _propTypes.default.oneOf(['add-1', 'add-2', 'add-user', 'album', 'allert-2', 'anchor', 'arrow-down', 'arrow-left-circle', 'arrow-left', 'arrow-right-circle', 'arrow-right', 'arrow-up', 'attention-circle', 'attention', 'back', 'blog', 'bug', 'cancel', 'canceled', 'check-circle', 'check', 'cheque-fail', 'cheque-progress', 'cheque-success', 'close-circle', 'close', 'comment', 'connect-circle', 'crop', 'devices', 'double-arrow-down', 'double-arrow-up', 'enter', 'export', 'fail', 'fave-1', 'filter', 'front', 'globe', 'hamburger', 'help', 'list', 'lock-circle', 'lock', 'mail-1', 'marker', 'minus', 'next', 'output', 'part', 'pause', 'phone-1', 'photo', 'picture', 'play', 'playlist', 'previous', 'protect', 'refresh', 'repeat-song', 'repeat', 'save', 'search', 'shuffle', 'statistic', 'swap', 'target', 'time', 'track', 'trash', 'upload', 'user', 'volume', 'wait-2', 'wait']),
  size: _propTypes.default.oneOf(['m', 's']),
  view: _propTypes.default.oneOf(['alert', 'brand', 'disable', 'ghost', 'primary', 'success', 'secondary', 'warning'])
};