@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
15 lines (14 loc) • 5.71 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoStudioColor = (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_982)" }), _jsx("path", { d: "M3.76953 9.75004C4.01116 9.75004 4.20703 9.94592 4.20703 10.1875V10.9167C4.20703 11.4 4.59878 11.7917 5.08203 11.7917H5.8112C6.05282 11.7917 6.2487 11.9876 6.2487 12.2292C6.2487 12.4708 6.05282 12.6667 5.8112 12.6667H5.08203C4.11553 12.6667 3.33203 11.8832 3.33203 10.9167V10.1875C3.33203 9.94592 3.52791 9.75004 3.76953 9.75004Z", fill: "white" }), _jsx("path", { d: "M12.2279 9.75004C12.4695 9.75004 12.6654 9.94592 12.6654 10.1875V10.9167C12.6654 11.8832 11.8819 12.6667 10.9154 12.6667H10.1862C9.94457 12.6667 9.7487 12.4708 9.7487 12.2292C9.7487 11.9876 9.94457 11.7917 10.1862 11.7917H10.9154C11.3986 11.7917 11.7904 11.4 11.7904 10.9167V10.1875C11.7904 9.94592 11.9862 9.75004 12.2279 9.75004Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.95988 6.73767C6.01603 5.91633 6.8942 5.40929 7.63354 5.77152L7.70703 5.81083L9.7487 6.98946C10.5264 7.4385 10.5263 8.56095 9.7487 9.01005L7.70703 10.1887C6.95361 10.6237 6.01775 10.1108 5.95988 9.26184L5.95703 9.17867V6.82084L5.95988 6.73767ZM7.26953 6.56848C7.07523 6.45642 6.83233 6.59661 6.83203 6.82084V9.17867C6.83216 9.40309 7.07514 9.54326 7.26953 9.43103L9.3112 8.2524C9.50552 8.14009 9.5056 7.85935 9.3112 7.74711L7.26953 6.56848Z", fill: "white" }), _jsx("path", { d: "M5.8112 3.33337C6.05282 3.33337 6.2487 3.52925 6.2487 3.77087C6.2487 4.0125 6.05282 4.20837 5.8112 4.20837H5.08203C4.59878 4.20837 4.20703 4.60012 4.20703 5.08337V5.81254C4.20703 6.05417 4.01116 6.25004 3.76953 6.25004C3.52791 6.25004 3.33203 6.05417 3.33203 5.81254V5.08337C3.33203 4.11688 4.11553 3.33337 5.08203 3.33337H5.8112Z", fill: "white" }), _jsx("path", { d: "M10.9154 3.33337C11.8819 3.33337 12.6654 4.11688 12.6654 5.08337V5.81254C12.6654 6.05417 12.4695 6.25004 12.2279 6.25004C11.9862 6.25004 11.7904 6.05417 11.7904 5.81254V5.08337C11.7904 4.60012 11.3986 4.20837 10.9154 4.20837H10.1862C9.94457 4.20837 9.7487 4.0125 9.7487 3.77087C9.7487 3.52925 9.94457 3.33337 10.1862 3.33337H10.9154Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_982", x1: 1, y1: 1, x2: 15, y2: 15, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FF3C4E" }), _jsx("stop", { offset: 1, stopColor: "#E845BA" })] }) })] }));
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_980)" }), _jsx("path", { d: "M5.16602 12.0001C5.44216 12.0001 5.66602 12.2239 5.66602 12.5001V13.3334C5.66602 13.8857 6.11373 14.3334 6.66602 14.3334H7.49935C7.77549 14.3334 7.99935 14.5573 7.99935 14.8334C7.99935 15.1096 7.77549 15.3334 7.49935 15.3334H6.66602C5.56145 15.3334 4.66602 14.438 4.66602 13.3334V12.5001C4.66602 12.2239 4.88987 12.0001 5.16602 12.0001Z", fill: "white" }), _jsx("path", { d: "M14.8327 12.0001C15.1088 12.0001 15.3327 12.2239 15.3327 12.5001V13.3334C15.3327 14.438 14.4373 15.3334 13.3327 15.3334H12.4993C12.2232 15.3334 11.9993 15.1096 11.9993 14.8334C11.9993 14.5573 12.2232 14.3334 12.4993 14.3334H13.3327C13.885 14.3334 14.3327 13.8857 14.3327 13.3334V12.5001C14.3327 12.2239 14.5565 12.0001 14.8327 12.0001Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.66927 8.55737C7.73345 7.6187 8.73706 7.03923 9.58203 7.45321L9.66602 7.49813L11.9993 8.84513C12.8881 9.35832 12.8881 10.6411 11.9993 11.1544L9.66602 12.5014C8.80496 12.9985 7.73541 12.4123 7.66927 11.4421L7.66602 11.3471V8.65242L7.66927 8.55737ZM9.16602 8.36401C8.94395 8.23594 8.66636 8.39616 8.66602 8.65242V11.3471C8.66616 11.6036 8.94385 11.7638 9.16602 11.6355L11.4993 10.2885C11.7214 10.1601 11.7215 9.83929 11.4993 9.71102L9.16602 8.36401Z", fill: "white" }), _jsx("path", { d: "M7.49935 4.66675C7.77549 4.66675 7.99935 4.89061 7.99935 5.16675C7.99935 5.44289 7.77549 5.66675 7.49935 5.66675H6.66602C6.11373 5.66675 5.66602 6.11446 5.66602 6.66675V7.50008C5.66602 7.77622 5.44216 8.00008 5.16602 8.00008C4.88987 8.00008 4.66602 7.77622 4.66602 7.50008V6.66675C4.66602 5.56218 5.56145 4.66675 6.66602 4.66675H7.49935Z", fill: "white" }), _jsx("path", { d: "M13.3327 4.66675C14.4373 4.66675 15.3327 5.56218 15.3327 6.66675V7.50008C15.3327 7.77622 15.1088 8.00008 14.8327 8.00008C14.5565 8.00008 14.3327 7.77622 14.3327 7.50008V6.66675C14.3327 6.11446 13.885 5.66675 13.3327 5.66675H12.4993C12.2232 5.66675 11.9993 5.44289 11.9993 5.16675C11.9993 4.89061 12.2232 4.66675 12.4993 4.66675H13.3327Z", fill: "white" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_8360_980", x1: 2, y1: 2, x2: 18, y2: 18, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FF3C4E" }), _jsx("stop", { offset: 1, stopColor: "#E845BA" })] }) })] }));
}
};
IconLogoStudioColor.iconName = "logo-studio--color";
export default IconLogoStudioColor;