@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 4.32 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoWaveLinkColor = (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_839)" }), _jsx("path", { d: "M8.00065 3.33337C8.24228 3.33337 8.43815 3.52925 8.43815 3.77087V12.2292C8.43815 12.4708 8.24228 12.6667 8.00065 12.6667C7.75903 12.6667 7.56315 12.4708 7.56315 12.2292V3.77087C7.56315 3.52925 7.75903 3.33337 8.00065 3.33337Z", fill: "white" }), _jsx("path", { d: "M3.77148 5.08337C4.01311 5.08337 4.20898 5.27925 4.20898 5.52087V10.4792C4.20898 10.7208 4.01311 10.9167 3.77148 10.9167C3.52986 10.9167 3.33398 10.7208 3.33398 10.4792V5.52087C3.33398 5.27925 3.52986 5.08337 3.77148 5.08337Z", fill: "white" }), _jsx("path", { d: "M10.1152 5.08337C10.3569 5.08337 10.5527 5.27925 10.5527 5.52087V10.4792C10.5527 10.7208 10.3569 10.9167 10.1152 10.9167C9.87361 10.9167 9.67773 10.7208 9.67773 10.4792V5.52087C9.67773 5.27925 9.87361 5.08337 10.1152 5.08337Z", fill: "white" }), _jsx("path", { d: "M5.88607 6.83337C6.12769 6.83337 6.32357 7.02925 6.32357 7.27087V8.72921C6.32357 8.97083 6.12769 9.16671 5.88607 9.16671C5.64444 9.16671 5.44857 8.97083 5.44857 8.72921V7.27087C5.44857 7.02925 5.64444 6.83337 5.88607 6.83337Z", fill: "white" }), _jsx("path", { d: "M12.2298 6.83337C12.4714 6.83337 12.6673 7.02925 12.6673 7.27087V8.72921C12.6673 8.97083 12.4714 9.16671 12.2298 9.16671C11.9882 9.16671 11.7923 8.97083 11.7923 8.72921V7.27087C11.7923 7.02925 11.9882 6.83337 12.2298 6.83337Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_839", x1: 1, y1: 1, x2: 15, y2: 15, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#17A9E5" }), _jsx("stop", { offset: 1, stopColor: "#44CB62" })] }) })] }));
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_837)" }), _jsx("path", { d: "M10.0013 4.66675C10.2774 4.66675 10.5013 4.89061 10.5013 5.16675V14.8334C10.5013 15.1096 10.2774 15.3334 10.0013 15.3334C9.72516 15.3334 9.5013 15.1096 9.5013 14.8334V5.16675C9.5013 4.89061 9.72516 4.66675 10.0013 4.66675Z", fill: "white" }), _jsx("path", { d: "M5.16797 6.66675C5.44411 6.66675 5.66797 6.89061 5.66797 7.16675V12.8334C5.66797 13.1096 5.44411 13.3334 5.16797 13.3334C4.89183 13.3334 4.66797 13.1096 4.66797 12.8334V7.16675C4.66797 6.89061 4.89183 6.66675 5.16797 6.66675Z", fill: "white" }), _jsx("path", { d: "M12.418 6.66675C12.6941 6.66675 12.918 6.89061 12.918 7.16675V12.8334C12.918 13.1096 12.6941 13.3334 12.418 13.3334C12.1418 13.3334 11.918 13.1096 11.918 12.8334V7.16675C11.918 6.89061 12.1418 6.66675 12.418 6.66675Z", fill: "white" }), _jsx("path", { d: "M7.58464 8.66675C7.86078 8.66675 8.08464 8.89061 8.08464 9.16675V10.8334C8.08464 11.1096 7.86078 11.3334 7.58464 11.3334C7.30849 11.3334 7.08464 11.1096 7.08464 10.8334V9.16675C7.08464 8.89061 7.30849 8.66675 7.58464 8.66675Z", fill: "white" }), _jsx("path", { d: "M14.8346 8.66675C15.1108 8.66675 15.3346 8.89061 15.3346 9.16675V10.8334C15.3346 11.1096 15.1108 11.3334 14.8346 11.3334C14.5585 11.3334 14.3346 11.1096 14.3346 10.8334V9.16675C14.3346 8.89061 14.5585 8.66675 14.8346 8.66675Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_837", x1: 2, y1: 2, x2: 18, y2: 18, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#17A9E5" }), _jsx("stop", { offset: 1, stopColor: "#44CB62" })] }) })] }));
}
};
IconLogoWaveLinkColor.iconName = "logo-wave-link--color";
export default IconLogoWaveLinkColor;