@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
560 lines (559 loc) • 19.6 kB
JSX
const React = require("react");
const MicroscopeIcon = ({ title, titleId, ...props }) => (
<svg
width="1em"
height="1em"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<g filter="url(#filter0_i_18_25115)">
<path
d="M18.79 11.5156C22.04 12.0312 25.8136 14.479 25.9463 19.4062C26.0713 24.0469 22.7744 26.2656 20.6807 27.5781"
stroke="#B5B2BC"
strokeWidth={3}
/>
</g>
<path
d="M18.79 11.5156C22.04 12.0312 25.8136 14.479 25.9463 19.4062C26.0713 24.0469 22.7744 26.2656 20.6807 27.5781"
stroke="url(#paint0_radial_18_25115)"
strokeWidth={3}
/>
<g filter="url(#filter1_f_18_25115)">
<path
d="M19.1177 11.5156C22.3677 12.0312 26.1412 14.479 26.2739 19.4062C26.3989 24.0469 23.1021 26.2656 21.0083 27.5781"
stroke="url(#paint1_radial_18_25115)"
strokeWidth={0.75}
/>
</g>
<g filter="url(#filter2_i_18_25115)">
<path
d="M11.7486 13.0885C12.3707 12.2143 13.5836 12.0099 14.4578 12.6319C15.332 13.254 15.5365 14.4669 14.9144 15.3411L13.6145 17.168C12.9925 18.0422 11.7795 18.2467 10.9053 17.6246C10.0311 17.0026 9.82667 15.7896 10.4487 14.9154L11.7486 13.0885Z"
fill="url(#paint2_linear_18_25115)"
/>
<path
d="M11.7486 13.0885C12.3707 12.2143 13.5836 12.0099 14.4578 12.6319C15.332 13.254 15.5365 14.4669 14.9144 15.3411L13.6145 17.168C12.9925 18.0422 11.7795 18.2467 10.9053 17.6246C10.0311 17.0026 9.82667 15.7896 10.4487 14.9154L11.7486 13.0885Z"
fill="url(#paint3_radial_18_25115)"
/>
</g>
<g filter="url(#filter3_ii_18_25115)">
<path
d="M5.00003 17.8879C5.4039 17.3114 6.1987 17.1714 6.77527 17.5752L19.9586 26.8097C20.5352 27.2135 20.6752 28.0083 20.2713 28.5849C19.8674 29.1615 19.0726 29.3015 18.4961 28.8976L5.31274 19.6632C4.73617 19.2593 4.59617 18.4645 5.00003 17.8879Z"
fill="url(#paint4_linear_18_25115)"
/>
</g>
<g filter="url(#filter4_ii_18_25115)">
<path
d="M18.0956 4.09604C16.6079 3.92337 15.074 4.54513 14.1444 5.85165L10.9395 10.3558C9.58057 12.2656 10.0271 14.9155 11.937 16.2744C13.8468 17.6334 16.4967 17.1868 17.8556 15.2769L21.0605 10.7728C21.9901 9.46628 22.0748 7.81338 21.4241 6.46445L18.0956 4.09604Z"
fill="url(#paint5_linear_18_25115)"
/>
<path
d="M18.0956 4.09604C16.6079 3.92337 15.074 4.54513 14.1444 5.85165L10.9395 10.3558C9.58057 12.2656 10.0271 14.9155 11.937 16.2744C13.8468 17.6334 16.4967 17.1868 17.8556 15.2769L21.0605 10.7728C21.9901 9.46628 22.0748 7.81338 21.4241 6.46445L18.0956 4.09604Z"
fill="url(#paint6_radial_18_25115)"
/>
<path
d="M18.0956 4.09604C16.6079 3.92337 15.074 4.54513 14.1444 5.85165L10.9395 10.3558C9.58057 12.2656 10.0271 14.9155 11.937 16.2744C13.8468 17.6334 16.4967 17.1868 17.8556 15.2769L21.0605 10.7728C21.9901 9.46628 22.0748 7.81338 21.4241 6.46445L18.0956 4.09604Z"
fill="url(#paint7_radial_18_25115)"
/>
</g>
<path
d="M18.0956 4.09604C16.6079 3.92337 15.074 4.54513 14.1444 5.85165L10.9395 10.3558C9.58057 12.2656 10.0271 14.9155 11.937 16.2744C13.8468 17.6334 16.4967 17.1868 17.8556 15.2769L21.0605 10.7728C21.9901 9.46628 22.0748 7.81338 21.4241 6.46445L18.0956 4.09604Z"
fill="url(#paint8_linear_18_25115)"
/>
<path
d="M18.0956 4.09604C16.6079 3.92337 15.074 4.54513 14.1444 5.85165L10.9395 10.3558C9.58057 12.2656 10.0271 14.9155 11.937 16.2744C13.8468 17.6334 16.4967 17.1868 17.8556 15.2769L21.0605 10.7728C21.9901 9.46628 22.0748 7.81338 21.4241 6.46445L18.0956 4.09604Z"
fill="url(#paint9_radial_18_25115)"
/>
<path
d="M19.0781 2.71402C19.3983 2.26403 20.0227 2.1588 20.4727 2.47899L22.1751 3.68666C22.6251 4.00686 22.7303 4.63121 22.4102 5.0812L21.4229 6.46875L18.0908 4.10157L19.0781 2.71402Z"
fill="url(#paint10_linear_18_25115)"
/>
<path
d="M19.0781 2.71402C19.3983 2.26403 20.0227 2.1588 20.4727 2.47899L22.1751 3.68666C22.6251 4.00686 22.7303 4.63121 22.4102 5.0812L21.4229 6.46875L18.0908 4.10157L19.0781 2.71402Z"
fill="url(#paint11_linear_18_25115)"
/>
<path
d="M19.0781 2.71402C19.3983 2.26403 20.0227 2.1588 20.4727 2.47899L22.1751 3.68666C22.6251 4.00686 22.7303 4.63121 22.4102 5.0812L21.4229 6.46875L18.0908 4.10157L19.0781 2.71402Z"
fill="url(#paint12_radial_18_25115)"
/>
<g filter="url(#filter5_iii_18_25115)">
<path
d="M2.13379 28.5156C2.13379 26.8588 3.47693 25.5156 5.13379 25.5156H26.9463C28.6031 25.5156 29.9463 26.8588 29.9463 28.5156V28.5656C29.9463 29.2284 29.409 29.7656 28.7463 29.7656H3.33379C2.67105 29.7656 2.13379 29.2284 2.13379 28.5656V28.5156Z"
fill="url(#paint13_linear_18_25115)"
/>
</g>
<path
d="M10.5021 11.1294C10.6182 10.8621 10.7638 10.6027 10.9395 10.3558L11.7452 9.22339L18.6614 14.1446L17.8556 15.2769C17.6798 15.5239 17.4825 15.7464 17.2681 15.9437L10.5021 11.1294Z"
fill="url(#paint14_linear_18_25115)"
/>
<path
d="M10.5021 11.1294C10.6182 10.8621 10.7638 10.6027 10.9395 10.3558L11.7452 9.22339L18.6614 14.1446L17.8556 15.2769C17.6798 15.5239 17.4825 15.7464 17.2681 15.9437L10.5021 11.1294Z"
fill="url(#paint15_linear_18_25115)"
/>
<path
d="M10.5021 11.1294C10.6182 10.8621 10.7638 10.6027 10.9395 10.3558L11.7452 9.22339L18.6614 14.1446L17.8556 15.2769C17.6798 15.5239 17.4825 15.7464 17.2681 15.9437L10.5021 11.1294Z"
fill="url(#paint16_linear_18_25115)"
/>
<defs>
<filter
id="filter0_i_18_25115"
x={18.555}
y={10.0342}
width={8.89478}
height={19.0648}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<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"
/>
<feOffset dy={0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.545098 0 0 0 0 0.541176 0 0 0 0 0.572549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25115"
/>
</filter>
<filter
id="filter1_f_18_25115"
x={18.3089}
y={10.3953}
width={9.09351}
height={18.2506}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_25115"
/>
</filter>
<filter
id="filter2_i_18_25115"
x={10.0887}
y={12.272}
width={5.18567}
height={5.71265}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<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"
/>
<feOffset />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.286275 0 0 0 0 0.243137 0 0 0 0 0.415686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25115"
/>
</filter>
<filter
id="filter3_ii_18_25115"
x={4.71929}
y={17.2945}
width={15.8328}
height={11.8838}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<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"
/>
<feOffset dx={0.05} dy={-0.05} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.121569 0 0 0 0 0.396078 0 0 0 0 0.721569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25115"
/>
<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"
/>
<feOffset dx={-0.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.290196 0 0 0 0 0.741176 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25115"
result="effect2_innerShadow_18_25115"
/>
</filter>
<filter
id="filter4_ii_18_25115"
x={9.95308}
y={4.06775}
width={12.3938}
height={13.243}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<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"
/>
<feOffset dx={0.5} dy={0.25} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.54902 0 0 0 0 0.545098 0 0 0 0 0.54902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25115"
/>
<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"
/>
<feOffset dx={-0.2} dy={0.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.682353 0 0 0 0 0.639216 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25115"
result="effect2_innerShadow_18_25115"
/>
</filter>
<filter
id="filter5_iii_18_25115"
x={1.48379}
y={25.0156}
width={28.9625}
height={5.4}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<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"
/>
<feOffset dx={-0.65} dy={0.8} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.627451 0 0 0 0 0.596078 0 0 0 0 0.662745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25115"
/>
<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"
/>
<feOffset dx={0.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.494118 0 0 0 0 0.501961 0 0 0 0 0.54902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_25115"
result="effect2_innerShadow_18_25115"
/>
<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"
/>
<feOffset dy={-0.5} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.47451 0 0 0 0 0.286275 0 0 0 0 0.619608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_25115"
result="effect3_innerShadow_18_25115"
/>
</filter>
<radialGradient
id="paint0_radial_18_25115"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.865 15.1759) rotate(-49.9824) scale(4.53408 7.91213)"
>
<stop offset={0.338608} stopColor="#765398" />
<stop offset={1} stopColor="#A892C0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_18_25115"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5633 16.5517) rotate(168.658) scale(11.3264 14.657)"
>
<stop stopColor="#D5CDDD" />
<stop offset={1} stopColor="#D5CDDD" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_25115"
x1={10.365}
y1={15.5362}
x2={13.0513}
y2={17.6655}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6C6C73" />
<stop offset={1} stopColor="#444060" />
</linearGradient>
<radialGradient
id="paint3_radial_18_25115"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.4288 16.0276) rotate(127.117) scale(1.52001 1.49024)"
>
<stop stopColor="#554170" />
<stop offset={1} stopColor="#554170" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_25115"
x1={5.22754}
y1={18.625}
x2={18.2275}
y2={27.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#43B6FF" />
<stop offset={1} stopColor="#4184D5" />
</linearGradient>
<linearGradient
id="paint5_linear_18_25115"
x1={19.54}
y1={5.21875}
x2={14.0088}
y2={12.6875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C4C2C7" />
<stop offset={1} stopColor="#B3ABBD" />
</linearGradient>
<radialGradient
id="paint6_radial_18_25115"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.54 15.25) rotate(-78.6859) scale(4.77858 4.00812)"
>
<stop stopColor="#B699D4" />
<stop offset={1} stopColor="#B699D4" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_25115"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.915 7.65625) rotate(130.374) scale(3.81715 4.39177)"
>
<stop offset={0.110507} stopColor="#DED8E5" />
<stop offset={1} stopColor="#C4C1C7" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_25115"
x1={19.758}
y1={4.86713}
x2={19.1932}
y2={5.77078}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C5C3C7" />
<stop offset={1} stopColor="#C5C3C7" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_25115"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.2397 17.0608) rotate(-92.5714) scale(1.88829 4.57734)"
>
<stop offset={0.0831209} stopColor="#8167AE" />
<stop offset={1} stopColor="#B29DC8" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_25115"
x1={19.6451}
y1={3.56813}
x2={22.2431}
y2={5.206}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6E6B71" />
<stop offset={1} stopColor="#61596A" />
</linearGradient>
<linearGradient
id="paint11_linear_18_25115"
x1={18.6338}
y1={3.5}
x2={19.54}
y2={4}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#585758" />
<stop offset={1} stopColor="#585758" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_25115"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.415 3.76563) rotate(126.573) scale(0.603133 1.72844)"
>
<stop stopColor="#8C8990" />
<stop offset={1} stopColor="#8C8990" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_25115"
x1={3.72754}
y1={29.1875}
x2={29.29}
y2={29.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9A8DA8" />
<stop offset={1} stopColor="#9688A5" />
</linearGradient>
<linearGradient
id="paint14_linear_18_25115"
x1={12.1334}
y1={10.995}
x2={17.2447}
y2={14.6379}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E5DCEF" />
<stop offset={1} stopColor="#F7E0FF" />
</linearGradient>
<linearGradient
id="paint15_linear_18_25115"
x1={18.1766}
y1={15.6263}
x2={15.4374}
y2={13.5648}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0884956} stopColor="#B5A1CB" />
<stop offset={1} stopColor="#DFC9F7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_25115"
x1={10.8909}
y1={10.2608}
x2={11.9358}
y2={11.0515}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B6B5B7" />
<stop offset={1} stopColor="#B6B5B7" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = MicroscopeIcon;