@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 3.38 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconHotkey = (props) => {
const size = sizeMap[props?.size ?? "m"];
const label = props?.label ?? "Icon";
switch (props?.size) {
case "l":
return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M6 6.75C6 6.33579 6.33579 6 6.75 6H11.25C11.6642 6 12 6.33579 12 6.75C12 7.16421 11.6642 7.5 11.25 7.5H6.75C6.33579 7.5 6 7.16421 6 6.75Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V9C21 10.1046 20.1046 11 19 11H5C3.89543 11 3 10.1046 3 9V5ZM5 4.5H19C19.2761 4.5 19.5 4.72386 19.5 5V9C19.5 9.27614 19.2761 9.5 19 9.5H5C4.72386 9.5 4.5 9.27614 4.5 9V5C4.5 4.72386 4.72386 4.5 5 4.5Z" }), _jsx("path", { d: "M15.75 16C15.3358 16 15 16.3358 15 16.75C15 17.1642 15.3358 17.5 15.75 17.5H17.25C17.6642 17.5 18 17.1642 18 16.75C18 16.3358 17.6642 16 17.25 16H15.75Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 15C12 13.8954 12.8954 13 14 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H14C12.8954 21 12 20.1046 12 19V15ZM14 14.5H19C19.2761 14.5 19.5 14.7239 19.5 15V19C19.5 19.2761 19.2761 19.5 19 19.5H14C13.7239 19.5 13.5 19.2761 13.5 19V15C13.5 14.7239 13.7239 14.5 14 14.5Z" }), _jsx("path", { d: "M3.75 16C3.33579 16 3 16.3358 3 16.75C3 17.1642 3.33579 17.5 3.75 17.5H5.75V19.5C5.75 19.9142 6.08579 20.25 6.5 20.25C6.91421 20.25 7.25 19.9142 7.25 19.5V17.5H9.25C9.66421 17.5 10 17.1642 10 16.75C10 16.3358 9.66421 16 9.25 16H7.25V14C7.25 13.5858 6.91421 13.25 6.5 13.25C6.08579 13.25 5.75 13.5858 5.75 14V16H3.75Z" })] }));
default:
return (_jsxs("svg", { viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M5 6C5 5.72386 5.22386 5.5 5.5 5.5H9.5C9.77614 5.5 10 5.72386 10 6C10 6.27614 9.77614 6.5 9.5 6.5H5.5C5.22386 6.5 5 6.27614 5 6Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5C3 3.89543 3.89543 3 5 3H15C16.1046 3 17 3.89543 17 5V7C17 8.10457 16.1046 9 15 9H5C3.89543 9 3 8.10457 3 7V5ZM5 4H15C15.5523 4 16 4.44772 16 5V7C16 7.55228 15.5523 8 15 8H5C4.44772 8 4 7.55228 4 7V5C4 4.44772 4.44772 4 5 4Z" }), _jsx("path", { d: "M12.5 13.5C12.2239 13.5 12 13.7239 12 14C12 14.2761 12.2239 14.5 12.5 14.5H14.5C14.7761 14.5 15 14.2761 15 14C15 13.7239 14.7761 13.5 14.5 13.5H12.5Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 13C10 11.8954 10.8954 11 12 11H15C16.1046 11 17 11.8954 17 13V15C17 16.1046 16.1046 17 15 17H12C10.8954 17 10 16.1046 10 15V13ZM12 12H15C15.5523 12 16 12.4477 16 13V15C16 15.5523 15.5523 16 15 16H12C11.4477 16 11 15.5523 11 15V13C11 12.4477 11.4477 12 12 12Z" }), _jsx("path", { d: "M5.5 11.5C5.77614 11.5 6 11.7239 6 12V13.5H7.5C7.77614 13.5 8 13.7239 8 14C8 14.2761 7.77614 14.5 7.5 14.5H6V16C6 16.2761 5.77614 16.5 5.5 16.5C5.22386 16.5 5 16.2761 5 16V14.5H3.5C3.22386 14.5 3 14.2761 3 14C3 13.7239 3.22386 13.5 3.5 13.5H5V12C5 11.7239 5.22386 11.5 5.5 11.5Z" })] }));
}
};
IconHotkey.iconName = "hotkey";
export default IconHotkey;