metadata-based-explorer1
Version:
Box UI Elements
31 lines (29 loc) • 1.19 kB
JavaScript
import * as React from 'react';
import classNames from 'classnames';
import AccessibleSVG from '../../../icons/accessible-svg';
var iconName = 'icon-notifications';
var IconNotifications = function IconNotifications(_ref) {
var _ref$className = _ref.className,
className = _ref$className === void 0 ? '' : _ref$className,
_ref$color = _ref.color,
color = _ref$color === void 0 ? '#c4c4c4' : _ref$color,
title = _ref.title,
_ref$width = _ref.width,
width = _ref$width === void 0 ? 14 : _ref$width,
_ref$selected = _ref.selected,
selected = _ref$selected === void 0 ? false : _ref$selected;
return React.createElement(AccessibleSVG, {
className: classNames(iconName, className, {
'is-selected': selected
}),
title: title,
viewBox: "0 0 14 16.1",
width: width
}, React.createElement("path", {
className: "fill-color",
color: color,
d: "M5.5 14.6h3.1c0 .8-.7 1.5-1.5 1.5s-1.6-.7-1.6-1.5zm6.9-7.7v4.5L14 13v.8H0V13l1.6-1.6V6.9c0-2.5 1.8-4.6 4.1-5.1v-.6C5.7.5 6.3 0 6.9 0c.7 0 1.2.5 1.2 1.2v.6c2.5.5 4.3 2.6 4.3 5.1z",
fill: selected ? color : undefined
}));
};
export default IconNotifications;