@vector-im/compound-design-tokens
Version:
Compound design tokens
29 lines • 1.13 kB
JavaScript
import { forwardRef } from "react";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function ZoomOutIcon(props, ref) {
return /*#__PURE__*/_jsxs("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "1em",
height: "1em",
fill: "currentColor",
viewBox: "0 0 24 24",
ref: ref,
...props,
children: [/*#__PURE__*/_jsx("g", {
clipPath: "url(#a)",
children: /*#__PURE__*/_jsx("path", {
d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.26 4.25c.41.41 1.07.41 1.48 0l.01-.01c.41-.41.41-1.07 0-1.48zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14m-2-5h4c.28 0 .5.22.5.5s-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5"
})
}), /*#__PURE__*/_jsx("defs", {
children: /*#__PURE__*/_jsx("clipPath", {
id: "a",
children: /*#__PURE__*/_jsx("path", {
d: "M0 0h24v24H0z"
})
})
})]
});
}
;
ZoomOutIcon.displayName = "ZoomOutIcon";
export default forwardRef(ZoomOutIcon);