@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
23 lines (22 loc) • 14 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoObsColor = (props) => {
const size = sizeMap[props?.size ?? "m"];
const label = props?.label ?? "Icon";
switch (props?.size) {
case "l":
return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M12 2C17.5229 2 22 6.47714 22 12C22 17.5229 17.5229 22 12 22C6.47714 22 2 17.5229 2 12C2 6.47714 6.47714 2 12 2Z", fill: "url(#paint0_radial_2188_1195)" }), _jsx("path", { d: "M2.86719 12C2.86719 17.0443 6.95627 21.1332 12.0004 21.1332C17.0445 21.1332 21.1338 17.0443 21.1338 12C21.1338 6.95591 17.0447 2.86682 12.0004 2.86682C6.95607 2.86682 2.86719 6.95591 2.86719 12Z", fill: "url(#paint1_radial_2188_1195)" }), _jsx("mask", { id: "mask0_2188_1195", style: {
maskType: "luminance",
}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 20, height: 20, children: _jsx("path", { d: "M2.86719 12C2.86719 17.0443 6.95627 21.1332 12.0004 21.1332C17.0445 21.1332 21.1338 17.0443 21.1338 12C21.1338 6.95591 17.0447 2.86682 12.0004 2.86682C6.95607 2.86682 2.86719 6.95591 2.86719 12Z", fill: "white" }) }), _jsx("g", { mask: "url(#mask0_2188_1195)", children: _jsx("path", { d: "M21.1338 2.86682H2.86719V21.1332H21.1338V2.86682Z", fill: "url(#paint2_radial_2188_1195)" }) }), _jsx("mask", { id: "mask1_2188_1195", style: {
maskType: "luminance",
}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 20, height: 20, children: _jsx("path", { d: "M2.94238 12.0001C2.94238 17.0026 6.99774 21.058 12.0003 21.058C17.0029 21.058 21.0582 17.0028 21.0582 12.0001C21.0582 6.9975 17.0029 2.94214 12.0003 2.94214C6.99774 2.94214 2.94238 6.9975 2.94238 12.0001Z", fill: "white" }) }), _jsx("g", { mask: "url(#mask1_2188_1195)", children: _jsx("path", { d: "M21.0582 2.94214H2.94238V21.0578H21.0582V2.94214Z", fill: "url(#paint3_radial_2188_1195)" }) }), _jsx("path", { d: "M15.554 9.08768C15.2809 9.56347 14.9149 9.97954 14.4779 10.3112C14.0409 10.6429 13.5417 10.8835 13.01 11.0186C12.4782 11.1537 11.9248 11.1807 11.3824 11.0979C10.8401 11.0151 10.3199 10.8242 9.85267 10.5366C9.50876 10.3238 9.19762 10.0622 8.92905 9.7598C8.22216 8.96287 7.85402 7.92164 7.90291 6.8575C7.90875 6.73844 7.91872 6.61971 7.93431 6.50153C7.94968 6.38505 7.97022 6.26908 7.99555 6.15452C8.02155 6.03691 8.05272 5.92063 8.08906 5.8057C8.12432 5.69383 8.16451 5.58365 8.20964 5.47516C8.25641 5.36236 8.30856 5.25195 8.36483 5.14362C8.42408 5.02953 8.48972 4.91854 8.55981 4.8108C8.62445 4.71142 8.6933 4.61503 8.76636 4.52162C8.84562 4.41981 8.92985 4.32158 9.01871 4.22804C9.10839 4.13361 9.20209 4.04338 9.29981 3.95736C9.39931 3.8697 9.50365 3.78771 9.61116 3.71013C9.66658 3.67014 9.72304 3.63167 9.78054 3.59473C8.61244 4.19154 7.72396 5.22139 7.30483 6.46436C6.8857 7.70734 6.96915 9.06492 7.53734 10.2472C7.54859 10.2706 7.56002 10.2938 7.57163 10.317C7.5769 10.3276 7.58222 10.3381 7.58756 10.3486C7.59007 10.3552 7.59331 10.3615 7.59723 10.3674C7.60388 10.3748 7.60555 10.3736 7.61573 10.3734C7.66875 10.3724 7.72181 10.3727 7.77482 10.3738C7.87276 10.3759 7.97056 10.3815 8.06819 10.3906C8.97108 10.4759 9.82027 10.8579 10.4831 11.4769C11.146 12.0959 11.5851 12.917 11.732 13.8119C11.7983 14.2214 11.8028 14.6384 11.7452 15.0492C11.6358 15.8239 11.3063 16.5509 10.7959 17.1439C10.5033 17.4837 10.1576 17.7739 9.77225 18.0032C9.00304 18.4575 8.10678 18.6487 7.21914 18.548C7.05862 18.5297 6.8993 18.502 6.74198 18.4652C6.6401 18.4412 6.53921 18.4131 6.43945 18.3815C6.88762 18.5801 7.3626 18.7115 7.8491 18.7716C8.303 18.8277 8.76238 18.8221 9.2148 18.7552C10.0239 18.6347 10.7912 18.3177 11.4496 17.8321C11.9327 17.476 12.3487 17.0368 12.678 16.535C12.6922 16.5133 12.7063 16.4914 12.7203 16.4694C12.7257 16.4609 12.7378 16.4474 12.7362 16.4384C12.7308 16.4242 12.7235 16.4107 12.7146 16.3984C12.6871 16.3469 12.6608 16.2948 12.6356 16.2421C12.5849 16.1364 12.5388 16.0285 12.4973 15.9186C12.4134 15.6959 12.3491 15.4663 12.3052 15.2324C12.2113 14.7296 12.2116 14.2138 12.3061 13.7111C12.3865 13.284 12.5348 12.8726 12.7453 12.4925C13.0965 11.8546 13.6115 11.3219 14.2372 10.9493C14.8629 10.5768 15.5766 10.3779 16.3048 10.3731C16.4054 10.3724 16.5059 10.3753 16.6064 10.3818C16.7032 10.3883 16.7998 10.398 16.8961 10.411C16.9914 10.424 17.0862 10.4404 17.1804 10.4602C17.2727 10.4797 17.3642 10.5023 17.4551 10.5279C17.544 10.5531 17.6321 10.5813 17.7192 10.6126C17.8075 10.6443 17.8946 10.679 17.9805 10.7167C18.0681 10.755 18.1542 10.7964 18.2388 10.841C18.3234 10.8855 18.4063 10.9328 18.4877 10.9831C18.564 11.0303 18.6391 11.0798 18.7121 11.1322C18.7873 11.1862 18.8609 11.2425 18.9327 11.301C19.0068 11.3613 19.0783 11.4248 19.1478 11.4902C19.2219 11.5599 19.2932 11.6323 19.3618 11.7075C19.4304 11.7821 19.496 11.8594 19.5587 11.9392C19.6286 12.028 19.6952 12.1196 19.7573 12.214C19.8212 12.311 19.8815 12.4105 19.9372 12.5125C20.0148 12.6548 20.084 12.8015 20.1443 12.9519C20.2092 13.1154 20.264 13.2828 20.3082 13.4531C20.1886 12.5423 19.8209 11.682 19.2455 10.966C18.8224 10.4388 18.2979 10.0019 17.7029 9.68107C17.0927 9.35223 16.4207 9.154 15.7297 9.09901C15.6712 9.09433 15.6127 9.09067 15.554 9.08802L15.554 9.08768Z", fill: "url(#paint4_radial_2188_1195)" }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: "paint0_radial_2188_1195", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12 12) scale(9.77369)", children: [_jsx("stop", { offset: 0.99, stopColor: "white" }), _jsx("stop", { offset: 0.99505, stopColor: "#FDFDFD" }), _jsx("stop", { offset: 0.99687, stopColor: "#F6F6F6" }), _jsx("stop", { offset: 0.99817, stopColor: "#EBEBEB" }), _jsx("stop", { offset: 0.99921, stopColor: "#DADADA" }), _jsx("stop", { offset: 1, stopColor: "#C7C7C7" })] }), _jsxs("radialGradient", { id: "paint1_radial_2188_1195", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.0004 12) scale(9.1332)", children: [_jsx("stop", { offset: 0.99, stopOpacity: 0.5 }), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint2_radial_2188_1195", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.0004 12) scale(9.1332)", children: [_jsx("stop", { offset: 0.99, stopOpacity: 0.5 }), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint3_radial_2188_1195", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.0002 12.0312) scale(9.0578 9.0578)", children: [_jsx("stop", {}), _jsx("stop", { offset: 1, stopColor: "#322F32" })] }), _jsxs("radialGradient", { id: "paint4_radial_2188_1195", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.3738 11.2025) scale(7.27867 7.98543)", children: [_jsx("stop", { stopColor: "#C2C0C2" }), _jsx("stop", { offset: 1, stopColor: "#EBEBEB" })] })] })] }));
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: "M10 2C14.4183 2 18 5.58171 18 10C18 14.4183 14.4183 18 10 18C5.58171 18 2 14.4183 2 10C2 5.58171 5.58171 2 10 2Z", fill: "url(#paint0_radial_6597_14)" }), _jsx("path", { d: "M2.69336 10C2.69336 14.0355 5.96463 17.3066 9.99992 17.3066C14.0352 17.3066 17.3066 14.0355 17.3066 10C17.3066 5.96475 14.0354 2.69348 9.99992 2.69348C5.96446 2.69348 2.69336 5.96475 2.69336 10Z", fill: "url(#paint1_radial_6597_14)" }), _jsx("mask", { id: "mask0_6597_14", style: {
maskType: "luminance",
}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16, children: _jsx("path", { d: "M2.69336 10C2.69336 14.0355 5.96463 17.3066 9.99992 17.3066C14.0352 17.3066 17.3066 14.0355 17.3066 10C17.3066 5.96475 14.0354 2.69348 9.99992 2.69348C5.96446 2.69348 2.69336 5.96475 2.69336 10Z", fill: "white" }) }), _jsx("g", { mask: "url(#mask0_6597_14)", children: _jsx("path", { d: "M17.3066 2.69348H2.69336V17.3066H17.3066V2.69348Z", fill: "url(#paint2_radial_6597_14)" }) }), _jsx("mask", { id: "mask1_6597_14", style: {
maskType: "luminance",
}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16, children: _jsx("path", { d: "M2.75391 10C2.75391 14.0021 5.99819 17.2464 10.0003 17.2464C14.0023 17.2464 17.2466 14.0022 17.2466 10C17.2466 5.99795 14.0023 2.75366 10.0003 2.75366C5.99819 2.75366 2.75391 5.99795 2.75391 10Z", fill: "white" }) }), _jsx("g", { mask: "url(#mask1_6597_14)", children: _jsx("path", { d: "M17.2466 2.75366H2.75391V17.2462H17.2466V2.75366Z", fill: "url(#paint3_radial_6597_14)" }) }), _jsx("path", { d: "M12.8434 7.67012C12.6249 8.05075 12.3321 8.38361 11.9825 8.64896C11.6329 8.91431 11.2335 9.10675 10.8082 9.21485C10.3828 9.32296 9.94001 9.34453 9.50613 9.27829C9.07225 9.21205 8.65609 9.05935 8.28233 8.82925C8.0072 8.65903 7.75829 8.4497 7.54344 8.20781C6.97792 7.57028 6.68341 6.73729 6.72253 5.88598C6.7272 5.79073 6.73517 5.69574 6.74764 5.6012C6.75994 5.50801 6.77637 5.41524 6.79663 5.32359C6.81743 5.2295 6.84237 5.13648 6.87144 5.04453C6.89965 4.95504 6.93181 4.8669 6.96791 4.7801C7.00533 4.68986 7.04705 4.60154 7.09206 4.51487C7.13946 4.4236 7.19197 4.3348 7.24804 4.24861C7.29975 4.16911 7.35483 4.092 7.41328 4.01727C7.47669 3.93582 7.54407 3.85724 7.61516 3.7824C7.68691 3.70686 7.76187 3.63468 7.84004 3.56587C7.91964 3.49574 8.00312 3.43014 8.08912 3.36808C8.13346 3.33609 8.17862 3.30531 8.22462 3.27576C7.29014 3.75321 6.57936 4.57709 6.24406 5.57147C5.90876 6.56584 5.97551 7.65191 6.43007 8.59774C6.43907 8.61643 6.44821 8.63505 6.4575 8.65359C6.46172 8.66202 6.46597 8.67043 6.47025 8.67882C6.47225 8.68413 6.47484 8.68919 6.47798 8.69391C6.4833 8.69982 6.48463 8.69883 6.49278 8.69868C6.53519 8.69791 6.57764 8.69811 6.62005 8.69902C6.69841 8.70072 6.77664 8.70518 6.85475 8.71243C7.57706 8.78072 8.25641 9.08632 8.78668 9.5815C9.31696 10.0767 9.66829 10.7336 9.7858 11.4495C9.83887 11.7771 9.84243 12.1107 9.79635 12.4393C9.70881 13.0591 9.44523 13.6407 9.03692 14.1151C8.8028 14.3869 8.52625 14.6191 8.218 14.8025C7.60263 15.1659 6.88562 15.319 6.17551 15.2384C6.04709 15.2237 5.91963 15.2016 5.79378 15.1721C5.71227 15.153 5.63157 15.1305 5.55176 15.1051C5.91029 15.264 6.29028 15.3692 6.67948 15.4173C7.0426 15.4621 7.4101 15.4577 7.77204 15.4041C8.41935 15.3077 9.03317 15.0542 9.55985 14.6657C9.94638 14.3808 10.2791 14.0294 10.5426 13.628C10.554 13.6106 10.5653 13.5931 10.5764 13.5755C10.5807 13.5687 10.5904 13.5579 10.5892 13.5507C10.5848 13.5393 10.579 13.5286 10.5719 13.5187C10.5499 13.4775 10.5288 13.4358 10.5086 13.3937C10.4681 13.3091 10.4312 13.2228 10.3981 13.1349C10.3309 12.9567 10.2795 12.773 10.2444 12.5859C10.1692 12.1837 10.1695 11.771 10.2451 11.3688C10.3094 11.0272 10.428 10.6981 10.5964 10.394C10.8774 9.88364 11.2894 9.45749 11.7899 9.15945C12.2905 8.86141 12.8615 8.70228 13.4441 8.69846C13.5245 8.6979 13.6049 8.70023 13.6853 8.70544C13.7628 8.7106 13.84 8.71837 13.9171 8.72877C13.9933 8.73919 14.0691 8.75232 14.1445 8.76815C14.2184 8.78373 14.2916 8.80178 14.3642 8.82228C14.4354 8.84247 14.5058 8.86506 14.5755 8.89003C14.6462 8.9154 14.7159 8.94317 14.7846 8.97334C14.8547 9.00394 14.9236 9.0371 14.9913 9.07281C15.0589 9.10837 15.1252 9.14625 15.1903 9.18644C15.2514 9.22424 15.3115 9.26384 15.3699 9.30573C15.4301 9.34894 15.4889 9.39395 15.5463 9.44077C15.6056 9.48899 15.6628 9.53979 15.7184 9.59216C15.7777 9.64792 15.8348 9.70584 15.8897 9.76594C15.9445 9.82569 15.997 9.88749 16.0471 9.95135C16.1031 10.0224 16.1563 10.0957 16.206 10.1712C16.2571 10.2488 16.3054 10.3284 16.35 10.41C16.4121 10.5238 16.4674 10.6412 16.5156 10.7615C16.5676 10.8923 16.6114 11.0262 16.6468 11.1624C16.551 10.4338 16.2569 9.74557 15.7966 9.17277C15.4581 8.75102 15.0385 8.40147 14.5625 8.14483C14.0743 7.88176 13.5368 7.72318 12.984 7.67918C12.9372 7.67544 12.8903 7.67251 12.8434 7.67039L12.8434 7.67012Z", fill: "url(#paint4_radial_6597_14)" }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: "paint0_radial_6597_14", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(10 10) scale(7.81895)", children: [_jsx("stop", { offset: 0.99, stopColor: "white" }), _jsx("stop", { offset: 0.99505, stopColor: "#FDFDFD" }), _jsx("stop", { offset: 0.99687, stopColor: "#F6F6F6" }), _jsx("stop", { offset: 0.99817, stopColor: "#EBEBEB" }), _jsx("stop", { offset: 0.99921, stopColor: "#DADADA" }), _jsx("stop", { offset: 1, stopColor: "#C7C7C7" })] }), _jsxs("radialGradient", { id: "paint1_radial_6597_14", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.99995 10) scale(7.30656)", children: [_jsx("stop", { offset: 0.99, stopOpacity: 0.5 }), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint2_radial_6597_14", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.99995 10) scale(7.30656)", children: [_jsx("stop", { offset: 0.99, stopOpacity: 0.5 }), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint3_radial_6597_14", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(10.0002 10.0249) scale(7.24624 7.24624)", children: [_jsx("stop", {}), _jsx("stop", { offset: 1, stopColor: "#322F32" })] }), _jsxs("radialGradient", { id: "paint4_radial_6597_14", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.0992 9.36198) scale(5.82294 6.38835)", children: [_jsx("stop", { stopColor: "#C2C0C2" }), _jsx("stop", { offset: 1, stopColor: "#EBEBEB" })] })] })] }));
}
};
IconLogoObsColor.iconName = "logo-obs--color";
export default IconLogoObsColor;