metadata-based-explorer1
Version:
Box UI Elements
31 lines (29 loc) • 1.2 kB
JavaScript
import * as React from 'react';
import classNames from 'classnames';
import AccessibleSVG from '../../../icons/accessible-svg';
var iconName = 'icon-favorites';
var IconFavorites = function IconFavorites(_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 14",
width: width
}, React.createElement("path", {
className: "fill-color",
color: color,
d: "M7 11.5l-4 2.1c-.2.1-.4 0-.5-.1v-.2l.8-4.4L.1 5.8c-.1-.1-.1-.4 0-.5.1-.1.1-.1.2-.1l4.4-.6 2-4c.1-.2.3-.2.5-.2.1 0 .1.1.2.2l2 4 4.4.6c.2 0 .3.2.3.4 0 .1 0 .1-.1.2l-3.2 3.1.8 4.4c0 .2-.1.4-.3.4h-.2L7 11.5z",
fill: selected ? color : undefined
}));
};
export default IconFavorites;