@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 6.05 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoControlCenterColor = (props) => {
const size = sizeMap[props?.size ?? "m"];
const label = props?.label ?? "Icon";
switch (props?.size) {
case "s":
return (_jsxs("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M1 4.5C1 2.567 2.567 1 4.5 1H11.5C13.433 1 15 2.567 15 4.5V11.5C15 13.433 13.433 15 11.5 15H4.5C2.567 15 1 13.433 1 11.5V4.5Z", fill: "url(#paint0_linear_8360_966)" }), _jsx("path", { d: "M8 11.2083C8.24153 11.2084 8.4375 11.4043 8.4375 11.6458V12.8125C8.4375 13.0541 8.24153 13.2499 8 13.25C7.75838 13.25 7.5625 13.0541 7.5625 12.8125V11.6458C7.5625 11.4042 7.75838 11.2083 8 11.2083Z", fill: "white" }), _jsx("path", { d: "M5.11239 10.2684C5.28319 10.0977 5.5602 10.0978 5.73104 10.2684C5.90189 10.4392 5.90189 10.7168 5.73104 10.8876L4.90617 11.7125C4.73534 11.8832 4.45834 11.8832 4.28752 11.7125C4.1167 11.5417 4.11677 11.2647 4.28752 11.0938L5.11239 10.2684Z", fill: "white" }), _jsx("path", { d: "M10.2684 10.2684C10.4392 10.0977 10.7162 10.0977 10.887 10.2684L11.7119 11.0938C11.8827 11.2647 11.8828 11.5416 11.7119 11.7125C11.5411 11.8831 11.2641 11.8833 11.0933 11.7125L10.2684 10.8876C10.0975 10.7168 10.0975 10.4392 10.2684 10.2684Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.95833C8.97734 5.95833 9.79347 6.64525 9.99381 7.5625H12.8125C13.0541 7.5625 13.25 7.75838 13.25 8C13.25 8.24162 13.0541 8.4375 12.8125 8.4375H9.99381C9.79347 9.35475 8.97734 10.0417 8 10.0417C7.02265 10.0417 6.20653 9.35475 6.00618 8.4375H3.1875C2.94588 8.4375 2.75 8.24162 2.75 8C2.75 7.75838 2.94588 7.5625 3.1875 7.5625H6.00618C6.20653 6.64525 7.02265 5.95833 8 5.95833ZM8 6.83333C7.35567 6.83333 6.83333 7.35567 6.83333 8C6.83333 8.64433 7.35567 9.16667 8 9.16667C8.64433 9.16667 9.16667 8.64433 9.16667 8C9.16667 7.35567 8.64433 6.83333 8 6.83333Z", fill: "white" }), _jsx("path", { d: "M4.28752 4.28752C4.45834 4.1168 4.73534 4.1168 4.90617 4.28752L5.73104 5.11239C5.90189 5.28324 5.90189 5.56075 5.73104 5.73161C5.5602 5.90225 5.28319 5.90231 5.11239 5.73161L4.28752 4.90617C4.11677 4.73531 4.1167 4.45834 4.28752 4.28752Z", fill: "white" }), _jsx("path", { d: "M11.0933 4.28752C11.2641 4.11675 11.5411 4.11685 11.7119 4.28752C11.8828 4.45836 11.8827 4.73531 11.7119 4.90617L10.887 5.73161C10.7162 5.90226 10.4392 5.9023 10.2684 5.73161C10.0975 5.56075 10.0975 5.28324 10.2684 5.11239L11.0933 4.28752Z", fill: "white" }), _jsx("path", { d: "M8 2.75C8.24153 2.75011 8.4375 2.94594 8.4375 3.1875V4.35417C8.4375 4.59572 8.24153 4.79156 8 4.79167C7.75838 4.79167 7.5625 4.59579 7.5625 4.35417V3.1875C7.5625 2.94588 7.75838 2.75 8 2.75Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_966", x1: 1, y1: 1, x2: 15, y2: 15, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FB7900" }), _jsx("stop", { offset: 1, stopColor: "#E5C700" })] }) })] }));
default:
return (_jsxs("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M2 6C2 3.79086 3.79086 2 6 2H14C16.2091 2 18 3.79086 18 6V14C18 16.2091 16.2091 18 14 18H6C3.79086 18 2 16.2091 2 14V6Z", fill: "url(#paint0_linear_8360_964)" }), _jsx("path", { d: "M10 13.6667C10.276 13.6668 10.5 13.8906 10.5 14.1667V15.5C10.5 15.7761 10.276 15.9999 10 16C9.72386 16 9.5 15.7761 9.5 15.5V14.1667C9.5 13.8905 9.72386 13.6667 10 13.6667Z", fill: "white" }), _jsx("path", { d: "M6.69987 12.5924C6.89507 12.3974 7.21166 12.3974 7.4069 12.5924C7.60216 12.7877 7.60216 13.1049 7.4069 13.3001L6.46419 14.2428C6.26896 14.4379 5.95239 14.4379 5.75716 14.2428C5.56194 14.0476 5.56202 13.7311 5.75716 13.5358L6.69987 12.5924Z", fill: "white" }), _jsx("path", { d: "M12.5924 12.5924C12.7877 12.3974 13.1042 12.3974 13.2995 12.5924L14.2422 13.5358C14.4374 13.7311 14.4374 14.0476 14.2422 14.2428C14.0469 14.4379 13.7304 14.438 13.5352 14.2428L12.5924 13.3001C12.3972 13.1049 12.3972 12.7877 12.5924 12.5924Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 7.66667C11.117 7.66667 12.0497 8.45171 12.2786 9.5H15.5C15.7761 9.5 16 9.72386 16 10C16 10.2761 15.7761 10.5 15.5 10.5H12.2786C12.0497 11.5483 11.117 12.3333 10 12.3333C8.88303 12.3333 7.95032 11.5483 7.72135 10.5H4.5C4.22386 10.5 4 10.2761 4 10C4 9.72386 4.22386 9.5 4.5 9.5H7.72135C7.95032 8.45171 8.88303 7.66667 10 7.66667ZM10 8.66667C9.26362 8.66667 8.66667 9.26362 8.66667 10C8.66667 10.7364 9.26362 11.3333 10 11.3333C10.7364 11.3333 11.3333 10.7364 11.3333 10C11.3333 9.26362 10.7364 8.66667 10 8.66667Z", fill: "white" }), _jsx("path", { d: "M5.75716 5.75716C5.95239 5.56205 6.26896 5.56206 6.46419 5.75716L7.4069 6.69987C7.60216 6.89513 7.60216 7.21229 7.4069 7.40755C7.21166 7.60257 6.89507 7.60264 6.69987 7.40755L5.75716 6.46419C5.56202 6.26892 5.56194 5.95238 5.75716 5.75716Z", fill: "white" }), _jsx("path", { d: "M13.5352 5.75716C13.7304 5.562 14.0469 5.56212 14.2422 5.75716C14.4374 5.95241 14.4374 6.26893 14.2422 6.46419L13.2995 7.40755C13.1042 7.60258 12.7877 7.60263 12.5924 7.40755C12.3972 7.21229 12.3972 6.89513 12.5924 6.69987L13.5352 5.75716Z", fill: "white" }), _jsx("path", { d: "M10 4C10.276 4.00013 10.5 4.22394 10.5 4.5V5.83333C10.5 6.1094 10.276 6.33321 10 6.33333C9.72386 6.33333 9.5 6.10948 9.5 5.83333V4.5C9.5 4.22386 9.72386 4 10 4Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_964", x1: 2, y1: 2, x2: 18, y2: 18, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FB7900" }), _jsx("stop", { offset: 1, stopColor: "#E5C700" })] }) })] }));
}
};
IconLogoControlCenterColor.iconName = "logo-control-center--color";
export default IconLogoControlCenterColor;