@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 2.74 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconList = (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: "M4 6.75C4.55228 6.75 5 6.30228 5 5.75C5 5.19772 4.55228 4.75 4 4.75C3.44772 4.75 3 5.19772 3 5.75C3 6.30228 3.44772 6.75 4 6.75Z" }), _jsx("path", { d: "M21 5.75C21 6.16422 20.6642 6.5 20.25 6.5L7.75 6.5C7.33579 6.5 7 6.16421 7 5.75C7 5.33579 7.33579 5 7.75 5H20.25C20.6642 5 21 5.33579 21 5.75Z" }), _jsx("path", { d: "M7 12C7 11.5858 7.33579 11.25 7.75 11.25L20.25 11.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75L7.75 12.75C7.33579 12.75 7 12.4142 7 12Z" }), _jsx("path", { d: "M21 18.25C21 18.6642 20.6642 19 20.25 19L7.75 19C7.33579 19 7 18.6642 7 18.25C7 17.8358 7.33579 17.5 7.75 17.5L20.25 17.5C20.6642 17.5 21 17.8358 21 18.25Z" }), _jsx("path", { d: "M5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12Z" }), _jsx("path", { d: "M4 19.25C4.55228 19.25 5 18.8023 5 18.25C5 17.6977 4.55228 17.25 4 17.25C3.44772 17.25 3 17.6977 3 18.25C3 18.8023 3.44772 19.25 4 19.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", { d: "M4 5.5C4.55228 5.5 5 5.05228 5 4.5C5 3.94772 4.55228 3.5 4 3.5C3.44772 3.5 3 3.94772 3 4.5C3 5.05228 3.44772 5.5 4 5.5Z" }), _jsx("path", { d: "M6.99997 4.5C6.99997 4.22386 7.22383 4 7.49997 4H16.5C16.7761 4 17 4.22386 17 4.5C17 4.77614 16.7761 5 16.5 5H7.49997C7.22383 5 6.99997 4.77614 6.99997 4.5Z" }), _jsx("path", { d: "M7.49997 14C7.22383 14 6.99997 14.2239 6.99997 14.5C6.99997 14.7761 7.22383 15 7.49997 15H16.5C16.7761 15 17 14.7761 17 14.5C17 14.2239 16.7761 14 16.5 14H7.49997Z" }), _jsx("path", { d: "M6.99997 9.5C6.99997 9.22386 7.22383 9 7.49997 9H16.5C16.7761 9 17 9.22386 17 9.5C17 9.77614 16.7761 10 16.5 10H7.49997C7.22383 10 6.99997 9.77614 6.99997 9.5Z" }), _jsx("path", { d: "M5 9.5C5 10.0523 4.55228 10.5 4 10.5C3.44772 10.5 3 10.0523 3 9.5C3 8.94771 3.44772 8.5 4 8.5C4.55228 8.5 5 8.94771 5 9.5Z" }), _jsx("path", { d: "M4 15.5C4.55228 15.5 5 15.0523 5 14.5C5 13.9477 4.55228 13.5 4 13.5C3.44772 13.5 3 13.9477 3 14.5C3 15.0523 3.44772 15.5 4 15.5Z" })] }));
}
};
IconList.iconName = "list";
export default IconList;