@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
10 lines (9 loc) • 7.05 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoMicrosoftTeamsColor = (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: [_jsx("path", { d: "M11 10H17C18.6568 10 20 11.3432 20 13V18C20 19.6568 18.6568 21 17 21C15.3432 21 14 19.6568 14 18V13C14 11.3432 12.6568 10 11 10Z", fill: "url(#paint0_radial_8545_405)" }), _jsx("path", { d: "M4 12C4 10.3432 5.34316 9 7.00001 9H11C12.6569 9 14 10.3432 14 12V18C14 19.6568 15.3432 21 17 21L8.99996 21C6.23856 21 4 18.7614 4 16V12Z", fill: "url(#paint1_radial_8545_405)" }), _jsx("path", { d: "M4 12C4 10.3432 5.34316 9 7.00001 9H11C12.6569 9 14 10.3432 14 12V18C14 19.6568 15.3432 21 17 21L8.99996 21C6.23856 21 4 18.7614 4 16V12Z", fill: "url(#paint2_linear_8545_405)", fillOpacity: 0.7 }), _jsx("path", { d: "M4 12C4 10.3432 5.34316 9 7.00001 9H11C12.6569 9 14 10.3432 14 12V18C14 19.6568 15.3432 21 17 21L8.99996 21C6.23856 21 4 18.7614 4 16V12Z", fill: "url(#paint3_radial_8545_405)", fillOpacity: 0.7 }), _jsx("path", { d: "M16.5 9C17.8807 9 19 7.8807 19 6.5C19 5.1193 17.8807 4 16.5 4C15.1193 4 14 5.1193 14 6.5C14 7.8807 15.1193 9 16.5 9Z", fill: "url(#paint4_radial_8545_405)" }), _jsx("path", { d: "M16.5 9C17.8807 9 19 7.8807 19 6.5C19 5.1193 17.8807 4 16.5 4C15.1193 4 14 5.1193 14 6.5C14 7.8807 15.1193 9 16.5 9Z", fill: "url(#paint5_radial_8545_405)", fillOpacity: 0.46 }), _jsx("path", { d: "M16.5 9C17.8807 9 19 7.8807 19 6.5C19 5.1193 17.8807 4 16.5 4C15.1193 4 14 5.1193 14 6.5C14 7.8807 15.1193 9 16.5 9Z", fill: "url(#paint6_radial_8545_405)", fillOpacity: 0.4 }), _jsx("path", { d: "M9 8C10.6569 8 12 6.65685 12 5C12 3.34315 10.6569 2 9 2C7.34315 2 6 3.34315 6 5C6 6.65685 7.34315 8 9 8Z", fill: "url(#paint7_radial_8545_405)" }), _jsx("path", { d: "M9 8C10.6569 8 12 6.65685 12 5C12 3.34315 10.6569 2 9 2C7.34315 2 6 3.34315 6 5C6 6.65685 7.34315 8 9 8Z", fill: "url(#paint8_radial_8545_405)", fillOpacity: 0.6 }), _jsx("path", { d: "M9 8C10.6569 8 12 6.65685 12 5C12 3.34315 10.6569 2 9 2C7.34315 2 6 3.34315 6 5C6 6.65685 7.34315 8 9 8Z", fill: "url(#paint9_radial_8545_405)", fillOpacity: 0.5 }), _jsx("path", { d: "M8.375 11.5H3.625C2.72754 11.5 2 12.2275 2 13.125V17.875C2 18.7725 2.72754 19.5 3.625 19.5H8.375C9.27246 19.5 10 18.7725 10 17.875V13.125C10 12.2275 9.27246 11.5 8.375 11.5Z", fill: "url(#paint10_radial_8545_405)" }), _jsx("path", { d: "M8.375 11.5H3.625C2.72754 11.5 2 12.2275 2 13.125V17.875C2 18.7725 2.72754 19.5 3.625 19.5H8.375C9.27246 19.5 10 18.7725 10 17.875V13.125C10 12.2275 9.27246 11.5 8.375 11.5Z", fill: "url(#paint11_radial_8545_405)", fillOpacity: 0.7 }), _jsx("path", { d: "M7.7393 14.0528H6.51575V17.7858H5.48335V14.0528H4.25977V13.2144H7.7393V14.0528Z", fill: "white" }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: "paint0_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(19.8984 11.0869) scale(6.7392 16.6347)", children: [_jsx("stop", { stopColor: "#A98AFF" }), _jsx("stop", { offset: 0.14, stopColor: "#8C75FF" }), _jsx("stop", { offset: 0.565, stopColor: "#5F50E2" }), _jsx("stop", { offset: 0.9, stopColor: "#3C2CB8" })] }), _jsxs("radialGradient", { id: "paint1_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(4.40625 8.2) rotate(68.1539) scale(16.376 16.5616)", children: [_jsx("stop", { stopColor: "#85C2FF" }), _jsx("stop", { offset: 0.69, stopColor: "#7588FF" }), _jsx("stop", { offset: 1, stopColor: "#6459FE" })] }), _jsxs("linearGradient", { id: "paint2_linear_8545_405", x1: 10.2969, y1: 9, x2: 10.2969, y2: 21, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.801159, stopColor: "#6864F6", stopOpacity: 0 }), _jsx("stop", { offset: 1, stopColor: "#5149DE" })] }), _jsxs("radialGradient", { id: "paint3_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.75 8.6) rotate(113.326) scale(9.6093 7.71365)", children: [_jsx("stop", { stopColor: "#BD96FF" }), _jsx("stop", { offset: 0.686685, stopColor: "#BD96FF", stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint4_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(16.5 5.7857) rotate(-90) scale(5 6.3108)", children: [_jsx("stop", { offset: 0.268201, stopColor: "#6868F7" }), _jsx("stop", { offset: 1, stopColor: "#3923B1" })] }), _jsxs("radialGradient", { id: "paint5_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(14.4338 5.272) rotate(40.0516) scale(3.57314 5.16815)", children: [_jsx("stop", { offset: 0.270711, stopColor: "#A1D3FF" }), _jsx("stop", { offset: 0.813393, stopColor: "#A1D3FF", stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint6_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(18.4911 5.1843) rotate(-41.6581) scale(4.25637 10.4412)", children: [_jsx("stop", { stopColor: "#E3ACFD" }), _jsx("stop", { offset: 0.816041, stopColor: "#9FA2FF", stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint7_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9 4.14285) rotate(-90) scale(6 7.573)", children: [_jsx("stop", { offset: 0.268201, stopColor: "#8282FF" }), _jsx("stop", { offset: 1, stopColor: "#3923B1" })] }), _jsxs("radialGradient", { id: "paint8_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(6.5206 3.52642) rotate(40.0516) scale(4.28777 6.20175)", children: [_jsx("stop", { offset: 0.270711, stopColor: "#A1D3FF" }), _jsx("stop", { offset: 0.813393, stopColor: "#A1D3FF", stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint9_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.3894 3.42115) rotate(-41.6581) scale(5.10765 12.5295)", children: [_jsx("stop", { stopColor: "#E3ACFD" }), _jsx("stop", { offset: 0.816041, stopColor: "#9FA2FF", stopOpacity: 0 })] }), _jsxs("radialGradient", { id: "paint10_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(2 11.5) rotate(45) scale(11.3137)", children: [_jsx("stop", { offset: 0.046875, stopColor: "#688EFF" }), _jsx("stop", { offset: 0.946875, stopColor: "#230F94" })] }), _jsxs("radialGradient", { id: "paint11_radial_8545_405", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(6 16.3) rotate(90) scale(5.6 6.5351)", children: [_jsx("stop", { offset: 0.570647, stopColor: "#6965F6", stopOpacity: 0 }), _jsx("stop", { offset: 1, stopColor: "#8F8FFF" })] })] })] }));
};
IconLogoMicrosoftTeamsColor.iconName = "logo-microsoft-teams--color";
export default IconLogoMicrosoftTeamsColor;