@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 7.59 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoStreamDeckColor = (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_706)" }), _jsx("path", { d: "M3.77214 10.09C4.17475 10.09 4.50115 10.4168 4.5013 10.8192C4.50115 11.2216 4.17475 11.5484 3.77214 11.5484C3.36952 11.5484 3.04312 11.2216 3.04297 10.8192C3.04312 10.4168 3.36952 10.09 3.77214 10.09Z", fill: "white" }), _jsx("path", { d: "M6.59196 10.09C6.99457 10.09 7.32097 10.4168 7.32113 10.8192C7.32097 11.2216 6.99457 11.5484 6.59196 11.5484C6.18935 11.5484 5.86295 11.2216 5.86279 10.8192C5.86295 10.4168 6.18935 10.09 6.59196 10.09Z", fill: "white" }), _jsx("path", { d: "M9.41178 10.09C9.8144 10.09 10.1408 10.4168 10.141 10.8192C10.1408 11.2216 9.8144 11.5484 9.41178 11.5484C9.00917 11.5484 8.68277 11.2216 8.68262 10.8192C8.68277 10.4168 9.00917 10.09 9.41178 10.09Z", fill: "white" }), _jsx("path", { d: "M12.2316 10.09C12.6342 10.09 12.9606 10.4168 12.9608 10.8192C12.9606 11.2216 12.6342 11.5484 12.2316 11.5484C11.829 11.5484 11.5026 11.2216 11.5024 10.8192C11.5026 10.4168 11.829 10.09 12.2316 10.09Z", fill: "white" }), _jsx("path", { d: "M3.77214 7.27079C4.17475 7.27079 4.50115 7.59754 4.5013 7.99996C4.50115 8.40238 4.17475 8.72913 3.77214 8.72913C3.36952 8.72913 3.04312 8.40238 3.04297 7.99996C3.04312 7.59754 3.36952 7.27079 3.77214 7.27079Z", fill: "white" }), _jsx("path", { d: "M6.59196 7.27079C6.99457 7.27079 7.32097 7.59754 7.32113 7.99996C7.32097 8.40238 6.99457 8.72913 6.59196 8.72913C6.18935 8.72913 5.86295 8.40238 5.86279 7.99996C5.86295 7.59754 6.18935 7.27079 6.59196 7.27079Z", fill: "white" }), _jsx("path", { d: "M9.41178 7.27079C9.8144 7.27079 10.1408 7.59754 10.141 7.99996C10.1408 8.40238 9.8144 8.72913 9.41178 8.72913C9.00917 8.72913 8.68277 8.40238 8.68262 7.99996C8.68277 7.59754 9.00917 7.27079 9.41178 7.27079Z", fill: "white" }), _jsx("path", { d: "M12.2316 7.27079C12.6342 7.27079 12.9606 7.59754 12.9608 7.99996C12.9606 8.40238 12.6342 8.72913 12.2316 8.72913C11.829 8.72913 11.5026 8.40238 11.5024 7.99996C11.5026 7.59754 11.829 7.27079 12.2316 7.27079Z", fill: "white" }), _jsx("path", { d: "M3.77214 4.45154C4.17475 4.45154 4.50115 4.77828 4.5013 5.1807C4.50115 5.58312 4.17475 5.90987 3.77214 5.90987C3.36952 5.90987 3.04312 5.58312 3.04297 5.1807C3.04312 4.77828 3.36952 4.45154 3.77214 4.45154Z", fill: "white" }), _jsx("path", { d: "M6.59196 4.45154C6.99457 4.45154 7.32097 4.77828 7.32113 5.1807C7.32097 5.58312 6.99457 5.90987 6.59196 5.90987C6.18935 5.90987 5.86295 5.58312 5.86279 5.1807C5.86295 4.77828 6.18935 4.45154 6.59196 4.45154Z", fill: "white" }), _jsx("path", { d: "M9.41178 4.45154C9.8144 4.45154 10.1408 4.77828 10.141 5.1807C10.1408 5.58312 9.8144 5.90987 9.41178 5.90987C9.00917 5.90987 8.68277 5.58312 8.68262 5.1807C8.68277 4.77828 9.00917 4.45154 9.41178 4.45154Z", fill: "white" }), _jsx("path", { d: "M12.2316 4.45154C12.6342 4.45154 12.9606 4.77828 12.9608 5.1807C12.9606 5.58312 12.6342 5.90987 12.2316 5.90987C11.829 5.90987 11.5026 5.58312 11.5024 5.1807C11.5026 4.77828 11.829 4.45154 12.2316 4.45154Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_706", x1: 1, y1: 1, x2: 15, y2: 15, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#204CFE" }), _jsx("stop", { offset: 1, stopColor: "#A638FE" })] }) })] }));
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_589)" }), _jsx("path", { d: "M5.16732 12.3886C5.62745 12.3886 6.00048 12.762 6.00065 13.2219C6.00048 13.6818 5.62745 14.0553 5.16732 14.0553C4.70719 14.0553 4.33416 13.6818 4.33398 13.2219C4.33416 12.762 4.70719 12.3886 5.16732 12.3886Z", fill: "white" }), _jsx("path", { d: "M8.38997 12.3886C8.8501 12.3886 9.22313 12.762 9.22331 13.2219C9.22313 13.6818 8.8501 14.0553 8.38997 14.0553C7.92984 14.0553 7.55682 13.6818 7.55664 13.2219C7.55682 12.762 7.92984 12.3886 8.38997 12.3886Z", fill: "white" }), _jsx("path", { d: "M11.6126 12.3886C12.0728 12.3886 12.4458 12.762 12.446 13.2219C12.4458 13.6818 12.0728 14.0553 11.6126 14.0553C11.1525 14.0553 10.7795 13.6818 10.7793 13.2219C10.7795 12.762 11.1525 12.3886 11.6126 12.3886Z", fill: "white" }), _jsx("path", { d: "M14.8353 12.3886C15.2954 12.3886 15.6684 12.762 15.6686 13.2219C15.6684 13.6818 15.2954 14.0553 14.8353 14.0553C14.3752 14.0553 14.0021 13.6818 14.002 13.2219C14.0021 12.762 14.3752 12.3886 14.8353 12.3886Z", fill: "white" }), _jsx("path", { d: "M5.16732 9.16659C5.62745 9.16659 6.00048 9.54001 6.00065 9.99992C6.00048 10.4598 5.62745 10.8333 5.16732 10.8333C4.70719 10.8333 4.33416 10.4598 4.33398 9.99992C4.33416 9.54001 4.70719 9.16659 5.16732 9.16659Z", fill: "white" }), _jsx("path", { d: "M8.38997 9.16659C8.8501 9.16659 9.22313 9.54001 9.22331 9.99992C9.22313 10.4598 8.8501 10.8333 8.38997 10.8333C7.92984 10.8333 7.55682 10.4598 7.55664 9.99992C7.55682 9.54001 7.92984 9.16659 8.38997 9.16659Z", fill: "white" }), _jsx("path", { d: "M11.6126 9.16659C12.0728 9.16659 12.4458 9.54001 12.446 9.99992C12.4458 10.4598 12.0728 10.8333 11.6126 10.8333C11.1525 10.8333 10.7795 10.4598 10.7793 9.99992C10.7795 9.54001 11.1525 9.16659 11.6126 9.16659Z", fill: "white" }), _jsx("path", { d: "M14.8353 9.16659C15.2954 9.16659 15.6684 9.54001 15.6686 9.99992C15.6684 10.4598 15.2954 10.8333 14.8353 10.8333C14.3752 10.8333 14.0021 10.4598 14.002 9.99992C14.0021 9.54001 14.3752 9.16659 14.8353 9.16659Z", fill: "white" }), _jsx("path", { d: "M5.16732 5.94458C5.62745 5.94458 6.00048 6.31801 6.00065 6.77791C6.00048 7.23782 5.62745 7.61125 5.16732 7.61125C4.70719 7.61125 4.33416 7.23782 4.33398 6.77791C4.33416 6.31801 4.70719 5.94458 5.16732 5.94458Z", fill: "white" }), _jsx("path", { d: "M8.38997 5.94458C8.8501 5.94458 9.22313 6.31801 9.22331 6.77791C9.22313 7.23782 8.8501 7.61125 8.38997 7.61125C7.92984 7.61125 7.55682 7.23782 7.55664 6.77791C7.55682 6.31801 7.92984 5.94458 8.38997 5.94458Z", fill: "white" }), _jsx("path", { d: "M11.6126 5.94458C12.0728 5.94458 12.4458 6.31801 12.446 6.77791C12.4458 7.23782 12.0728 7.61125 11.6126 7.61125C11.1525 7.61125 10.7795 7.23782 10.7793 6.77791C10.7795 6.31801 11.1525 5.94458 11.6126 5.94458Z", fill: "white" }), _jsx("path", { d: "M14.8353 5.94458C15.2954 5.94458 15.6684 6.31801 15.6686 6.77791C15.6684 7.23782 15.2954 7.61125 14.8353 7.61125C14.3752 7.61125 14.0021 7.23782 14.002 6.77791C14.0021 6.31801 14.3752 5.94458 14.8353 5.94458Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_589", x1: 2, y1: 2, x2: 18, y2: 18, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#204CFE" }), _jsx("stop", { offset: 1, stopColor: "#A638FE" })] }) })] }));
}
};
IconLogoStreamDeckColor.iconName = "logo-stream-deck--color";
export default IconLogoStreamDeckColor;