UNPKG

@elgato/icons

Version:

Icons used throughout the Elgato ecosystem.

docs.elgato.com/resources/icons

elgatosf/icons

12 lines (11 loc) • 10.3 kB
1
2
3
4
5
6
7
8
9
10
11
12
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; import { sizeMap } from "../../metadata/sizing.js"; const IconLogoVisualStudioColor = (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("mask", { id: "mask0_3603_1086", style: { maskType: "alpha", }, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 20, height: 20, children: [_jsx("path", { d: "M5.66657 18.9166L2.33344 16.4167C2.22952 16.3395 2.14519 16.2389 2.08727 16.1231C2.02935 16.0073 1.99946 15.8795 2.00001 15.7501V8.25007C1.99946 8.1206 2.02935 7.99282 2.08727 7.87704C2.14519 7.76125 2.22952 7.6607 2.33344 7.5835L5.66657 5.0835C5.57703 5.16757 5.50937 5.27223 5.46945 5.3884C5.42953 5.50456 5.41857 5.62871 5.43751 5.75006V18.2501C5.41857 18.3715 5.42953 18.4956 5.46945 18.6118C5.50937 18.7279 5.57703 18.8325 5.66657 18.9166Z", fill: "white" }), _jsx("path", { d: "M21.6277 5.47094C21.4903 5.38074 21.3295 5.33292 21.1651 5.33345C21.0587 5.33259 20.9531 5.35274 20.8545 5.39275C20.7557 5.43275 20.666 5.49182 20.5901 5.56657L20.532 5.62501L13.882 12L10.2027 15.5291L6.79859 18.7916L6.74017 18.8501C6.66443 18.9249 6.57464 18.984 6.47596 19.0242C6.37728 19.0642 6.27165 19.0843 6.16516 19.0834C5.98488 19.0831 5.80952 19.0246 5.66516 18.9166L2.33203 16.4166C2.50138 16.5438 2.71283 16.6017 2.92335 16.5785C3.13387 16.5552 3.32762 16.4526 3.46516 16.2916L7.16516 11.9959L10.2027 8.47095L15.5236 2.29156C15.6008 2.20005 15.6972 2.12654 15.8059 2.07617C15.9146 2.02581 16.0329 1.99981 16.1527 2C16.317 1.99947 16.4779 2.04729 16.6151 2.13751L21.6277 5.47094Z", fill: "white" }), _jsx("path", { d: "M21.6277 18.529L16.6277 21.8624C16.4576 21.9735 16.2531 22.0195 16.0518 21.992C15.8506 21.9644 15.666 21.8652 15.532 21.7125L10.2027 15.5291L7.16516 11.9959L3.46516 7.70403C3.32639 7.54461 3.13246 7.44356 2.92228 7.42119C2.71211 7.39881 2.50125 7.45678 2.33203 7.58343L5.66516 5.08342C5.80952 4.97543 5.98488 4.9169 6.16516 4.91653C6.27165 4.91564 6.37728 4.9358 6.47596 4.97586C6.57464 5.01592 6.66443 5.0751 6.74017 5.14997L6.79859 5.20841L10.2027 8.47093L13.882 12L20.532 18.375L20.5901 18.4334C20.666 18.5082 20.7557 18.5672 20.8545 18.6073C20.9531 18.6473 21.0587 18.6674 21.1651 18.6665C21.3295 18.6671 21.4903 18.6193 21.6277 18.529Z", fill: "white" }), _jsx("path", { d: "M21.9988 6.16664V17.8336C21.9989 17.971 21.9651 18.1065 21.9004 18.2278C21.8357 18.3492 21.742 18.4526 21.6278 18.5291L16.6278 21.8625C16.7421 21.786 16.8357 21.6824 16.9004 21.561C16.965 21.4396 16.9988 21.3042 16.9987 21.1666V2.83351C16.9969 2.69494 16.9609 2.55896 16.8941 2.43758C16.8272 2.3162 16.7314 2.21316 16.6152 2.13757L21.6278 5.47101C21.7417 5.54782 21.8352 5.6514 21.8998 5.77266C21.9645 5.89394 21.9984 6.0292 21.9988 6.16664Z", fill: "white" })] }), _jsxs("g", { mask: "url(#mask0_3603_1086)", children: [_jsx("path", { d: "M5.66657 18.9167L2.33344 16.4167C2.22952 16.3395 2.14519 16.2388 2.08727 16.1231C2.02935 16.0073 1.99946 15.8795 2.00001 15.7501V8.25007C1.99946 8.1206 2.02935 7.99282 2.08727 7.87704C2.14519 7.76125 2.22952 7.6607 2.33344 7.5835L5.66657 5.0835C5.57703 5.16757 5.50937 5.27223 5.46945 5.3884C5.42953 5.50456 5.41857 5.62871 5.43751 5.75006V18.2501C5.41857 18.3715 5.42953 18.4956 5.46945 18.6118C5.50937 18.7279 5.57703 18.8326 5.66657 18.9167Z", fill: "#5E438F" }), _jsx("g", { filter: "url(#filter0_dd_3603_1086)", children: _jsx("path", { d: "M21.6276 5.47094C21.4904 5.38074 21.3295 5.33292 21.1652 5.33345C21.0588 5.33259 20.9531 5.35274 20.8544 5.39275C20.7558 5.43275 20.666 5.49182 20.5902 5.56657L20.5321 5.62501L16.9901 9.02095L13.8821 12L10.2027 15.5291L6.79859 18.7916L6.74016 18.8501C6.66443 18.9249 6.57464 18.984 6.47596 19.0242C6.37728 19.0642 6.27165 19.0843 6.16516 19.0834C5.98488 19.0831 5.80952 19.0246 5.66516 18.9166L2.33203 16.4166C2.50136 16.5438 2.71283 16.6017 2.92335 16.5785C3.13387 16.5552 3.32762 16.4526 3.46516 16.2916L5.33204 14.1251L7.16516 11.996L10.2027 8.47095L15.5236 2.29156C15.6009 2.20005 15.6972 2.12654 15.8059 2.07617C15.9145 2.02581 16.0329 1.99981 16.1526 2C16.317 1.99947 16.4778 2.04729 16.6152 2.13751L21.6276 5.47094Z", fill: "url(#paint0_linear_3603_1086)" }) }), _jsx("g", { filter: "url(#filter1_dd_3603_1086)", children: _jsx("path", { d: "M21.6276 18.529L16.6276 21.8625C16.4576 21.9736 16.2532 22.0195 16.0519 21.992C15.8506 21.9644 15.6661 21.8652 15.5321 21.7125L10.2027 15.5291L7.16516 11.9959L5.33204 9.87091L3.46516 7.70403C3.32639 7.5446 3.13245 7.44356 2.92228 7.42118C2.71211 7.3988 2.50125 7.45677 2.33203 7.5834L5.66516 5.08341C5.80952 4.97541 5.98488 4.91688 6.16516 4.91653C6.27165 4.91563 6.37728 4.93579 6.47596 4.97586C6.57464 5.01591 6.66443 5.07509 6.74016 5.14997L6.79859 5.2084L10.2027 8.47091L13.8821 12L16.9945 14.9834L20.5321 18.375L20.5902 18.4335C20.666 18.5082 20.7558 18.5672 20.8544 18.6072C20.9531 18.6472 21.0588 18.6674 21.1652 18.6665C21.3295 18.6671 21.4904 18.6192 21.6276 18.529Z", fill: "url(#paint1_linear_3603_1086)" }) }), _jsx("g", { filter: "url(#filter2_dd_3603_1086)", children: _jsx("path", { d: "M21.9988 6.16664V17.8335C21.9989 17.9711 21.9651 18.1064 21.9004 18.2278C21.8357 18.3491 21.742 18.4527 21.6278 18.5292L16.6277 21.8626C16.7421 21.7861 16.8357 21.6825 16.9003 21.5611C16.965 21.4397 16.9988 21.3043 16.9987 21.1667V2.83351C16.9969 2.69495 16.9609 2.55896 16.8941 2.43758C16.8272 2.3162 16.7314 2.21316 16.6152 2.13757L21.6278 5.47101C21.7417 5.54782 21.8351 5.65139 21.8998 5.77267C21.9644 5.89394 21.9984 6.02921 21.9988 6.16664Z", fill: "url(#paint2_linear_3603_1086)" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "filter0_dd_3603_1086", x: 1.74481, y: 1.55958, width: 20.4694, height: 18.2579, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: 0.0278929 }), _jsx("feGaussianBlur", { stdDeviation: 0.0278929 }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_3603_1086" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: 0.146805 }), _jsx("feGaussianBlur", { stdDeviation: 0.29361 }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0" }), _jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_3603_1086", result: "effect2_dropShadow_3603_1086" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_3603_1086", result: "shape" })] }), _jsxs("filter", { id: "filter1_dd_3603_1086", x: 1.74481, y: 4.47609, width: 20.4694, height: 18.2577, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: 0.0278929 }), _jsx("feGaussianBlur", { stdDeviation: 0.0278929 }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_3603_1086" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: 0.146805 }), _jsx("feGaussianBlur", { stdDeviation: 0.29361 }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.22 0" }), _jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_3603_1086", result: "effect2_dropShadow_3603_1086" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_3603_1086", result: "shape" })] }), _jsxs("filter", { id: "filter2_dd_3603_1086", x: 14.8536, y: 0.375913, width: 8.90613, height: 23.2483, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", {}), _jsx("feGaussianBlur", { stdDeviation: 0.0146805 }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_3603_1086" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", {}), _jsx("feGaussianBlur", { stdDeviation: 0.88083 }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" }), _jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_3603_1086", result: "effect2_dropShadow_3603_1086" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_3603_1086", result: "shape" })] }), _jsxs("linearGradient", { id: "paint0_linear_3603_1086", x1: 18.2486, y1: 2, x2: 3.39758, y2: 16.9472, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#7252AA" }), _jsx("stop", { offset: 1, stopColor: "#7252AA" })] }), _jsxs("linearGradient", { id: "paint1_linear_3603_1086", x1: 3.87366, y1: 5.64566, x2: 17.8319, y2: 21.2705, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#AE7FE2" }), _jsx("stop", { offset: 1, stopColor: "#9A70D4" })] }), _jsxs("linearGradient", { id: "paint2_linear_3603_1086", x1: 19.2477, y1: 1.73538, x2: 19.2477, y2: 21.8458, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#D59DFF" }), _jsx("stop", { offset: 1, stopColor: "#C18EF1" })] })] })] })); }; IconLogoVisualStudioColor.iconName = "logo-visual-studio--color"; export default IconLogoVisualStudioColor;