react-ionicons
Version:
A React SVG ionicon component
82 lines (67 loc) • 2.72 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _SvgContainer = require('./SvgContainer');
var _SvgContainer2 = _interopRequireDefault(_SvgContainer);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var NotificationsOffCircle = function NotificationsOffCircle(props) {
return _react2.default.createElement(
_SvgContainer2.default,
{
height: props.height,
width: props.width,
color: props.color,
onClick: props.onClick,
rotate: props.rotate ? 1 : 0,
shake: props.shake ? 1 : 0,
beat: props.beat ? 1 : 0,
className: props.className
},
_react2.default.createElement(
'svg',
{ style: props.style, className: props.cssClasses, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 512 512' },
props.title ? _react2.default.createElement(
'title',
null,
props.title
) : '',
_react2.default.createElement('path', { d: 'M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zM146.83 313c16.33-19.34 27.86-27.47 27.86-80.8q0-3.75.2-7.26a4 4 0 017-2.52l98 106.87a4 4 0 01-2.94 6.7H158C146.18 336 140.06 321 146.83 313zm148.93 43.41C293.53 375.14 276.92 384 256 384s-37.51-8.86-39.75-27.58a4 4 0 014-4.42h71.53a4 4 0 013.98 4.42zm67 17.42a16 16 0 01-22.6-1.08l-192-212a16 16 0 0123.68-21.52l192 212a16 16 0 01-1.08 22.61zM361 323.21L216.49 165.53a4 4 0 011.3-6.36c1.31-.58 2.61-1.12 3.89-1.63a11.33 11.33 0 006.32-6.68c3.72-12.26 14.15-22.86 28-22.86s24.29 10.6 28 22.86a11.34 11.34 0 006.34 6.68c21.21 8.44 47 25.81 47 74.67 0 53.33 11.54 61.46 27.87 80.8a12.09 12.09 0 012.76 7.25 4 4 0 01-6.97 2.95z' })
)
);
};
NotificationsOffCircle.defaultProps = {
// style
style: {},
color: '#000000',
height: '22px',
width: '22px',
cssClasses: '',
title: '',
// animation
shake: false,
beat: false,
rotate: false
};
NotificationsOffCircle.propTypes = {
// style
style: _propTypes2.default.object,
color: _propTypes2.default.string,
height: _propTypes2.default.string,
width: _propTypes2.default.string,
cssClasses: _propTypes2.default.string,
title: _propTypes2.default.string,
// animation
shake: _propTypes2.default.bool,
beat: _propTypes2.default.bool,
rotate: _propTypes2.default.bool,
// functions
onClick: _propTypes2.default.func
};
exports.default = NotificationsOffCircle;
module.exports = exports['default'];
//# sourceMappingURL=NotificationsOffCircle.js.map