moq-ui
Version:
Simple, customizable UI components built with React
39 lines (32 loc) • 1.3 kB
JavaScript
var React = require('react');
var MagnifyingGlassIcon = React.createClass({displayName: "MagnifyingGlassIcon",
getDefaultProps: function() {
return {
style: {
color: '#000000'
}
}
},
getStyles: function() {
return {
svg: {
width: '100%',
height: '100%'
},
path: {
fill: this.props.style.color
}
};
},
render: function() {
var styles = this.getStyles();
return (
React.createElement("svg", {viewBox: "0 0 16 16", style: styles.svg},
React.createElement("g", {style: styles.path},
React.createElement("path", {d: "M 15.8031 13.6618 l -2.78147 -2.78265 c 0.703952 -1.09993 1.11804 -2.4049 1.11804 -3.80885 c 0 -3.9048 -3.16425 -7.07026 -7.06981 -7.07026 c -3.90355 0 -7.06981 3.16546 -7.06981 7.07026 s 3.16627 7.07026 7.06981 7.07026 c 1.40487 0 2.70875 -0.414115 3.80861 -1.11912 l 2.78248 2.78265 c 0.194925 0.195947 0.517106 0.195947 0.714051 0 l 1.4281 -1.42819 C 16 14.1799 16 13.8577 15.8031 13.6618 Z M 7.07082 12.1215 c -2.78349 0 -5.04987 -2.26551 -5.04987 -5.05019 s 2.26638 -5.05019 5.04987 -5.05019 c 2.78551 0 5.04987 2.26551 5.04987 5.05019 S 9.85532 12.1215 7.07082 12.1215 Z"})
)
)
);
}
});
module.exports = MagnifyingGlassIcon;