@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 3.76 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconShapes = (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", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 9.5C18.3807 9.5 19.5 8.38071 19.5 7C19.5 5.61929 18.3807 4.5 17 4.5C15.6192 4.5 14.5 5.61929 14.5 7C14.5 8.38071 15.6192 9.5 17 9.5ZM17 11C19.2091 11 21 9.20914 21 7C21 4.79086 19.2091 3 17 3C14.7908 3 13 4.79086 13 7C13 9.20914 14.7908 11 17 11Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 14.5H15C14.7238 14.5 14.5 14.7239 14.5 15V19C14.5 19.2761 14.7238 19.5 15 19.5H19C19.2761 19.5 19.5 19.2761 19.5 19V15C19.5 14.7239 19.2761 14.5 19 14.5ZM15 13C13.8954 13 13 13.8954 13 15V19C13 20.1046 13.8954 21 15 21H19C20.1045 21 21 20.1046 21 19V15C21 13.8954 20.1045 13 19 13H15Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.99996 4.5H4.99996C4.72381 4.5 4.49996 4.72386 4.49996 5V9C4.49996 9.27614 4.72381 9.5 4.99996 9.5H8.99996C9.2761 9.5 9.49996 9.27614 9.49996 9V5C9.49996 4.72386 9.2761 4.5 8.99996 4.5ZM4.99996 3C3.89539 3 2.99996 3.89543 2.99996 5V9C2.99996 10.1046 3.89539 11 4.99996 11H8.99996C10.1045 11 11 10.1046 11 9V5C11 3.89543 10.1045 3 8.99996 3H4.99996Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.59803 18.75L7.43297 15C7.24052 14.6667 6.75939 14.6667 6.56694 15L4.40188 18.75C4.20943 19.0833 4.44999 19.5 4.83489 19.5H9.16502C9.54992 19.5 9.79048 19.0833 9.59803 18.75ZM8.73201 14.25C7.96221 12.9167 6.03771 12.9167 5.26791 14.25L3.10284 18C2.33304 19.3333 3.29529 21 4.83489 21H9.16502C10.7046 21 11.6669 19.3333 10.8971 18L8.73201 14.25Z" })] }));
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", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.49999 3C3.67156 3 2.99999 3.67157 2.99999 4.5V7.5C2.99999 8.32843 3.67156 9 4.49999 9H7.49999C8.32841 9 8.99999 8.32843 8.99999 7.5V4.5C8.99999 3.67157 8.32841 3 7.49999 3H4.49999ZM7.49999 4H4.49999C4.22384 4 3.99999 4.22386 3.99999 4.5V7.5C3.99999 7.77614 4.22384 8 4.49999 8H7.49999C7.77613 8 7.99999 7.77614 7.99999 7.5V4.5C7.99999 4.22386 7.77613 4 7.49999 4Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 11C11.6716 11 11 11.6716 11 12.5V15.5C11 16.3284 11.6716 17 12.5 17H15.5C16.3284 17 17 16.3284 17 15.5V12.5C17 11.6716 16.3284 11 15.5 11H12.5ZM16 12.5C16 12.2239 15.7761 12 15.5 12H12.5C12.2238 12 12 12.2239 12 12.5V15.5C12 15.7761 12.2238 16 12.5 16H15.5C15.7761 16 16 15.7761 16 15.5V12.5Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 3C12.3431 3 11 4.34315 11 6C11 7.65685 12.3431 9 14 9C15.6568 9 17 7.65685 17 6C17 4.34315 15.6568 3 14 3ZM12 6C12 7.10457 12.8954 8 14 8C15.1046 8 16 7.10457 16 6C16 4.89543 15.1046 4 14 4C12.8954 4 12 4.89543 12 6Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.701 11.75C5.27835 10.75 6.72172 10.75 7.29907 11.75L9.03112 14.75C9.60847 15.75 8.88679 17 7.73209 17H4.26799C3.11329 17 2.3916 15.75 2.96895 14.75L4.701 11.75ZM6.43305 12.25L8.1651 15.25C8.35755 15.5833 8.11699 16 7.73209 16H4.26799C3.88308 16 3.64252 15.5833 3.83497 15.25L5.56702 12.25C5.75947 11.9167 6.2406 11.9167 6.43305 12.25Z" })] }));
}
};
IconShapes.iconName = "shapes";
export default IconShapes;