@vector-im/compound-design-tokens
Version:
Compound design tokens
23 lines • 985 B
JavaScript
import { forwardRef } from "react";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function InfoIcon(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("path", {
d: "M11.288 7.288A.97.97 0 0 1 12 7q.424 0 .713.287Q13 7.576 13 8t-.287.713A.97.97 0 0 1 12 9a.97.97 0 0 1-.713-.287A.97.97 0 0 1 11 8q0-.424.287-.713m.001 4.001A.97.97 0 0 1 12 11q.424 0 .713.287.287.288.287.713v4q0 .424-.287.712A.97.97 0 0 1 12 17a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 16v-4q0-.424.287-.713"
}), /*#__PURE__*/_jsx("path", {
fillRule: "evenodd",
d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0",
clipRule: "evenodd"
})]
});
}
;
InfoIcon.displayName = "InfoIcon";
export default forwardRef(InfoIcon);