hbm-react-components
Version:
HBM React components
666 lines (547 loc) • 16.2 MB
JavaScript
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({2:[function(require,module,exports){
_hmr["websocket:null"].initModule("components/button/index.js", module);
(function(){
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
var Button = function Button(_ref) {
var disabled = _ref.disabled;
var children = _ref.children;
var onClick = _ref.onClick;
var raised = _ref.raised;
var type = _ref.type;
return _react2.default.createElement('button', {
className: (0, _classnames2.default)('Button', {
'Button--raised': raised
}),
disabled: disabled,
onClick: onClick,
type: type
}, children);
};
Button.propTypes = {
disabled: _react2.default.PropTypes.bool,
onClick: _react2.default.PropTypes.func,
raised: _react2.default.PropTypes.bool,
type: _react2.default.PropTypes.oneOf(['submit', 'reset', 'button'])
};
Button.defaultProps = {
disabled: false,
raised: false,
type: 'button'
};
exports.default = Button;
}).apply(this, arguments);
},{"classnames":125,"react":846}],3:[function(require,module,exports){
_hmr["websocket:null"].initModule("components/card/index.js", module);
(function(){
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Content = exports.Text = exports.Actions = exports.Title = exports.Card = undefined;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
/**
* Card component
*/
var Card = exports.Card = function Card(_ref) {
var children = _ref.children;
return _react2.default.createElement('div', { className: 'Card' }, children);
};
var Title = exports.Title = function Title(_ref2) {
var children = _ref2.children;
return _react2.default.createElement('div', { className: 'Card-title' }, children);
};
var Actions = exports.Actions = function Actions(_ref3) {
var children = _ref3.children;
return _react2.default.createElement('div', { className: 'Card-actions' }, children);
};
var Text = exports.Text = function Text(_ref4) {
var children = _ref4.children;
return _react2.default.createElement('div', { className: 'Card-text' }, children);
};
var Content = exports.Content = function Content(_ref5) {
var children = _ref5.children;
return _react2.default.createElement('div', { className: 'Card-content' }, children);
};
}).apply(this, arguments);
},{"react":846}],4:[function(require,module,exports){
_hmr["websocket:null"].initModule("components/checkbox/index.js", module);
(function(){
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
/**
* Check box - ic_check_box_24px.svg
*/
var IconCheckbox = function IconCheckbox() {
return _react2.default.createElement('svg', { width: '24', height: '24', viewBox: '0 0 24 24' }, _react2.default.createElement('path', {
d: 'M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'
}));
};
/**
* Check box outline blank - ic_check_box_outline_blank_24px.svg
*/
var IconCheckboxOutline = function IconCheckboxOutline() {
return _react2.default.createElement('svg', { width: '24', height: '24', viewBox: '0 0 24 24' }, _react2.default.createElement('path', {
d: 'M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'
}));
};
var Checkbox = function Checkbox(_ref) {
var checked = _ref.checked;
var disabled = _ref.disabled;
var label = _ref.label;
var onChange = _ref.onChange;
var name = _ref.name;
var defaultChecked = _ref.defaultChecked;
return _react2.default.createElement('label', { className: 'Checkbox', title: label }, _react2.default.createElement('input', {
checked: checked,
className: 'Checkbox-input',
defaultChecked: defaultChecked,
disabled: disabled,
name: name,
onChange: onChange,
type: 'checkbox'
}), _react2.default.createElement('div', { className: 'Checkbox-focus' }), _react2.default.createElement('div', { className: 'Checkbox-icon' }, checked || defaultChecked ? _react2.default.createElement(IconCheckbox, null) : _react2.default.createElement(IconCheckboxOutline, null)), _react2.default.createElement('span', { className: 'Checkbox-label' }, label));
};
Checkbox.propTypes = {
checked: _react2.default.PropTypes.bool,
defaultChecked: _react2.default.PropTypes.bool,
disabled: _react2.default.PropTypes.bool,
label: _react2.default.PropTypes.string,
onChange: _react2.default.PropTypes.func
};
Checkbox.defaultProps = {
disabled: false,
label: 'Label'
};
exports.default = Checkbox;
}).apply(this, arguments);
},{"react":846}],5:[function(require,module,exports){
_hmr["websocket:null"].initModule("components/chip/index.js", module);
(function(){
'use strict';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
Object.defineProperty(exports, "__esModule", {
value: true
});
var _index = require('/home/zeiss/dev/js/react-components/node_modules/redbox-react/lib/index.js');
var _index2 = _interopRequireDefault(_index);
var _index3 = require('/home/zeiss/dev/js/react-components/node_modules/react-transform-catch-errors/lib/index.js');
var _index4 = _interopRequireDefault(_index3);
var _react2 = require('react');
var _react3 = _interopRequireDefault(_react2);
var _index5 = require('/home/zeiss/dev/js/react-components/node_modules/react-transform-hmr/lib/index.js');
var _index6 = _interopRequireDefault(_index5);
var _createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);
}
}return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
};
}();
var _class, _temp2, _class2, _temp4;
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
function _toConsumableArray(arr) {
if (Array.isArray(arr)) {
for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
arr2[i] = arr[i];
}return arr2;
} else {
return Array.from(arr);
}
}
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function _possibleConstructorReturn(self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}return call && ((typeof call === 'undefined' ? 'undefined' : _typeof(call)) === "object" || typeof call === "function") ? call : self;
}
function _inherits(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === 'undefined' ? 'undefined' : _typeof(superClass)));
}subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
}
var _components = {
Chip: {
displayName: 'Chip'
},
Element: {
displayName: 'Element'
}
};
var _homeZeissDevJsReactComponentsNode_modulesReactTransformHmrLibIndexJs2 = (0, _index6.default)({
filename: '/home/zeiss/dev/js/react-components/components/chip/index.js',
components: _components,
locals: [module],
imports: [_react3.default]
});
var _homeZeissDevJsReactComponentsNode_modulesReactTransformCatchErrorsLibIndexJs2 = (0, _index4.default)({
filename: '/home/zeiss/dev/js/react-components/components/chip/index.js',
components: _components,
locals: [],
imports: [_react3.default, _index2.default]
});
function _wrapComponent(id) {
return function (Component) {
return _homeZeissDevJsReactComponentsNode_modulesReactTransformHmrLibIndexJs2(_homeZeissDevJsReactComponentsNode_modulesReactTransformCatchErrorsLibIndexJs2(Component, id), id);
};
}
var keyEnter = 13;
var keyBackspace = 8;
var keyDelete = 46;
var keyArrowLeft = 37;
var keyArrowRight = 39;
// input fields which handles all logic
var Chip = _wrapComponent('Chip')((_temp2 = _class = function (_React$Component) {
_inherits(Chip, _React$Component);
function Chip() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Chip);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Chip.__proto__ || Object.getPrototypeOf(Chip)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
inputValue: ''
}, _this.onKeyPress = function (event) {
var text = _this.state.inputValue.trim();
if (_this.props.delimiters.indexOf(event.which) > -1 && text !== '') {
if (event.which !== keyEnter) {
event.preventDefault();
}
// empty input field
_this.setState({
inputValue: ''
});
// notify parent component
_this.props.onChange([].concat(_toConsumableArray(_this.props.value), [{ text: text }]));
}
}, _this.onKeyDown = function (event) {
// toggle through chips when input field is empty and when we have some chips to toggle through
if (_this.state.inputValue !== '' || !_this.props.value.length) {
return;
}
// go left
if (event.which === keyBackspace || event.which === keyArrowLeft) {
return _this['element#' + (_this.props.value.length - 1)].focus();
}
// go right
if (event.which === keyArrowRight) {
return _this['element#' + 0].focus();
}
}, _this.onChange = function (event) {
_this.setState({ inputValue: event.target.value });
}, _this.onDelete = function (index) {
// remove focused chip
var value = [].concat(_toConsumableArray(_this.props.value.slice(0, index)), _toConsumableArray(_this.props.value.slice(index + 1)));
// focus appropriate element
if (value.length === 0) {
// focus input field when all chips are gone
_this.input.focus();
} else if (value.length === index) {
// if last chip is deleted select chip to the left
_this['element#' + (index - 1)].focus();
} else {
// focus chip to the right
_this['element#' + index].focus();
}
// notify parent component
_this.props.onChange(value);
}, _this.onChipArrowLeft = function (index) {
if (index === 0) {
_this.input.focus();
} else {
_this['element#' + (index - 1)].focus();
}
}, _this.onChipArrowRight = function (index) {
if (index === _this.props.value.length - 1) {
_this.input.focus();
} else {
_this['element#' + (index + 1)].focus();
}
}, _this.onWrapperClick = function (event) {
// do not handle click events on children, e.g. chips
if (event.target === event.currentTarget) {
_this.input.focus();
}
}, _temp), _possibleConstructorReturn(_this, _ret);
}
// KeyPress event is invoked only for character (printable) keys.
// That's why we need KeyDown event for backspace and arrow keys.
_createClass(Chip, [{
key: 'render',
value: function render() {
var _this2 = this;
return _react3.default.createElement('div', {
className: 'Chip-wrapper',
onClick: this.onWrapperClick
}, this.props.value.map(function (chip, i) {
return _react3.default.createElement(Element, {
key: i,
index: i,
text: chip.text,
onDelete: _this2.onDelete,
onArrowLeft: _this2.onChipArrowLeft,
onArrowRight: _this2.onChipArrowRight,
onFocus: _this2.props.onFocus,
onBlur: _this2.props.onBlur,
ref: function ref(c) {
_this2['element#' + i] = c;
}
});
}), _react3.default.createElement('input', {
className: 'Chip-input',
type: 'text',
onKeyPress: this.onKeyPress,
onKeyDown: this.onKeyDown,
value: this.state.inputValue,
onChange: this.onChange,
ref: function ref(c) {
_this2.input = c;
},
onFocus: this.props.onFocus,
onBlur: this.props.onBlur,
autoFocus: this.props.autoFocus,
placeholder: this.props.placeholder
}));
}
}]);
return Chip;
}(_react3.default.Component), _class.propTypes = {
autoFocus: _react3.default.PropTypes.bool,
delimiters: _react3.default.PropTypes.arrayOf(_react3.default.PropTypes.number),
onBlur: _react3.default.PropTypes.func,
onChange: _react3.default.PropTypes.func,
onFocus: _react3.default.PropTypes.func,
placeholder: _react3.default.PropTypes.string,
value: _react3.default.PropTypes.arrayOf(_react3.default.PropTypes.object)
}, _class.defaultProps = {
onChange: function onChange() {},
delimiters: [keyEnter],
value: []
}, _temp2));
exports.default = Chip;
var Element = _wrapComponent('Element')((_temp4 = _class2 = function (_React$Component2) {
_inherits(Element, _React$Component2);
function Element() {
var _ref2;
var _temp3, _this3, _ret2;
_classCallCheck(this, Element);
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
return _ret2 = (_temp3 = (_this3 = _possibleConstructorReturn(this, (_ref2 = Element.__proto__ || Object.getPrototypeOf(Element)).call.apply(_ref2, [this].concat(args))), _this3), _this3.focus = function () {
_this3.chipRef.focus();
}, _temp3), _possibleConstructorReturn(_this3, _ret2);
}
_createClass(Element, [{
key: 'render',
value: function render() {
var _this4 = this;
var _props = this.props;
var text = _props.text;
var onDelete = _props.onDelete;
var icon = _props.icon;
var index = _props.index;
var onArrowLeft = _props.onArrowLeft;
var onArrowRight = _props.onArrowRight;
var onBlur = _props.onBlur;
var onFocus = _props.onFocus;
var textStyle = {
marginLeft: icon ? 8 : 12,
marginRight: onDelete ? 0 : 12
};
var button = _react3.default.createElement('button', {
tabIndex: '-1',
className: 'Chip-delete',
onClick: function onClick() {
onDelete(index);
}
}, '×');
return _react3.default.createElement('div', {
className: 'Chip',
tabIndex: '0',
onFocus: onFocus,
onBlur: onBlur,
onKeyDown: function onKeyDown(event) {
if (event.which === keyBackspace || event.which === keyDelete) {
event.preventDefault();
return onDelete(index);
}
if (event.which === keyArrowLeft) {
return onArrowLeft(index);
}
if (event.which === keyArrowRight) {
return onArrowRight(index);
}
},
ref: function ref(c) {
_this4.chipRef = c;
}
}, icon ? _react3.default.createElement('div', { className: 'Chip-icon' }, icon) : null, _react3.default.createElement('span', { style: textStyle }, text), onDelete ? button : null);
}
}]);
return Element;
}(_react3.default.Component), _class2.propTypes = {
autoFocus: _react3.default.PropTypes.bool,
icon: _react3.default.PropTypes.string,
onDelete: _react3.default.PropTypes.func,
onBlur: _react3.default.PropTypes.func,
onFocus: _react3.default.PropTypes.func,
text: _react3.default.PropTypes.string
}, _class2.defaultProps = {
autoFocus: false,
text: 'Chip'
}, _temp4));
}).apply(this, arguments);
},{"/home/zeiss/dev/js/react-components/node_modules/react-transform-catch-errors/lib/index.js":699,"/home/zeiss/dev/js/react-components/node_modules/react-transform-hmr/lib/index.js":700,"/home/zeiss/dev/js/react-components/node_modules/redbox-react/lib/index.js":847,"react":846}],6:[function(require,module,exports){
_hmr["websocket:null"].initModule("components/header/index.js", module);
(function(){
'use strict';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
Object.defineProperty(exports, "__esModule", {
value: true
});
var _index = require('/home/zeiss/dev/js/react-components/node_modules/redbox-react/lib/index.js');
var _index2 = _interopRequireDefault(_index);
var _index3 = require('/home/zeiss/dev/js/react-components/node_modules/react-transform-catch-errors/lib/index.js');
var _index4 = _interopRequireDefault(_index3);
var _react2 = require('react');
var _react3 = _interopRequireDefault(_react2);
var _index5 = require('/home/zeiss/dev/js/react-components/node_modules/react-transform-hmr/lib/index.js');
var _index6 = _interopRequireDefault(_index5);
var _createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);
}
}return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
};
}();
var _class, _temp2;
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _icon = require('../icon/');
var _icon2 = _interopRequireDefault(_icon);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function _possibleConstructorReturn(self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}return call && ((typeof call === 'undefined' ? 'undefined' : _typeof(call)) === "object" || typeof call === "function") ? call : self;
}
function _inherits(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === 'undefined' ? 'undefined' : _typeof(superClass)));
}subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
}
var _components = {
Header: {
displayName: 'Header'
}
};
var _homeZeissDevJsReactComponentsNode_modulesReactTransformHmrLibIndexJs2 = (0, _index6.default)({
filename: '/home/zeiss/dev/js/react-components/components/header/index.js',
components: _components,
locals: [module],
imports: [_react3.default]
});
var _homeZeissDevJsReactComponentsNode_modulesReactTransformCatchErrorsLibIndexJs2 = (0, _index4.default)({
filename: '/home/zeiss/dev/js/react-components/components/header/index.js',
components: _components,
locals: [],
imports: [_react3.default, _index2.default]
});
function _wrapComponent(id) {
return function (Component) {
return _homeZeissDevJsReactComponentsNode_modulesReactTransformHmrLibIndexJs2(_homeZeissDevJsReactComponentsNode_modulesReactTransformCatchErrorsLibIndexJs2(Component, id), id);
};
}
/**
* Header component
*/
var Header = _wrapComponent('Header')((_temp2 = _class = function (_React$Component) {
_inherits(Header, _React$Component);
function Header() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Header);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Header.__proto__ || Object.getPrototypeOf(Header)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
hasShadow: false
}, _this.onScroll = function () {
_this.setState({
hasShadow: window.scrollY > 0
});
}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Header, [{
key: 'componentDidMount',
value: function componentDidMount() {
window.addEventListener('scroll', this.onScroll);
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
window.removeEventListener('scroll', this.onScroll);
}
}, {
key: 'render',
value: function render() {
var _props = this.props;
var title = _props.title;
var subtitle = _props.subtitle;
var children = _props.children;
var klass = (0, _classnames2.default)({
'Header--shadow': this.state.hasShadow
});
return _react3.default.createElement('header', { className: klass }, _react3.default.createElement('div', { className: 'Header' }, _react3.default.createElement('div', { className: 'Header-block' }, _react3.default.createElement('span', { className: 'Header-title' }, title), subtitle && _react3.default.createElement('span', { className: 'Header-subtitle' }, _react3.default.createElement(_icon2.default.ChevronRight, { className: 'Header-chevron' }), subtitle)), _react3.default.createElement('div', { className: 'Header-block' }, children)));
}
}]);
return Header;
}(_react3.default.Component), _class.propTypes = {
title: _react3.default.PropTypes.string,
subtitle: _react3.default.PropTypes.string
}, _temp2));
exports.default = Header;
}).apply(this, arguments);
},{"../icon/":7,"/home/zeiss/dev/js/react-components/node_modules/react-transform-catch-errors/lib/index.js":699,"/home/zeiss/dev/js/react-components/node_modules/react-transform-hmr/lib/index.js":700,"/home/zeiss/dev/js/react-components/node_modules/redbox-react/lib/index.js":847,"classnames":125,"react":846}],7:[function(require,module,exports){
_hmr["websocket:null"].initModule("components/icon/index.js", module);
(function(){
'use strict';var _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;};var _react=require('react');var _react2=_interopRequireDefault(_react);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}exports['Button']=function(props){return _react2.default.createElement('button',_extends({type:'button',className:'IconButton'},props),props.children);};exports['Logo']=function(props){return _react2.default.createElement('svg',{width:'68',height:'61',viewBox:'0 0 68 61',style:{maxWidth:'100%',maxHeight:'100%'}},_react2.default.createElement('polygon',{style:{fill:props&&props.fill||'#fff'},points:'61.9 42.6 68 42.6 68 61 63.3 61 63.3 49.7 57.7 61 53.7 61 48.2 49.7 48.2 61 43.4 61 43.4 42.6 49.6 42.6 55.7 55.1 61.9 42.6 '}),_react2.default.createElement('polygon',{style:{fill:props&&props.fill||'#fff'},points:'0 61 0 42.6 4.7 42.6 4.7 49.9 13.9 49.9 13.9 42.6 18.7 42.6 18.7 61 13.9 61 13.9 53.7 4.7 53.7 4.7 61 0 61 '}),_react2.default.createElement('path',{style:{fillRule:'evenodd',clipRule:'evenodd',fill:props&&props.fill||'#fff'},d:'M0 0h68v40.4H0V0L0 0zM41.6 36.6c-1.8-2.6-2.9-5.8-2.9-9.2 0-8.9 7.2-16.1 16.1-16.1 3.1 0 6 0.9 8.5 2.4v-10H4.7v32.9L41.6 36.6 41.6 36.6zM43.4 27.4c0-6.3 5.1-11.3 11.3-11.3s11.3 5.1 11.3 11.3c0 6.3-5.1 11.3-11.3 11.3S43.4 33.7 43.4 27.4L43.4 27.4z'}),_react2.default.createElement('path',{style:{fill:props&&props.fill||'#fff'},d:'M38.1 51.1c1.1-0.7 2.3-1.7 2.3-4s-1.4-4-3.7-4.5H22V61h13.9c2.9 0 5.2-2.3 5.2-5.2C41.1 53.8 39.9 51.8 38.1 51.1zM26.1 46.1l7.6 0c1 0 1.6 0.8 1.6 1.8 0 1-0.6 1.8-1.6 1.8h-7.6V46.1zM33.3 57.5h-7.2V53h7.2c1.7-0.1 2.8 0.6 2.8 2.1C36.1 56.5 34.9 57.5 33.3 57.5z'}));};exports['3dRotation']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M7.52 21.48C4.25 19.94 1.91 16.76 1.55 13H.05C.56 19.16 5.71 24 12 24l.66-.03-3.81-3.81-1.33 1.32zm.89-6.52c-.19 0-.37-.03-.52-.08-.16-.06-.29-.13-.4-.24-.11-.1-.2-.22-.26-.37-.06-.14-.09-.3-.09-.47h-1.3c0 .36.07.68.21.95.14.27.33.5.56.69.24.18.51.32.82.41.3.1.62.15.96.15.37 0 .72-.05 1.03-.15.32-.1.6-.25.83-.44s.42-.43.55-.72c.13-.29.2-.61.2-.97 0-.19-.02-.38-.07-.56-.05-.18-.12-.35-.23-.51-.1-.16-.24-.3-.4-.43-.17-.13-.37-.23-.61-.31.2-.09.37-.2.52-.33.15-.13.27-.27.37-.42.1-.15.17-.3.22-.46.05-.16.07-.32.07-.48 0-.36-.06-.68-.18-.96-.12-.28-.29-.51-.51-.69-.2-.19-.47-.33-.77-.43C9.1 8.05 8.76 8 8.39 8c-.36 0-.69.05-1 .16-.3.11-.57.26-.79.45-.21.19-.38.41-.51.67-.12.26-.18.54-.18.85h1.3c0-.17.03-.32.09-.45s.14-.25.25-.34c.11-.09.23-.17.38-.22.15-.05.3-.08.48-.08.4 0 .7.1.89.31.19.2.29.49.29.86 0 .18-.03.34-.08.49-.05.15-.14.27-.25.37-.11.1-.25.18-.41.24-.16.06-.36.09-.58.09H7.5v1.03h.77c.22 0 .42.02.6.07s.33.13.45.23c.12.11.22.24.29.4.07.16.1.35.1.57 0 .41-.12.72-.35.93-.23.23-.55.33-.95.33zm8.55-5.92c-.32-.33-.7-.59-1.14-.77-.43-.18-.92-.27-1.46-.27H12v8h2.3c.55 0 1.06-.09 1.51-.27.45-.18.84-.43 1.16-.76.32-.33.57-.73.74-1.19.17-.47.26-.99.26-1.57v-.4c0-.58-.09-1.1-.26-1.57-.18-.47-.43-.87-.75-1.2zm-.39 3.16c0 .42-.05.79-.14 1.13-.1.33-.24.62-.43.85-.19.23-.43.41-.71.53-.29.12-.62.18-.99.18h-.91V9.12h.97c.72 0 1.27.23 1.64.69.38.46.57 1.12.57 1.99v.4zM12 0l-.66.03 3.81 3.81 1.33-1.33c3.27 1.55 5.61 4.72 5.96 8.48h1.5C23.44 4.84 18.29 0 12 0z'}));};exports['Accessibility']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'}));};exports['Accessible']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('circle',{cx:'12',cy:'4',r:'2'}),_react2.default.createElement('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'}));};exports['AccountBalance']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M4 10v7h3v-7H4zm6 0v7h3v-7h-3zM2 22h19v-3H2v3zm14-12v7h3v-7h-3zm-4.5-9L2 6v2h19V6l-9.5-5z'}));};exports['AccountBalanceWallet']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'}));};exports['AccountBox']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z'}));};exports['AccountCircle']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'}));};exports['AddShoppingCart']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z'}));};exports['Alarm']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z'}));};exports['AlarmAdd']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3V9z'}));};exports['AlarmOff']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M12 6c3.87 0 7 3.13 7 7 0 .84-.16 1.65-.43 2.4l1.52 1.52c.58-1.19.91-2.51.91-3.92 0-4.97-4.03-9-9-9-1.41 0-2.73.33-3.92.91L9.6 6.43C10.35 6.16 11.16 6 12 6zm10-.28l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM2.92 2.29L1.65 3.57 2.98 4.9l-1.11.93 1.42 1.42 1.11-.94.8.8C3.83 8.69 3 10.75 3 13c0 4.97 4.02 9 9 9 2.25 0 4.31-.83 5.89-2.2l2.2 2.2 1.27-1.27L3.89 3.27l-.97-.98zm13.55 16.1C15.26 19.39 13.7 20 12 20c-3.87 0-7-3.13-7-7 0-1.7.61-3.26 1.61-4.47l9.86 9.86zM8.02 3.28L6.6 1.86l-.86.71 1.42 1.42.86-.71z'}));};exports['AlarmOn']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7zm-1.46-5.47L8.41 12.4l-1.06 1.06 3.18 3.18 6-6-1.06-1.06-4.93 4.95z'}));};exports['AllOut']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('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'}));};exports['Android']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v7c0 .83.67 1.5 1.5 1.5S5 17.33 5 16.5v-7C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v7c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5zm-4.97-5.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 1.23 12.95 1 12 1c-.96 0-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.97 3.26 6 5.01 6 7h12c0-1.99-.97-3.75-2.47-4.84zM10 5H9V4h1v1zm5 0h-1V4h1v1z'}));};exports['Announcement']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z'}));};exports['AspectRatio']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z'}));};exports['Assessment']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'}));};exports['Assignment']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'}));};exports['AssignmentInd']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z'}));};exports['AssignmentLate']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-6 15h-2v-2h2v2zm0-4h-2V8h2v6zm-1-9c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z'}));};exports['AssignmentReturn']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm4 12h-4v3l-5-5 5-5v3h4v4z'}));};exports['AssignmentReturned']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 15l-5-5h3V9h4v4h3l-5 5z'}));};exports['AssignmentTurnedIn']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'}));};exports['Autorenew']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z'}));};exports['Backup']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'}));};exports['Book']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z'}));};exports['Bookmark']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z'}));};exports['BookmarkBorder']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L7 18V5h10v13z'}));};exports['BugReport']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z'}));};exports['Build']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'}));};exports['Cached']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z'}));};exports['CameraEnhance']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('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'}));};exports['CardGiftcard']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'}));};exports['CardMembership']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M20 2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h4v5l4-2 4 2v-5h4c1.11 0 2-.89 2-2V4c0-1.11-.89-2-2-2zm0 13H4v-2h16v2zm0-5H4V4h16v6z'}));};exports['CardTravel']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M20 6h-3V4c0-1.11-.89-2-2-2H9c-1.11 0-2 .89-2 2v2H4c-1.11 0-2 .89-2 2v11c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zM9 4h6v2H9V4zm11 15H4v-2h16v2zm0-5H4V8h3v2h2V8h6v2h2V8h3v6z'}));};exports['ChangeHistory']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M12 7.77L18.39 18H5.61L12 7.77M12 4L2 20h20L12 4z'}));};exports['CheckCircle']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'}));};exports['ChromeReaderMode']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M13 12h7v1.5h-7zm0-2.5h7V11h-7zm0 5h7V16h-7zM21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15h-9V6h9v13z'}));};exports['Class']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z'}));};exports['Code']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z'}));};exports['CompareArrows']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M9.01 14H2v2h7.01v3L13 15l-3.99-4v3zm5.98-1v-3H22V8h-7.01V5L11 9l3.99 4z'}));};exports['Copyright']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('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'}));};exports['CreditCard']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'}));};exports['Dashboard']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'}));};exports['DateRange']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('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'}));};exports['Delete']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'}));};exports['DeleteForever']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z'}));};exports['Description']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'}));};exports['Dns']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M20 13H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1zM7 19c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM20 3H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zM7 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'}));};exports['Done']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'}));};exports['DoneAll']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z'}));};exports['DonutLarge']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('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'}));};exports['DonutSmall']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('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'}));};exports['Eject']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M5 17h14v2H5zm7-12L5.33 15h13.34z'}));};exports['EuroSymbol']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M15 18.5c-2.51 0-4.68-1.42-5.76-3.5H15v-2H8.58c-.05-.33-.08-.66-.08-1s.03-.67.08-1H15V9H9.24C10.32 6.92 12.5 5.5 15 5.5c1.61 0 3.09.59 4.23 1.57L21 5.3C19.41 3.87 17.3 3 15 3c-3.92 0-7.24 2.51-8.48 6H3v2h3.06c-.04.33-.06.66-.06 1 0 .34.02.67.06 1H3v2h3.52c1.24 3.49 4.56 6 8.48 6 2.31 0 4.41-.87 6-2.3l-1.78-1.77c-1.13.98-2.6 1.57-4.22 1.57z'}));};exports['Event']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z'}));};exports['EventSeat']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M4 18v3h3v-3h10v3h3v-6H4zm15-8h3v3h-3zM2 10h3v3H2zm15 3H7V5c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v8z'}));};exports['ExitToApp']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.createElement('path',{d:'M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'}));};exports['Explore']=function(props){return _react2.default.createElement('svg',_extends({},props,{width:'24',height:'24',viewBox:'0 0 24 24'}),_react2.default.create