@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
605 lines (604 loc) • 18.4 kB
JSX
const React = require("react");
const TelescopeIcon = ({ 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}
<path
d="M16 16V28.9844"
stroke="url(#paint0_linear_18_25150)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M16.5898 15.9219L25.7925 29.0313"
stroke="url(#paint1_linear_18_25150)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M16.5898 15.9219L25.7925 29.0313"
stroke="url(#paint2_linear_18_25150)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M16.5898 15.9219L25.7925 29.0313"
stroke="url(#paint3_radial_18_25150)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M16.5898 15.9219L25.7925 29.0313"
stroke="url(#paint4_linear_18_25150)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M15.41 15.9375L6.20737 29.0469"
stroke="url(#paint5_linear_18_25150)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<path
d="M15.41 15.9375L6.20737 29.0469"
stroke="url(#paint6_linear_18_25150)"
strokeWidth={1.4}
strokeLinecap="round"
/>
<g filter="url(#filter0_f_18_25150)">
<path
d="M15.41 15.9219L6.20737 29.0313"
stroke="url(#paint7_linear_18_25150)"
strokeWidth={0.4}
strokeLinecap="round"
/>
</g>
<rect
x={15.3711}
y={11.5625}
width={1.25781}
height={3.53125}
fill="#251350"
/>
<path
d="M30.1633 12.3905C30.3047 12.0011 30.1037 11.5709 29.7144 11.4295L21.1461 8.31726L19.4526 12.9795L28.0209 16.0917C28.4102 16.2331 28.8405 16.0322 28.9819 15.6428L30.1633 12.3905Z"
fill="url(#paint8_linear_18_25150)"
/>
<path
d="M30.1633 12.3905C30.3047 12.0011 30.1037 11.5709 29.7144 11.4295L21.1461 8.31726L19.4526 12.9795L28.0209 16.0917C28.4102 16.2331 28.8405 16.0322 28.9819 15.6428L30.1633 12.3905Z"
fill="url(#paint9_linear_18_25150)"
/>
<path
d="M30.1633 12.3905C30.3047 12.0011 30.1037 11.5709 29.7144 11.4295L21.1461 8.31726L19.4526 12.9795L28.0209 16.0917C28.4102 16.2331 28.8405 16.0322 28.9819 15.6428L30.1633 12.3905Z"
fill="url(#paint10_linear_18_25150)"
/>
<path
d="M26.1636 15.4172L27.8571 10.7549L29.7144 11.4295C30.1036 11.5709 30.3047 12.0012 30.1632 12.3905L28.9819 15.6429C28.8405 16.0322 28.4103 16.2332 28.0209 16.0918L26.1636 15.4172Z"
fill="url(#paint11_linear_18_25150)"
/>
<path
d="M26.1636 15.4172L27.8571 10.7549L29.7144 11.4295C30.1036 11.5709 30.3047 12.0012 30.1632 12.3905L28.9819 15.6429C28.8405 16.0322 28.4103 16.2332 28.0209 16.0918L26.1636 15.4172Z"
fill="url(#paint12_linear_18_25150)"
/>
<path
d="M26.1636 15.4172L27.8571 10.7549L29.7144 11.4295C30.1036 11.5709 30.3047 12.0012 30.1632 12.3905L28.9819 15.6429C28.8405 16.0322 28.4103 16.2332 28.0209 16.0918L26.1636 15.4172Z"
fill="url(#paint13_radial_18_25150)"
/>
<g filter="url(#filter1_f_18_25150)">
<rect
x={21.802}
y={10.1086}
width={5.57599}
height={0.787064}
transform="rotate(20.0042 21.802 10.1086)"
fill="#C9C2D2"
/>
</g>
<path
d="M2.81269 4.29685C3.45665 2.52398 5.41587 1.60881 7.18874 2.25276L22.8742 7.95013C22.9261 7.96898 22.9529 8.02635 22.9341 8.07826L20.6704 14.3104C20.6516 14.3623 20.5942 14.3891 20.5423 14.3703L4.85679 8.67289C3.08391 8.02894 2.16874 6.06972 2.81269 4.29685Z"
fill="url(#paint14_linear_18_25150)"
/>
<path
d="M2.81269 4.29685C3.45665 2.52398 5.41587 1.60881 7.18874 2.25276L22.8742 7.95013C22.9261 7.96898 22.9529 8.02635 22.9341 8.07826L20.6704 14.3104C20.6516 14.3623 20.5942 14.3891 20.5423 14.3703L4.85679 8.67289C3.08391 8.02894 2.16874 6.06972 2.81269 4.29685Z"
fill="url(#paint15_linear_18_25150)"
/>
<g filter="url(#filter2_i_18_25150)">
<rect
width={2.23438}
height={5.39844}
rx={1.11719}
transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 18.6992 16.4375)"
fill="#431670"
/>
</g>
<rect
width={2.23438}
height={5.39844}
rx={1.11719}
transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 18.6992 16.4375)"
fill="url(#paint16_radial_18_25150)"
/>
<rect
width={2.23438}
height={5.39844}
rx={1.11719}
transform="matrix(4.37114e-08 -1 -1 -4.37114e-08 18.6992 16.4375)"
fill="url(#paint17_radial_18_25150)"
/>
<g filter="url(#filter3_f_18_25150)">
<rect
x={9.73279}
y={5.14282}
width={13.073}
height={0.787064}
transform="rotate(20.0042 9.73279 5.14282)"
fill="#C9C2D2"
/>
</g>
<g filter="url(#filter4_i_18_25150)">
<path
d="M8.07422 2.57983L5.74219 8.99995L4.85687 8.67277C3.08392 8.02882 2.16876 6.0696 2.81268 4.29673C3.45672 2.52385 5.41595 1.60868 7.18878 2.25264L8.07422 2.57983Z"
fill="url(#paint18_radial_18_25150)"
/>
</g>
<path
d="M10.762 3.55061L7.48804 2.36145L5.15613 8.78159L8.42993 9.97073L10.762 3.55061Z"
fill="url(#paint19_linear_18_25150)"
/>
<path
d="M10.762 3.55061L7.48804 2.36145L5.15613 8.78159L8.42993 9.97073L10.762 3.55061Z"
fill="url(#paint20_linear_18_25150)"
/>
<path
d="M10.762 3.55061L7.48804 2.36145L5.15613 8.78159L8.42993 9.97073L10.762 3.55061Z"
fill="url(#paint21_linear_18_25150)"
/>
<g filter="url(#filter5_f_18_25150)">
<rect
x={7.23193}
y={4.09399}
width={2.87406}
height={1.51528}
transform="rotate(20.0042 7.23193 4.09399)"
fill="#7468B7"
/>
</g>
<g filter="url(#filter6_f_18_25150)">
<rect
x={27.6395}
y={12.1924}
width={2.09321}
height={1.12338}
transform="rotate(20.0042 27.6395 12.1924)"
fill="#7266B6"
/>
</g>
<defs>
<filter
id="filter0_f_18_25150"
x={5.60739}
y={15.3219}
width={10.4027}
height={14.3094}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_25150"
/>
</filter>
<filter
id="filter1_f_18_25150"
x={20.5328}
y={9.10864}
width={7.50879}
height={4.64709}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_25150"
/>
</filter>
<filter
id="filter2_i_18_25150"
x={12.8008}
y={14.2031}
width={5.89844}
height={2.73438}
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.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.188235 0 0 0 0 0.129412 0 0 0 0 0.309804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25150"
/>
</filter>
<filter
id="filter3_f_18_25150"
x={8.46356}
y={4.14282}
width={14.5535}
height={7.21167}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_25150"
/>
</filter>
<filter
id="filter4_i_18_25150"
x={2.60657}
y={2.04651}
width={5.46765}
height={6.95349}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.713726 0 0 0 0 0.780392 0 0 0 0 0.85098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_25150"
/>
</filter>
<filter
id="filter5_f_18_25150"
x={6.11356}
y={3.49399}
width={4.41906}
height={3.6071}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_25150"
/>
</filter>
<filter
id="filter6_f_18_25150"
x={26.6552}
y={11.5924}
width={3.5512}
height={2.97173}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_25150"
/>
</filter>
<linearGradient
id="paint0_linear_18_25150"
x1={16}
y1={23.875}
x2={15.1367}
y2={23.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3C1681" />
<stop offset={1} stopColor="#605482" />
</linearGradient>
<linearGradient
id="paint1_linear_18_25150"
x1={20.9023}
y1={20.7344}
x2={19.8555}
y2={21.4219}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5B4DA4" />
<stop offset={1} stopColor="#423174" />
</linearGradient>
<linearGradient
id="paint2_linear_18_25150"
x1={16.7773}
y1={17.5157}
x2={17.1367}
y2={17.2969}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#574C77" />
<stop offset={1} stopColor="#574C77" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_25150"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.3945 28.9688) rotate(-171.754) scale(0.544694 0.435162)"
>
<stop offset={0.274224} stopColor="#604FA8" />
<stop offset={1} stopColor="#604FA8" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_25150"
x1={17.2026}
y1={15.4219}
x2={17.2026}
y2={17.2031}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.407499} stopColor="#1D0A4A" />
<stop offset={1} stopColor="#1D0A4A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_25150"
x1={11.4961}
y1={23.0469}
x2={10.0273}
y2={22.1094}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5640A6" />
<stop offset={0.944355} stopColor="#43356A" />
</linearGradient>
<linearGradient
id="paint6_linear_18_25150"
x1={14.7973}
y1={15.4375}
x2={14.7973}
y2={17.2188}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.407499} stopColor="#1D0A4A" />
<stop offset={1} stopColor="#1D0A4A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_25150"
x1={6.55859}
y1={28.7813}
x2={15.41}
y2={15.6563}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.743203} stopColor="#6250A3" />
<stop offset={1} stopColor="#6250A3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_25150"
x1={25.6836}
y1={11.5469}
x2={24.4648}
y2={14.7344}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C1C0C1" />
<stop offset={1} stopColor="#9777B3" />
</linearGradient>
<linearGradient
id="paint9_linear_18_25150"
x1={25.4023}
y1={15.2344}
x2={25.9492}
y2={13.5938}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0677859} stopColor="#864EB1" />
<stop offset={1} stopColor="#987BB3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_25150"
x1={20.2366}
y1={12.3707}
x2={21.4812}
y2={12.7744}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.255535} stopColor="#734497" />
<stop offset={1} stopColor="#734497" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_25150"
x1={29.4601}
y1={11.2203}
x2={27.8201}
y2={15.8332}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.343021} stopColor="#7166B3" />
<stop offset={1} stopColor="#503398" />
</linearGradient>
<linearGradient
id="paint12_linear_18_25150"
x1={26.8555}
y1={12.8907}
x2={27.4317}
y2={13.0388}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#533A9A" />
<stop offset={1} stopColor="#5D47A3" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_25150"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.5898 12.8438) rotate(109.312) scale(1.93712 0.266243)"
>
<stop offset={0.090566} stopColor="#7D72BE" />
<stop offset={1} stopColor="#7D72BE" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_18_25150"
x1={13.9023}
y1={7.20319}
x2={12.7734}
y2={10.9219}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C1C0C1" />
<stop offset={1} stopColor="#9777B3" />
</linearGradient>
<linearGradient
id="paint15_linear_18_25150"
x1={14.4023}
y1={12.4063}
x2={15.0742}
y2={10.6407}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.179641} stopColor="#8E69B0" />
<stop offset={1} stopColor="#987BB3" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_25150"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(0.6875 0.8125) rotate(90) scale(5.07812 2.25)"
>
<stop offset={0.621538} stopColor="#614F7B" stopOpacity={0} />
<stop offset={0.92} stopColor="#614F7B" />
</radialGradient>
<radialGradient
id="paint17_radial_18_25150"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(1.28125 1.82813) rotate(90) scale(2.14063 0.753183)"
>
<stop stopColor="#574775" />
<stop offset={1} stopColor="#574775" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_25150"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.21484 5.64057) rotate(109.822) scale(2.85677 2.63799)"
>
<stop offset={0.223884} stopColor="#ADDEFF" />
<stop offset={1} stopColor="#A2CFFB" />
</radialGradient>
<linearGradient
id="paint19_linear_18_25150"
x1={9.72479}
y1={3.01939}
x2={7.37014}
y2={9.5115}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.343021} stopColor="#7166B3" />
<stop offset={1} stopColor="#503398" />
</linearGradient>
<linearGradient
id="paint20_linear_18_25150"
x1={6.27734}
y1={5.39066}
x2={6.69922}
y2={5.54691}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#533A9A" />
<stop offset={1} stopColor="#5D47A3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint21_linear_18_25150"
x1={6.32737}
y1={9.5115}
x2={6.76466}
y2={8.46873}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7B64AE" />
<stop offset={1} stopColor="#7B64AE" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = TelescopeIcon;