@razorpay/blade
Version:
The Design System that powers Razorpay
51 lines (48 loc) • 4.32 kB
JavaScript
import _defineProperty from '@babel/runtime/helpers/defineProperty';
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import '../_Svg/index.js';
import '../useIconProps/index.js';
import '../../../utils/assignWithoutSideEffects/index.js';
import { jsxs, jsx } from 'react/jsx-runtime';
import useIconProps from '../useIconProps/useIconProps.js';
import Svg from '../_Svg/Svg/Svg.web.js';
import Path from '../_Svg/Path/Path.web.js';
import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
var _excluded = ["size", "color"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var _VolumeOnIcon = function _VolumeOnIcon(_ref) {
var size = _ref.size,
color = _ref.color,
styledProps = _objectWithoutProperties(_ref, _excluded);
var _useIconProps = useIconProps({
size: size,
color: color
}),
height = _useIconProps.height,
width = _useIconProps.width,
iconColor = _useIconProps.iconColor;
return /*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({}, styledProps), {}, {
width: width,
height: height,
viewBox: "0 0 24 24",
fill: "none",
children: [/*#__PURE__*/jsx(Path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.68359 3.07889C10.0404 2.96947 10.4237 2.97373 10.7803 3.09257C11.137 3.21146 11.4462 3.43828 11.666 3.74003L11.7549 3.87382L11.8311 4.01444C11.977 4.31553 12.0346 4.65176 12 4.98514V18.8777C12.041 19.2655 11.9565 19.6578 11.7549 19.9939C11.5338 20.3622 11.1877 20.6393 10.7803 20.7752C10.3728 20.9109 9.93 20.8961 9.53223 20.7342C9.17095 20.587 8.86878 20.3265 8.66895 19.9939L5.51074 15.9334H4C3.46961 15.9334 2.961 15.7224 2.58594 15.3474C2.21097 14.9724 2.00005 14.4637 2 13.9334V9.93339C2.00006 9.40308 2.21098 8.89433 2.58594 8.51932C2.961 8.14431 3.46962 7.93339 4 7.93339H5.51172L8.66895 3.87382C8.86878 3.54094 9.17072 3.27987 9.53223 3.1326L9.68359 3.07889ZM6.78906 9.54764C6.5996 9.79103 6.30845 9.93339 6 9.93339H4V13.9334H6C6.30859 13.9334 6.59961 14.0765 6.78906 14.3201L10 18.448V5.41874L6.78906 9.54764Z",
fill: iconColor
}), /*#__PURE__*/jsx(Path, {
d: "M16.9229 4.30448C17.2484 3.90215 17.8219 3.81837 18.2461 4.0955L18.3291 4.15604L18.5439 4.33378C19.6048 5.24126 20.4648 6.36218 21.0674 7.62382C21.7101 8.96951 22.043 10.4421 22.043 11.9334C22.043 13.4247 21.7101 14.8972 21.0674 16.243C20.4247 17.5885 19.4889 18.7734 18.3291 19.7107C17.8997 20.0577 17.2701 19.9914 16.9229 19.5623C16.5758 19.1329 16.6421 18.5032 17.0713 18.156C17.9993 17.4062 18.7485 16.4572 19.2627 15.3807C19.7767 14.3042 20.043 13.1262 20.043 11.9334C20.043 10.7405 19.7767 9.56258 19.2627 8.48612C18.8128 7.54418 18.1831 6.70025 17.4111 6.00174L17.0713 5.71073L16.9951 5.64335C16.635 5.28658 16.5974 4.70723 16.9229 4.30448Z",
fill: iconColor
}), /*#__PURE__*/jsx(Path, {
d: "M14.2002 7.33378C14.5315 6.89215 15.1579 6.80246 15.5996 7.13358C16.3447 7.69234 16.9496 8.41689 17.3662 9.24979C17.7828 10.0829 18 11.002 18 11.9334C18 12.8648 17.7828 13.7839 17.3662 14.617C16.9496 15.4499 16.3447 16.1744 15.5996 16.7332C15.1578 17.0645 14.5315 16.9748 14.2002 16.533C13.8691 16.0912 13.9586 15.4649 14.4004 15.1336C14.8971 14.761 15.3004 14.2777 15.5781 13.7224C15.8558 13.1671 16 12.5543 16 11.9334C16 11.3124 15.8558 10.6997 15.5781 10.1443C15.3004 9.589 14.897 9.10572 14.4004 8.73319C13.9587 8.40184 13.869 7.77556 14.2002 7.33378Z",
fill: iconColor
})]
}));
};
var VolumeOnIcon = /*#__PURE__*/assignWithoutSideEffects(_VolumeOnIcon, {
componentId: 'VolumeOnIcon'
});
export { VolumeOnIcon as default };
//# sourceMappingURL=VolumeOnIcon.js.map