react-bytesize-icons
Version:
Bytesize Icons as React Components.
41 lines (39 loc) • 1.35 kB
JavaScript
import React from 'react';
var ZoomOut = function ZoomOut(_ref) {
var _ref$id = _ref.id,
id = _ref$id === void 0 ? "i-zoom-out" : _ref$id,
className = _ref.className,
_ref$width = _ref.width,
width = _ref$width === void 0 ? 32 : _ref$width,
_ref$height = _ref.height,
height = _ref$height === void 0 ? 32 : _ref$height,
_ref$strokeWidth = _ref.strokeWidth,
strokeWidth = _ref$strokeWidth === void 0 ? '6.25%' : _ref$strokeWidth,
_ref$strokeLinejoin = _ref.strokeLinejoin,
strokeLinejoin = _ref$strokeLinejoin === void 0 ? 'round' : _ref$strokeLinejoin,
_ref$strokeLinecap = _ref.strokeLinecap,
strokeLinecap = _ref$strokeLinecap === void 0 ? 'round' : _ref$strokeLinecap,
_ref$color = _ref.color,
color = _ref$color === void 0 ? 'currentcolor' : _ref$color;
return React.createElement("svg", {
className: className,
id: id,
viewBox: "0 0 32 32",
width: width,
height: height,
fill: "none",
stroke: color,
strokeLinecap: strokeLinecap,
strokeLinejoin: strokeLinejoin,
strokeWidth: strokeWidth
}, React.createElement("circle", {
cx: "14",
cy: "14",
r: "12"
}), React.createElement("path", {
d: "M23 23 L30 30"
}), React.createElement("path", {
d: "M10 14 L18 14"
}));
};
export default ZoomOut;