UNPKG

@elgato/icons

Version:

Icons used throughout the Elgato ecosystem.

17 lines (16 loc) 5.29 kB
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; import { sizeMap } from "../../metadata/sizing.js"; const IconSquareDashed = (props) => { const size = sizeMap[props?.size ?? "m"]; const label = props?.label ?? "Icon"; switch (props?.size) { case "l": return (_jsx("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: "M5 4.5C4.72386 4.5 4.5 4.72386 4.5 5V6.25C4.5 6.66421 4.16421 7 3.75 7C3.33579 7 3 6.66421 3 6.25V5C3 3.89543 3.89543 3 5 3H6.25C6.66421 3 7 3.33579 7 3.75C7 4.16421 6.66421 4.5 6.25 4.5H5ZM10 3.75C10 3.33579 10.3358 3 10.75 3H13.25C13.6642 3 14 3.33579 14 3.75C14 4.16421 13.6642 4.5 13.25 4.5H10.75C10.3358 4.5 10 4.16421 10 3.75ZM17 3.75C17 3.33579 17.3358 3 17.75 3H19C20.1046 3 21 3.89543 21 5V6.25749C21 6.6717 20.6642 7.00749 20.25 7.00749C19.8358 7.00749 19.5 6.6717 19.5 6.25749V5C19.5 4.72386 19.2761 4.5 19 4.5H17.75C17.3358 4.5 17 4.16421 17 3.75ZM20.25 10C20.6642 10 21 10.3358 21 10.75V13.25C21 13.6642 20.6642 14 20.25 14C19.8358 14 19.5 13.6642 19.5 13.25V10.75C19.5 10.3358 19.8358 10 20.25 10ZM3.75 10C4.16421 10 4.5 10.3358 4.5 10.75V13.25C4.5 13.6642 4.16421 14 3.75 14C3.33579 14 3 13.6642 3 13.25V10.75C3 10.3358 3.33579 10 3.75 10ZM20.25 17C20.6642 17 21 17.3358 21 17.75V19C21 20.1046 20.1046 21 19 21H17.75C17.3358 21 17 20.6642 17 20.25C17 19.8358 17.3358 19.5 17.75 19.5H19C19.2761 19.5 19.5 19.2761 19.5 19V17.75C19.5 17.3358 19.8358 17 20.25 17ZM3.75 17C4.16421 17 4.5 17.3358 4.5 17.75V19C4.5 19.2761 4.72386 19.5 5 19.5H6.25C6.66421 19.5 7 19.8358 7 20.25C7 20.6642 6.66421 21 6.25 21H5C3.89543 21 3 20.1046 3 19V17.75C3 17.3358 3.33579 17 3.75 17ZM10 20.25C10 19.8358 10.3358 19.5 10.75 19.5H13.25C13.6642 19.5 14 19.8358 14 20.25C14 20.6642 13.6642 21 13.25 21H10.75C10.3358 21 10 20.6642 10 20.25Z" }) })); case "s": return (_jsxs("svg", { viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M7 2C6.72386 2 6.5 2.22386 6.5 2.5C6.5 2.77614 6.72386 3 7 3H9C9.27614 3 9.5 2.77614 9.5 2.5C9.5 2.22386 9.27614 2 9 2H7Z" }), _jsx("path", { d: "M2.5 9.5C2.22386 9.5 2 9.27614 2 9V7C2 6.72386 2.22386 6.5 2.5 6.5C2.77614 6.5 3 6.72386 3 7L3 9C3 9.27614 2.77614 9.5 2.5 9.5Z" }), _jsx("path", { d: "M6.5 13.5C6.5 13.2239 6.72386 13 7 13H9C9.27614 13 9.5 13.2239 9.5 13.5C9.5 13.7761 9.27614 14 9 14H7C6.72386 14 6.5 13.7761 6.5 13.5Z" }), _jsx("path", { d: "M13.5 9.5C13.2239 9.5 13 9.27614 13 9V7C13 6.72386 13.2239 6.5 13.5 6.5C13.7761 6.5 14 6.72386 14 7V9C14 9.27614 13.7761 9.5 13.5 9.5Z" }), _jsx("path", { d: "M4.5 2H4C2.89543 2 2 2.89543 2 4V4.5C2 4.77614 2.22386 5 2.5 5C2.77614 5 3 4.77614 3 4.5V4C3 3.44772 3.44772 3 4 3H4.5C4.77614 3 5 2.77614 5 2.5C5 2.22386 4.77614 2 4.5 2Z" }), _jsx("path", { d: "M2 11.5C2 11.2239 2.22386 11 2.5 11C2.77614 11 3 11.2239 3 11.5V12C3 12.5523 3.44772 13 4 13H4.5C4.77614 13 5 13.2239 5 13.5C5 13.7761 4.77614 14 4.5 14H4C2.89543 14 2 13.1046 2 12V11.5Z" }), _jsx("path", { d: "M13.5 11C13.2239 11 13 11.2239 13 11.5V12C13 12.5523 12.5523 13 12 13H11.5C11.2239 13 11 13.2239 11 13.5C11 13.7761 11.2239 14 11.5 14H12C13.1046 14 14 13.1046 14 12V11.5C14 11.2239 13.7761 11 13.5 11Z" }), _jsx("path", { d: "M14 4.5C14 4.77614 13.7761 5 13.5 5C13.2239 5 13 4.77614 13 4.5V4C13 3.44772 12.5523 3 12 3H11.5C11.2239 3 11 2.77614 11 2.5C11 2.22386 11.2239 2 11.5 2H12C13.1046 2 14 2.89543 14 4V4.5Z" })] })); default: return (_jsx("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: "M5 4C4.44772 4 4 4.44772 4 5V5.5C4 5.77614 3.77614 6 3.5 6C3.22386 6 3 5.77614 3 5.5V5C3 3.89543 3.89543 3 5 3L5.5 3C5.77614 3 6 3.22386 6 3.5C6 3.77614 5.77614 4 5.5 4H5ZM8 3.5C8 3.22386 8.22386 3 8.5 3H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H8.5C8.22386 4 8 3.77614 8 3.5ZM14 3.5C14 3.22386 14.2239 3 14.5 3H15C16.1046 3 17 3.89543 17 5V5.5C17 5.77614 16.7761 6 16.5 6C16.2239 6 16 5.77614 16 5.5V5C16 4.44772 15.5523 4 15 4H14.5C14.2239 4 14 3.77614 14 3.5ZM16.5 8C16.7761 8 17 8.22386 17 8.5V11.5C17 11.7761 16.7761 12 16.5 12C16.2239 12 16 11.7761 16 11.5V8.5C16 8.22386 16.2239 8 16.5 8ZM3.5 8C3.77614 8 4 8.22386 4 8.5V11.5C4 11.7761 3.77614 12 3.5 12C3.22386 12 3 11.7761 3 11.5V8.5C3 8.22386 3.22386 8 3.5 8ZM3.5 14C3.77614 14 4 14.2239 4 14.5V15C4 15.5523 4.44772 16 5 16H5.5C5.77614 16 6 16.2239 6 16.5C6 16.7761 5.77614 17 5.5 17H5C3.89543 17 3 16.1046 3 15V14.5C3 14.2239 3.22386 14 3.5 14ZM16.5 14C16.7761 14 17 14.2239 17 14.5V15C17 16.1046 16.1046 17 15 17H14.5C14.2239 17 14 16.7761 14 16.5C14 16.2239 14.2239 16 14.5 16H15C15.5523 16 16 15.5523 16 15V14.5C16 14.2239 16.2239 14 16.5 14ZM8 16.5C8 16.2239 8.22386 16 8.5 16H11.5C11.7761 16 12 16.2239 12 16.5C12 16.7761 11.7761 17 11.5 17H8.5C8.22386 17 8 16.7761 8 16.5Z" }) })); } }; IconSquareDashed.iconName = "square-dashed"; export default IconSquareDashed;