@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 1.78 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconView = (props) => {
const size = sizeMap[props?.size ?? "m"];
const label = props?.label ?? "Icon";
switch (props?.size) {
case "l":
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 24 24", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-1.5 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M2.277 11.118C3.499 9.237 6.827 5 12 5c5.172 0 8.5 4.237 9.724 6.118a1.61 1.61 0 0 1 0 1.764C20.5 14.763 17.172 19 12 19s-8.5-4.237-9.723-6.118a1.61 1.61 0 0 1 0-1.764m1.257.817C4.73 10.099 7.665 6.5 12 6.5s7.271 3.598 8.466 5.435a.1.1 0 0 1 .021.065.1.1 0 0 1-.021.065C19.27 13.902 16.335 17.5 12 17.5s-7.271-3.598-8.466-5.435A.1.1 0 0 1 3.513 12c0-.016.004-.037.021-.065", clipRule: "evenodd" })] }));
default:
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M1.774 10.657a1.61 1.61 0 0 1 0-1.314A9 9 0 0 1 10 4a9 9 0 0 1 8.226 5.343c.186.418.186.896 0 1.313A9 9 0 0 1 10 16a9 9 0 0 1-8.226-5.344m.913-.907a8.002 8.002 0 0 1 14.626 0c.07.16.07.34 0 .5a8.002 8.002 0 0 1-14.626 0 .62.62 0 0 1 0-.5", clipRule: "evenodd" })] }));
}
};
IconView.iconName = "view";
export default IconView;