@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 4.46 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoCameraHubColor = (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_930)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 5.95841C9.12758 5.95841 10.0417 6.8725 10.0417 8.00008C10.0417 9.12766 9.12758 10.0417 8 10.0417C6.87242 10.0417 5.95833 9.12766 5.95833 8.00008C5.95833 6.8725 6.87242 5.95841 8 5.95841ZM8 6.83341C7.35567 6.83341 6.83333 7.35575 6.83333 8.00008C6.83333 8.64441 7.35567 9.16675 8 9.16675C8.64433 9.16675 9.16667 8.64441 9.16667 8.00008C9.16667 7.35575 8.64433 6.83341 8 6.83341Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.6797 3.91675C11.0802 3.91675 11.4765 4.04667 11.7563 4.33317C12.6803 5.27934 13.25 6.57315 13.25 8.00008C13.25 9.42702 12.6803 10.7208 11.7563 11.667L11.7028 11.7188C11.4272 11.9693 11.0553 12.0834 10.6797 12.0834H5.32031L5.17049 12.0771C4.8473 12.0504 4.53607 11.9359 4.2972 11.7188L4.24365 11.667C3.31973 10.7208 2.75 9.42701 2.75 8.00008C2.75 6.66235 3.25061 5.44184 4.07446 4.51489L4.24365 4.33317C4.48855 4.08249 4.82253 3.95182 5.17049 3.92301L5.32031 3.91675H10.6797ZM5.32031 4.79175C5.09789 4.79175 4.94872 4.86408 4.86971 4.94499C4.09883 5.73445 3.625 6.81091 3.625 8.00008C3.625 9.18925 4.09883 10.2657 4.86971 11.0552C4.94872 11.1361 5.09789 11.2084 5.32031 11.2084H10.6797C10.9021 11.2084 11.0513 11.1361 11.1303 11.0552C11.9012 10.2657 12.375 9.18925 12.375 8.00008C12.375 6.81091 11.9012 5.73445 11.1303 4.94499C11.0513 4.86408 10.9021 4.79175 10.6797 4.79175H5.32031Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_930", x1: 15, y1: 15, x2: 1, y2: 1, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#BF81FF" }), _jsx("stop", { offset: 1, stopColor: "#8E2CDC" })] }) })] }));
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_928)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 7.66671C11.2887 7.66671 12.3333 8.71138 12.3333 10C12.3333 11.2887 11.2887 12.3334 10 12.3334C8.71134 12.3334 7.66667 11.2887 7.66667 10C7.66667 8.71138 8.71134 7.66671 10 7.66671ZM10 8.66671C9.26362 8.66671 8.66667 9.26366 8.66667 10C8.66667 10.7364 9.26362 11.3334 10 11.3334C10.7364 11.3334 11.3333 10.7364 11.3333 10C11.3333 9.26366 10.7364 8.66671 10 8.66671Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.0625 5.33337C13.5203 5.33337 13.9731 5.48186 14.293 5.80929C15.3489 6.89062 16 8.36926 16 10C16 11.6308 15.3489 13.1095 14.293 14.1908L14.2318 14.25C13.9168 14.5363 13.4917 14.6667 13.0625 14.6667H6.9375L6.76628 14.6595C6.39692 14.629 6.04123 14.4981 5.76823 14.25L5.70703 14.1908C4.65112 13.1095 4 11.6308 4 10C4 8.47121 4.57213 7.07634 5.51367 6.01697L5.70703 5.80929C5.98691 5.52279 6.3686 5.37346 6.76628 5.34054L6.9375 5.33337H13.0625ZM6.9375 6.33337C6.68331 6.33337 6.51282 6.41604 6.42253 6.5085C5.54152 7.41075 5 8.64099 5 10C5 11.3591 5.54152 12.5893 6.42253 13.4916C6.51282 13.584 6.68331 13.6667 6.9375 13.6667H13.0625C13.3167 13.6667 13.4872 13.584 13.5775 13.4916C14.4585 12.5893 15 11.3591 15 10C15 8.64099 14.4585 7.41075 13.5775 6.5085C13.4872 6.41604 13.3167 6.33337 13.0625 6.33337H6.9375Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_928", x1: 18, y1: 18, x2: 2, y2: 2, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#BF81FF" }), _jsx("stop", { offset: 1, stopColor: "#8E2CDC" })] }) })] }));
}
};
IconLogoCameraHubColor.iconName = "logo-camera-hub--color";
export default IconLogoCameraHubColor;