@vector-im/compound-design-tokens
Version:
Compound design tokens
37 lines • 2 kB
JavaScript
import { forwardRef } from "react";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function ZoomInIcon(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__*/_jsxs("g", {
clipPath: "url(#cpd_ZoomInIcon_a)",
children: [/*#__PURE__*/_jsx("path", {
d: "M10.5 6.5q.425 0 .713.287.288.288.287.713v2h2q.425 0 .713.287.288.288.287.713a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287h-2v2a.97.97 0 0 1-.287.713.97.97 0 0 1-.713.287.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713v-2h-2a.97.97 0 0 1-.713-.287.97.97 0 0 1-.287-.713q0-.425.287-.713A.97.97 0 0 1 7.5 9.5h2v-2q0-.425.287-.713A.97.97 0 0 1 10.5 6.5"
}), /*#__PURE__*/_jsx("path", {
fillRule: "evenodd",
d: "M10.5 3a7.5 7.5 0 0 1 5.963 12.049l3.244 3.244a1 1 0 1 1-1.414 1.414l-3.244-3.244A7.5 7.5 0 1 1 10.5 3m0 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11",
clipRule: "evenodd"
}), /*#__PURE__*/_jsx("path", {
d: "M15.05 16.463a7.5 7.5 0 1 1 1.414-1.414l3.243 3.244a1 1 0 0 1-1.414 1.414zM16 10.5a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0"
}), /*#__PURE__*/_jsx("path", {
d: "M7.875 11.375h1.75v1.75q0 .372.252.623A.85.85 0 0 0 10.5 14a.85.85 0 0 0 .623-.252.85.85 0 0 0 .252-.623v-1.75h1.75a.85.85 0 0 0 .623-.252A.85.85 0 0 0 14 10.5a.85.85 0 0 0-.252-.623.85.85 0 0 0-.623-.252h-1.75v-1.75a.85.85 0 0 0-.252-.623A.85.85 0 0 0 10.5 7a.85.85 0 0 0-.623.252.85.85 0 0 0-.252.623v1.75h-1.75a.85.85 0 0 0-.623.252A.85.85 0 0 0 7 10.5q0 .372.252.623a.85.85 0 0 0 .623.252"
})]
}), /*#__PURE__*/_jsx("defs", {
children: /*#__PURE__*/_jsx("clipPath", {
id: "cpd_ZoomInIcon_a",
children: /*#__PURE__*/_jsx("path", {
d: "M0 0h24v24H0z"
})
})
})]
});
}
;
ZoomInIcon.displayName = "ZoomInIcon";
export default forwardRef(ZoomInIcon);