@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
10 lines (9 loc) • 6.15 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconLogoMicrosoftExcelColor = (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: "M4.5 8.75C4.5 7.50735 5.50735 6.5 6.75 6.5H19.5V19.5C19.5 20.3285 18.8285 21 18 21H7.5C5.84315 21 4.5 19.6568 4.5 18V8.75Z", fill: "url(#paint0_radial_8543_254)" }), _jsx("path", { d: "M4.5 8.75C4.5 7.50735 5.50735 6.5 6.75 6.5H19.5V19.5C19.5 20.3285 18.8285 21 18 21H7.5C5.84315 21 4.5 19.6568 4.5 18V8.75Z", fill: "url(#paint1_radial_8543_254)", fillOpacity: 0.7 }), _jsx("path", { d: "M4.5 11.25C4.5 10.0074 5.50735 9 6.75 9H13.5C12.6715 9 12 9.6716 12 10.5V13.5C12 14.3285 11.3285 15 10.5 15H7.5C5.84315 15 4.5 16.3432 4.5 18V11.25Z", fill: "url(#paint2_linear_8543_254)" }), _jsx("path", { d: "M4.5 11.25C4.5 10.0074 5.50735 9 6.75 9H13.5C12.6715 9 12 9.6716 12 10.5V13.5C12 14.3285 11.3285 15 10.5 15H7.5C5.84315 15 4.5 16.3432 4.5 18V11.25Z", fill: "url(#paint3_linear_8543_254)", fillOpacity: 0.3 }), _jsx("path", { d: "M4.5 6C4.5 4.34315 5.84315 3 7.5 3H13.5V9H7.5C5.84315 9 4.5 10.3432 4.5 12V6Z", fill: "url(#paint4_linear_8543_254)" }), _jsx("path", { d: "M4.5 6C4.5 4.34315 5.84315 3 7.5 3H13.5V9H7.5C5.84315 9 4.5 10.3432 4.5 12V6Z", fill: "url(#paint5_radial_8543_254)" }), _jsx("path", { d: "M4.5 6C4.5 4.34315 5.84315 3 7.5 3H13.5V9H7.5C5.84315 9 4.5 10.3432 4.5 12V6Z", fill: "url(#paint6_linear_8543_254)" }), _jsx("path", { d: "M13.5 3H18C18.8284 3 19.5 3.67157 19.5 4.5V7.5C19.5 8.32843 18.8284 9 18 9H13.5C12.6716 9 12 8.32843 12 7.5V4.5C12 3.67157 12.6716 3 13.5 3Z", fill: "url(#paint7_radial_8543_254)" }), _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(#paint8_radial_8543_254)" }), _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(#paint9_radial_8543_254)", fillOpacity: 0.3 }), _jsx("path", { d: "M8.10252 17.7858H6.86937L6.09507 16.3289C6.06747 16.2779 6.04622 16.2375 6.03137 16.2078C6.01862 16.1759 6.00482 16.1398 5.98992 16.0994H5.97717C5.95807 16.1504 5.94002 16.1919 5.92302 16.2237C5.90602 16.2556 5.88582 16.2949 5.86247 16.3417L5.05952 17.7858H3.89648L5.29212 15.4969L3.99207 13.2144H5.20927L5.89752 14.515C5.92512 14.5682 5.94852 14.6149 5.96762 14.6553C5.98887 14.6935 6.01012 14.7392 6.03137 14.7924H6.04412C6.07382 14.7307 6.09722 14.6819 6.11422 14.6457C6.13332 14.6096 6.15882 14.5618 6.19067 14.5023L6.90442 13.2144H8.06427L6.74512 15.4618L8.10252 17.7858Z", fill: "white" }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: "paint0_radial_8543_254", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(19.5 22.2084) rotate(-133.549) scale(20.5618 15.9541)", children: [_jsx("stop", { offset: 0.0647233, stopColor: "#379539" }), _jsx("stop", { offset: 0.422149, stopColor: "#297C2D" }), _jsx("stop", { offset: 0.703448, stopColor: "#15561C" })] }), _jsxs("radialGradient", { id: "paint1_radial_8543_254", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(9.08335 11.7361) rotate(-135.971) scale(8.33055 6.4453)", children: [_jsx("stop", { stopColor: "#073B10" }), _jsx("stop", { offset: 0.992234, stopColor: "#084A13", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "paint2_linear_8543_254", x1: 4.5, y1: 13.5, x2: 11.3924, y2: 13.5, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#52D17C" }), _jsx("stop", { offset: 0.328512, stopColor: "#4AA647" })] }), _jsxs("linearGradient", { id: "paint3_linear_8543_254", x1: 11.25, y1: 9, x2: 11.25, y2: 15.2514, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#29852F" }), _jsx("stop", { offset: 0.499968, stopColor: "#4AA647", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "paint4_linear_8543_254", x1: 4.83151, y1: 10.2947, x2: 13.1472, y2: 3.08241, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#66D052" }), _jsx("stop", { offset: 1, stopColor: "#85E972" })] }), _jsxs("radialGradient", { id: "paint5_radial_8543_254", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(13.176 6.8317) rotate(-180) scale(4.50941 9.547)", children: [_jsx("stop", { offset: 0.292495, stopColor: "#4EB43B" }), _jsx("stop", { offset: 1, stopColor: "#72CC61", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "paint6_linear_8543_254", x1: 8.55735, y1: 7.19615, x2: 4.5, y2: 7.19615, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.183694, stopColor: "#C0E075", stopOpacity: 0 }), _jsx("stop", { offset: 1, stopColor: "#D1EB95" })] }), _jsxs("radialGradient", { id: "paint7_radial_8543_254", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(20.4555 9.8397) rotate(-141.03) scale(10.8755 10.8452)", children: [_jsx("stop", { offset: 0.439983, stopColor: "#79E96D" }), _jsx("stop", { offset: 1, stopColor: "#D0EB76" })] }), _jsxs("radialGradient", { id: "paint8_radial_8543_254", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(2 11.5) rotate(45) scale(11.3137 32.207)", children: [_jsx("stop", { stopColor: "#20A85E" }), _jsx("stop", { offset: 0.94375, stopColor: "#09442A" })] }), _jsxs("radialGradient", { id: "paint9_radial_8543_254", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(6 16.3) rotate(90) scale(5.6 6.45)", children: [_jsx("stop", { offset: 0.580357, stopColor: "#33A662", stopOpacity: 0 }), _jsx("stop", { offset: 0.973806, stopColor: "#98F0B0" })] })] })] }));
};
IconLogoMicrosoftExcelColor.iconName = "logo-microsoft-excel--color";
export default IconLogoMicrosoftExcelColor;