@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
12 lines (11 loc) • 6.07 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoStreamelementsColor = (props) => {
const size = sizeMap[props?.size ?? "m"];
const label = props?.label ?? "Icon";
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: "M12.0273 2.27136L12.4619 3.11605C15.3425 4.14829 17.3216 6.92762 17.3216 10.0051C17.3216 14.041 14.0369 17.3236 9.99842 17.3236C5.95991 17.3236 2.67682 14.041 2.67682 10.0051C2.67682 6.92601 4.65598 4.14829 7.5365 3.11605L7.97116 2.27297C4.48277 3.18497 2 6.3602 2 10.0051C2 14.4129 5.58942 18 10 18C14.4106 18 18 14.4129 18 10.0051C18 6.3602 15.5173 3.18338 12.0273 2.27136Z", fill: "url(#paint0_linear_8445_14)" }), _jsx("mask", { id: "mask0_8445_14", style: {
maskType: "luminance",
}, maskUnits: "userSpaceOnUse", x: 3, y: 3, width: 14, height: 14, children: _jsx("path", { d: "M9.99935 16.819C13.7754 16.819 16.8366 13.7597 16.8366 9.986C16.8366 6.21227 13.7754 3.15308 9.99935 3.15308C6.22325 3.15308 3.16211 6.21227 3.16211 9.986C3.16211 13.7597 6.22325 16.819 9.99935 16.819Z", fill: "white" }) }), _jsxs("g", { mask: "url(#mask0_8445_14)", children: [_jsx("path", { d: "M16.8498 9.82407C16.8113 10.3434 16.0078 12.5024 15.0198 12.5024C14.6188 12.5024 14.529 11.9158 14.4633 11.4798C14.2852 12.1754 13.0583 13.679 12.1489 13.679C10.4953 13.679 10.1104 10.1927 9.99814 9.72791C9.88587 10.1911 9.50096 13.679 7.84738 13.679C6.93799 13.679 5.71104 12.177 5.53301 11.4798C5.46725 11.9158 5.37905 12.5024 4.97648 12.5024C3.9885 12.5024 3.18497 10.3434 3.14648 9.82407C2.93477 10.1366 2.93798 11.3997 3.25233 12.2091C4.30125 14.9099 6.92837 16.8284 9.99653 16.8284C13.0647 16.8284 15.6918 14.9099 16.7407 12.2091C17.0551 11.3997 17.0583 10.1382 16.8466 9.82407H16.8498Z", fill: "url(#paint1_linear_8445_14)" }), _jsx("path", { d: "M9.9994 13.6886C10.2721 14.1886 10.8655 14.9372 11.8823 14.9372C12.8992 14.9372 13.6899 13.889 13.9545 13.4465C13.8695 13.7575 13.6979 14.4227 14.2512 14.4227C15.5199 14.4227 16.4373 12.4175 16.4373 12.4175C15.4365 14.9949 12.928 16.8269 9.9994 16.8269C7.07076 16.8269 4.56233 14.9949 3.56152 12.4175C3.56152 12.4175 4.47893 14.4227 5.74759 14.4227C6.30252 14.4227 6.1293 13.7558 6.04429 13.4465C6.30893 13.889 7.07396 14.9372 8.11648 14.9372C9.13331 14.9372 9.72514 14.1871 9.9994 13.6886Z", fill: "url(#paint2_linear_8445_14)" }), _jsx("path", { d: "M11.6121 15.9373C10.9882 15.9373 10.5022 15.7434 10.0002 15.4309C9.49818 15.7419 9.01221 15.9373 8.38831 15.9373C7.43723 15.9373 7.14853 15.6568 6.80371 15.4004C6.81333 15.7274 7.14693 16.189 7.49175 16.3556C8.2568 16.6924 9.11646 16.8269 10.0002 16.8269C10.8839 16.8269 11.7436 16.6907 12.5086 16.3556C12.8534 16.1873 13.1854 15.7274 13.1967 15.4004C12.8518 15.6568 12.5632 15.9373 11.6121 15.9373Z", fill: "url(#paint3_linear_8445_14)" })] }), _jsx("path", { d: "M9.07628 6.66799L8.09471 8.74686C8.05462 8.83182 8.04019 8.92799 8.05623 9.02256L8.36737 10.9011C8.37699 10.962 8.46681 10.962 8.47643 10.9011L8.64484 9.87687C8.7138 9.45212 8.93994 9.06743 9.27836 8.79977L9.07628 6.66638V6.66799Z", fill: "#FF4800" }), _jsx("path", { d: "M10.9238 6.66799L11.9053 8.74686C11.9454 8.83182 11.9599 8.92799 11.9438 9.02256L11.6327 10.9027C11.6231 10.9636 11.5348 10.9636 11.5236 10.9027L11.3552 9.87687C11.2862 9.45212 11.0601 9.06743 10.7217 8.79977L10.9238 6.66638V6.66799Z", fill: "#FF4800" }), _jsx("path", { d: "M11.4496 3.40617L10.1039 0.796737C10.0606 0.711797 9.94036 0.711797 9.89544 0.796737L8.54981 3.40456C8.49368 3.51195 8.47284 3.63538 8.49048 3.75398L9.1689 8.52083L9.06785 8.96643L9.42552 9.94737C9.43354 9.9698 9.45439 9.98423 9.47684 9.98423H10.5177C10.5402 9.98423 10.5611 9.9698 10.5691 9.94737L10.9267 8.96643L10.8257 8.52083L11.5041 3.75398C11.5218 3.63378 11.5009 3.51195 11.4448 3.40456L11.4496 3.40617Z", fill: "url(#paint4_linear_8445_14)" }), _jsx("path", { d: "M9.95322 7.73548L9.47526 8.91677C9.4015 9.0995 9.38705 9.30146 9.43517 9.49219L9.9452 11.5342C9.95963 11.5903 10.0398 11.5903 10.0527 11.5342L10.5627 9.49219C10.6108 9.30146 10.5964 9.0995 10.5226 8.91677L10.0446 7.73548C10.027 7.6938 9.96765 7.6938 9.95161 7.73548H9.95322Z", fill: "#FF4800" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "paint0_linear_8445_14", x1: 10, y1: -2.2727, x2: 10, y2: 23.0907, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.3, stopColor: "#00ADFF" }), _jsx("stop", { offset: 1, stopColor: "#1542FF" })] }), _jsxs("linearGradient", { id: "paint1_linear_8445_14", x1: 9.99974, y1: 10.0212, x2: 9.99974, y2: 19.1366, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FCE3AD" }), _jsx("stop", { offset: 0.07, stopColor: "#FCE2A4" }), _jsx("stop", { offset: 0.19, stopColor: "#FCE08B" }), _jsx("stop", { offset: 0.33, stopColor: "#FCDD64" }), _jsx("stop", { offset: 0.48, stopColor: "#FCDA32" }), _jsx("stop", { offset: 0.66, stopColor: "#F9BC22" }), _jsx("stop", { offset: 1, stopColor: "#F57700" })] }), _jsxs("linearGradient", { id: "paint2_linear_8445_14", x1: 9.9994, y1: 12.3534, x2: 9.9994, y2: 17.5338, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#FCD619" }), _jsx("stop", { offset: 0.35, stopColor: "#F9B811" }), _jsx("stop", { offset: 1, stopColor: "#F57700" })] }), _jsxs("linearGradient", { id: "paint3_linear_8445_14", x1: 10.0002, y1: 14.9436, x2: 10.0002, y2: 17.3318, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F57700" }), _jsx("stop", { offset: 1, stopColor: "#FF4800" })] }), _jsxs("linearGradient", { id: "paint4_linear_8445_14", x1: 9.99969, y1: 0.734231, x2: 9.99969, y2: 12.7812, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#E4E4E4" }), _jsx("stop", { offset: 0.88, stopColor: "#B6B8B8" })] })] })] }));
};
IconLogoStreamelementsColor.iconName = "logo-streamelements--color";
export default IconLogoStreamelementsColor;