@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
10 lines (9 loc) • 10.6 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoRedditColor = (props) => {
const size = sizeMap[props?.size ?? "m"];
const label = props?.label ?? "Icon";
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: [_jsxs("g", { clipPath: "url(#clip0_2188_1143)", children: [_jsx("path", { d: "M12 2C6.47734 2 2 6.47734 2 12C2 14.7617 3.11953 17.2617 4.92891 19.0711L3.02422 20.9758C2.64609 21.3539 2.91406 22 3.44844 22H12C17.5227 22 22 17.5227 22 12C22 6.47734 17.5227 2 12 2Z", fill: "#FF4500" }), _jsx("path", { d: "M17.6691 13.9954C18.9588 13.9954 20.0043 12.9499 20.0043 11.6602C20.0043 10.3706 18.9588 9.32507 17.6691 9.32507C16.3795 9.32507 15.334 10.3706 15.334 11.6602C15.334 12.9499 16.3795 13.9954 17.6691 13.9954Z", fill: "url(#paint0_radial_2188_1143)" }), _jsx("path", { d: "M6.33516 13.9954C7.62483 13.9954 8.67031 12.9499 8.67031 11.6602C8.67031 10.3706 7.62483 9.32507 6.33516 9.32507C5.04549 9.32507 4 10.3706 4 11.6602C4 12.9499 5.04549 13.9954 6.33516 13.9954Z", fill: "url(#paint1_radial_2188_1143)" }), _jsx("path", { d: "M12.0053 18.6664C15.687 18.6664 18.6717 16.4278 18.6717 13.6664C18.6717 10.905 15.687 8.66638 12.0053 8.66638C8.32352 8.66638 5.33887 10.905 5.33887 13.6664C5.33887 16.4278 8.32352 18.6664 12.0053 18.6664Z", fill: "url(#paint2_radial_2188_1143)" }), _jsx("path", { d: "M10.0346 13.1804C9.9955 14.0273 9.433 14.3351 8.77909 14.3351C8.12519 14.3351 7.62519 13.9015 7.66425 13.0547C7.70331 12.2078 8.26581 11.6469 8.91972 11.6469C9.57363 11.6469 10.0736 12.3336 10.0346 13.1804Z", fill: "#842123" }), _jsx("path", { d: "M16.3471 13.0539C16.3861 13.9008 15.8869 14.3344 15.2322 14.3344C14.5775 14.3344 14.015 14.0274 13.9768 13.1797C13.9377 12.3328 14.4369 11.6461 15.0916 11.6461C15.7463 11.6461 16.3088 12.2063 16.3471 13.0539Z", fill: "#842123" }), _jsx("path", { d: "M13.9766 13.2539C14.0134 14.0469 14.5391 14.3344 15.1516 14.3344C15.7641 14.3344 16.2313 13.9039 16.1946 13.1109C16.1579 12.3179 15.6321 11.7992 15.0196 11.7992C14.4071 11.7992 13.9399 12.4609 13.9766 13.2539Z", fill: "url(#paint3_radial_2188_1143)" }), _jsx("path", { d: "M10.0354 13.2539C9.9987 14.0469 9.47292 14.3344 8.86042 14.3344C8.24792 14.3344 7.78074 13.9039 7.81745 13.1109C7.85417 12.3179 8.37995 11.7992 8.99245 11.7992C9.60495 11.7992 10.0721 12.4609 10.0354 13.2539Z", fill: "url(#paint4_radial_2188_1143)" }), _jsx("path", { d: "M12.0056 14.9C11.179 14.9 10.3868 14.9399 9.654 15.0125C9.529 15.025 9.44931 15.1524 9.49775 15.2664C9.90791 16.2281 10.8759 16.9039 12.0056 16.9039C13.1353 16.9039 14.1024 16.2281 14.5134 15.2664C14.5618 15.1524 14.4829 15.025 14.3571 15.0125C13.6243 14.9399 12.8321 14.9 12.0056 14.9Z", fill: "#BBCFDA" }), _jsx("path", { d: "M12.0056 15.0836C11.1814 15.0836 10.3916 15.1242 9.66111 15.1985C9.53611 15.211 9.45721 15.3406 9.50565 15.4563C9.91502 16.4336 10.8799 17.1196 12.0049 17.1196C13.1299 17.1196 14.0955 16.4328 14.5049 15.4563C14.5533 15.3406 14.4744 15.211 14.3494 15.1985C13.6189 15.1242 12.8291 15.0836 12.0049 15.0836H12.0056Z", fill: "white" }), _jsx("path", { d: "M12.0054 14.9883C11.1944 14.9883 10.4171 15.0281 9.69755 15.1008C9.57489 15.1133 9.49677 15.2406 9.54443 15.3547C9.94677 16.3164 10.8968 16.9922 12.0054 16.9922C13.114 16.9922 14.0632 16.3164 14.4663 15.3547C14.514 15.2406 14.4358 15.1133 14.3132 15.1008C13.5944 15.0281 12.8171 14.9883 12.0054 14.9883Z", fill: "url(#paint5_radial_2188_1143)" }), _jsx("path", { d: "M15.6566 7.98674C16.5705 7.98674 17.3113 7.24591 17.3113 6.33206C17.3113 5.4182 16.5705 4.67737 15.6566 4.67737C14.7428 4.67737 14.002 5.4182 14.002 6.33206C14.002 7.24591 14.7428 7.98674 15.6566 7.98674Z", fill: "url(#paint6_radial_2188_1143)" }), _jsx("path", { d: "M11.9816 8.87737C11.7832 8.87737 11.623 8.79456 11.623 8.66643C11.623 7.18362 12.8293 5.97815 14.3113 5.97815C14.5098 5.97815 14.6699 6.13909 14.6699 6.33674C14.6699 6.5344 14.509 6.69534 14.3113 6.69534C13.2246 6.69534 12.3402 7.57971 12.3402 8.66643C12.3402 8.79456 12.1793 8.87737 11.9816 8.87737Z", fill: "url(#paint7_radial_2188_1143)" }), _jsx("path", { d: "M9.59941 13.6462C9.59941 13.9532 9.27285 14.0907 8.87051 14.0907C8.46816 14.0907 8.1416 13.9532 8.1416 13.6462C8.1416 13.3391 8.46816 13.0907 8.87051 13.0907C9.27285 13.0907 9.59941 13.3391 9.59941 13.6462Z", fill: "#FF6101" }), _jsx("path", { d: "M15.8699 13.6462C15.8699 13.9532 15.5434 14.0907 15.141 14.0907C14.7387 14.0907 14.4121 13.9532 14.4121 13.6462C14.4121 13.3391 14.7387 13.0907 15.141 13.0907C15.5434 13.0907 15.8699 13.3391 15.8699 13.6462Z", fill: "#FF6101" }), _jsx("path", { d: "M9.37363 12.8133C9.51688 12.8133 9.63301 12.6867 9.63301 12.5305C9.63301 12.3743 9.51688 12.2477 9.37363 12.2477C9.23038 12.2477 9.11426 12.3743 9.11426 12.5305C9.11426 12.6867 9.23038 12.8133 9.37363 12.8133Z", fill: "#FFC49C" }), _jsx("path", { d: "M15.5387 12.8133C15.6819 12.8133 15.798 12.6867 15.798 12.5305C15.798 12.3743 15.6819 12.2477 15.5387 12.2477C15.3954 12.2477 15.2793 12.3743 15.2793 12.5305C15.2793 12.6867 15.3954 12.8133 15.5387 12.8133Z", fill: "#FFC49C" })] }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: "paint0_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(17.7044 10.403) scale(4.6798 4.08238)", children: [_jsx("stop", { stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.4, stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.51, stopColor: "#F9FCFC" }), _jsx("stop", { offset: 0.62, stopColor: "#EDF3F5" }), _jsx("stop", { offset: 0.7, stopColor: "#DEE9EC" }), _jsx("stop", { offset: 0.72, stopColor: "#D8E4E8" }), _jsx("stop", { offset: 0.76, stopColor: "#CCD8DF" }), _jsx("stop", { offset: 0.8, stopColor: "#C8D5DD" }), _jsx("stop", { offset: 0.83, stopColor: "#CCD6DE" }), _jsx("stop", { offset: 0.85, stopColor: "#D8DBE2" }), _jsx("stop", { offset: 0.88, stopColor: "#EDE3E9" }), _jsx("stop", { offset: 0.9, stopColor: "#FFEBEF" })] }), _jsxs("radialGradient", { id: "paint1_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(6.37045 10.403) scale(4.6798 4.08238)", children: [_jsx("stop", { stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.4, stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.51, stopColor: "#F9FCFC" }), _jsx("stop", { offset: 0.62, stopColor: "#EDF3F5" }), _jsx("stop", { offset: 0.7, stopColor: "#DEE9EC" }), _jsx("stop", { offset: 0.72, stopColor: "#D8E4E8" }), _jsx("stop", { offset: 0.76, stopColor: "#CCD8DF" }), _jsx("stop", { offset: 0.8, stopColor: "#C8D5DD" }), _jsx("stop", { offset: 0.83, stopColor: "#CCD6DE" }), _jsx("stop", { offset: 0.85, stopColor: "#D8DBE2" }), _jsx("stop", { offset: 0.88, stopColor: "#EDE3E9" }), _jsx("stop", { offset: 0.9, stopColor: "#FFEBEF" })] }), _jsxs("radialGradient", { id: "paint2_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.1832 9.74809) scale(14.1162 9.91134)", children: [_jsx("stop", { stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.4, stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.51, stopColor: "#F9FCFC" }), _jsx("stop", { offset: 0.62, stopColor: "#EDF3F5" }), _jsx("stop", { offset: 0.7, stopColor: "#DEE9EC" }), _jsx("stop", { offset: 0.72, stopColor: "#D8E4E8" }), _jsx("stop", { offset: 0.76, stopColor: "#CCD8DF" }), _jsx("stop", { offset: 0.8, stopColor: "#C8D5DD" }), _jsx("stop", { offset: 0.83, stopColor: "#CCD6DE" }), _jsx("stop", { offset: 0.85, stopColor: "#D8DBE2" }), _jsx("stop", { offset: 0.88, stopColor: "#EDE3E9" }), _jsx("stop", { offset: 0.9, stopColor: "#FFEBEF" })] }), _jsxs("radialGradient", { id: "paint3_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(14.9126 13.7946) rotate(180) scale(1.17941 1.73147)", children: [_jsx("stop", { stopColor: "#FF6600" }), _jsx("stop", { offset: 0.5, stopColor: "#FF4500" }), _jsx("stop", { offset: 0.7, stopColor: "#FC4301" }), _jsx("stop", { offset: 0.82, stopColor: "#F43F07" }), _jsx("stop", { offset: 0.92, stopColor: "#E53812" }), _jsx("stop", { offset: 1, stopColor: "#D4301F" })] }), _jsxs("radialGradient", { id: "paint4_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.0464 13.7946) scale(1.17941 1.73147)", children: [_jsx("stop", { stopColor: "#FF6600" }), _jsx("stop", { offset: 0.5, stopColor: "#FF4500" }), _jsx("stop", { offset: 0.7, stopColor: "#FC4301" }), _jsx("stop", { offset: 0.82, stopColor: "#F43F07" }), _jsx("stop", { offset: 0.92, stopColor: "#E53812" }), _jsx("stop", { offset: 1, stopColor: "#D4301F" })] }), _jsxs("radialGradient", { id: "paint5_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(12.0287 17.2272) scale(4.15877 2.74301)", children: [_jsx("stop", { stopColor: "#172E35" }), _jsx("stop", { offset: 0.29, stopColor: "#0E1C21" }), _jsx("stop", { offset: 0.73, stopColor: "#030708" }), _jsx("stop", { offset: 1 })] }), _jsxs("radialGradient", { id: "paint6_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(15.6959 4.66456) scale(3.65058)", children: [_jsx("stop", { stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.4, stopColor: "#FEFFFF" }), _jsx("stop", { offset: 0.51, stopColor: "#F9FCFC" }), _jsx("stop", { offset: 0.62, stopColor: "#EDF3F5" }), _jsx("stop", { offset: 0.7, stopColor: "#DEE9EC" }), _jsx("stop", { offset: 0.72, stopColor: "#D8E4E8" }), _jsx("stop", { offset: 0.76, stopColor: "#CCD8DF" }), _jsx("stop", { offset: 0.8, stopColor: "#C8D5DD" }), _jsx("stop", { offset: 0.83, stopColor: "#CCD6DE" }), _jsx("stop", { offset: 0.85, stopColor: "#D8DBE2" }), _jsx("stop", { offset: 0.88, stopColor: "#EDE3E9" }), _jsx("stop", { offset: 0.9, stopColor: "#FFEBEF" })] }), _jsxs("radialGradient", { id: "paint7_radial_2188_1143", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(14.1746 8.64424) scale(2.99221)", children: [_jsx("stop", { offset: 0.48, stopColor: "#7A9299" }), _jsx("stop", { offset: 0.67, stopColor: "#172E35" }), _jsx("stop", { offset: 0.75 }), _jsx("stop", { offset: 0.82, stopColor: "#172E35" })] }), _jsx("clipPath", { id: "clip0_2188_1143", children: _jsx("rect", { width: 20, height: 20, fill: "white", transform: "translate(2 2)" }) })] })] }));
};
IconLogoRedditColor.iconName = "logo-reddit--color";
export default IconLogoRedditColor;