@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
499 lines (498 loc) • 16.2 kB
JSX
const React = require("react");
const LightBulbIcon = ({ 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}
<circle
cx={15.8683}
cy={28.1016}
r={1.77344}
fill="url(#paint0_radial_18_20513)"
/>
<rect
x={12.5156}
y={22.1719}
width={6.78125}
height={6.71875}
rx={1.25}
fill="url(#paint1_linear_18_20513)"
/>
<rect
x={12.5156}
y={22.1719}
width={6.78125}
height={6.71875}
rx={1.25}
fill="url(#paint2_linear_18_20513)"
/>
<rect
x={12.5156}
y={22.1719}
width={6.78125}
height={6.71875}
rx={1.25}
fill="url(#paint3_radial_18_20513)"
/>
<rect
x={12.5156}
y={22.1719}
width={6.78125}
height={6.71875}
rx={1.25}
fill="url(#paint4_linear_18_20513)"
/>
<g filter="url(#filter0_i_18_20513)">
<path
d="M15.7673 22.9687C15.7862 22.9687 15.8043 22.9688 15.8214 22.9688C16.3766 22.9663 17.6554 22.9448 18.168 22.8516C18.718 22.7516 18.789 22.4774 18.8867 22.0469C19.4891 19.3935 20.4992 18.3734 21.1749 17.6909C21.2791 17.5857 21.3754 17.4885 21.4609 17.3945C21.7542 17.0727 22.0081 16.7893 22.2019 16.5705C23.6607 15.0223 24.5547 12.936 24.5547 10.6409C24.5547 5.86447 20.6826 1.99243 15.9062 1.99243C11.1299 1.99243 7.25781 5.86447 7.25781 10.6409C7.25781 12.908 8.13016 14.9714 9.5575 16.5137C9.75677 16.7391 10.0294 17.0441 10.3488 17.3945C10.4043 17.4555 10.4644 17.5179 10.5282 17.5829C10.5627 17.618 10.5982 17.654 10.6348 17.6909C11.3105 18.3734 12.3206 19.3935 12.923 22.0469C13.0208 22.4774 13.0918 22.7516 13.6418 22.8516C14.1532 22.9446 15.1883 22.9659 15.7121 22.9685C15.7292 22.9685 15.7477 22.9687 15.7673 22.9687Z"
fill="url(#paint5_radial_18_20513)"
/>
<path
d="M15.7673 22.9687C15.7862 22.9687 15.8043 22.9688 15.8214 22.9688C16.3766 22.9663 17.6554 22.9448 18.168 22.8516C18.718 22.7516 18.789 22.4774 18.8867 22.0469C19.4891 19.3935 20.4992 18.3734 21.1749 17.6909C21.2791 17.5857 21.3754 17.4885 21.4609 17.3945C21.7542 17.0727 22.0081 16.7893 22.2019 16.5705C23.6607 15.0223 24.5547 12.936 24.5547 10.6409C24.5547 5.86447 20.6826 1.99243 15.9062 1.99243C11.1299 1.99243 7.25781 5.86447 7.25781 10.6409C7.25781 12.908 8.13016 14.9714 9.5575 16.5137C9.75677 16.7391 10.0294 17.0441 10.3488 17.3945C10.4043 17.4555 10.4644 17.5179 10.5282 17.5829C10.5627 17.618 10.5982 17.654 10.6348 17.6909C11.3105 18.3734 12.3206 19.3935 12.923 22.0469C13.0208 22.4774 13.0918 22.7516 13.6418 22.8516C14.1532 22.9446 15.1883 22.9659 15.7121 22.9685C15.7292 22.9685 15.7477 22.9687 15.7673 22.9687Z"
fill="url(#paint6_radial_18_20513)"
/>
</g>
<circle
cx={17.462}
cy={6.95312}
r={3.32812}
fill="url(#paint7_linear_18_20513)"
/>
<g filter="url(#filter1_i_18_20513)">
<path
d="M15.4789 22.9663C15.4438 20.7942 15.2707 19.3638 15.0072 18.3682C14.7035 17.2206 14.2787 16.6487 13.8292 16.1952L13.8236 16.1895L13.8177 16.184C13.242 15.6393 12.8839 14.8697 12.8839 14.0156C12.8839 12.3674 14.2201 11.0312 15.8683 11.0312C17.5165 11.0312 18.8527 12.3674 18.8527 14.0156C18.8527 14.8697 18.4945 15.6393 17.9189 16.184L17.913 16.1895L17.9073 16.1952C17.466 16.6406 17.0354 17.1749 16.7281 18.313C16.4621 19.2976 16.2881 20.733 16.2535 22.9642C16.5551 22.9593 16.9158 22.9501 17.2542 22.9337C17.2899 20.7658 17.4601 19.4379 17.6935 18.5737C17.9463 17.6374 18.2714 17.2491 18.6122 16.9046C19.3756 16.1793 19.8527 15.1527 19.8527 14.0156C19.8527 11.8151 18.0688 10.0312 15.8683 10.0312C13.6678 10.0312 11.8839 11.8151 11.8839 14.0156C11.8839 15.1527 12.3609 16.1792 13.1243 16.9045C13.4573 17.2414 13.7859 17.6622 14.0405 18.624C14.2731 19.5027 14.4419 20.8281 14.4782 22.9343C14.8245 22.9534 15.1897 22.9625 15.4789 22.9663Z"
fill="#FFAD55"
/>
</g>
<g filter="url(#filter2_f_18_20513)">
<path
d="M16.8789 22.7386C16.8789 17.9675 17.61 17.2065 18.3942 16.4152C19.0655 15.7801 19.4844 14.8808 19.4844 13.8837C19.4844 11.9593 17.9244 10.3993 16 10.3993C14.0756 10.3993 12.5156 11.9593 12.5156 13.8837C12.5156 14.8808 12.9345 15.7801 13.6058 16.4152C14.39 17.2065 15.1172 18.5762 15.1172 22.7386"
stroke="url(#paint8_linear_18_20513)"
strokeWidth={0.25}
/>
</g>
<g filter="url(#filter3_f_18_20513)">
<rect
x={12.4299}
y={25.1228}
width={6.81116}
height={1.07037}
rx={0.535186}
transform="rotate(-8.90493 12.4299 25.1228)"
fill="#7E6693"
/>
</g>
<g filter="url(#filter4_f_18_20513)">
<rect
x={12.4299}
y={27.494}
width={6.81116}
height={1.07037}
rx={0.535186}
transform="rotate(-8.90493 12.4299 27.494)"
fill="#7E6693"
/>
</g>
<rect
x={11.6846}
y={27.463}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 27.463)"
fill="url(#paint9_linear_18_20513)"
/>
<rect
x={11.6846}
y={27.463}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 27.463)"
fill="url(#paint10_linear_18_20513)"
/>
<rect
x={11.6846}
y={27.463}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 27.463)"
fill="url(#paint11_linear_18_20513)"
/>
<rect
x={11.6846}
y={27.463}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 27.463)"
fill="url(#paint12_radial_18_20513)"
/>
<rect
x={11.6846}
y={25.0864}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 25.0864)"
fill="url(#paint13_linear_18_20513)"
/>
<rect
x={11.6846}
y={25.0864}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 25.0864)"
fill="url(#paint14_linear_18_20513)"
/>
<rect
x={11.6846}
y={25.0864}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 25.0864)"
fill="url(#paint15_linear_18_20513)"
/>
<rect
x={11.6846}
y={25.0864}
width={8.3203}
height={1.10182}
rx={0.550908}
transform="rotate(-8.90493 11.6846 25.0864)"
fill="url(#paint16_radial_18_20513)"
/>
<defs>
<filter
id="filter0_i_18_20513"
x={7.25781}
y={1.99243}
width={17.5469}
height={21.1263}
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.25} dy={0.15} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.992157 0 0 0 0 0.666667 0 0 0 0 0.309804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20513"
/>
</filter>
<filter
id="filter1_i_18_20513"
x={11.8839}
y={10.0312}
width={8.21875}
height={12.9351}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.572549 0 0 0 0 0.254902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20513"
/>
</filter>
<filter
id="filter2_f_18_20513"
x={12.1406}
y={10.0243}
width={7.71875}
height={12.9644}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_20513"
/>
</filter>
<filter
id="filter3_f_18_20513"
x={12.2562}
y={23.8948}
width={7.24219}
height={2.45923}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_20513"
/>
</filter>
<filter
id="filter4_f_18_20513"
x={12.2562}
y={26.266}
width={7.24219}
height={2.45923}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_18_20513"
/>
</filter>
<radialGradient
id="paint0_radial_18_20513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.337 29.1094) rotate(96.6544) scale(0.943859 2.18614)"
>
<stop offset={0.267752} stopColor="#AC90C6" />
<stop offset={1} stopColor="#8E6AAA" />
</radialGradient>
<linearGradient
id="paint1_linear_18_20513"
x1={19.2969}
y1={25.8015}
x2={12.5156}
y2={25.8015}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CDC2D1" />
<stop offset={1} stopColor="#947C8D" />
</linearGradient>
<linearGradient
id="paint2_linear_18_20513"
x1={12.1808}
y1={26.3125}
x2={13.8371}
y2={26.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8A7B88" />
<stop offset={1} stopColor="#8A7B88" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_20513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3046 22.6404) rotate(88.6361) scale(0.824869 3.67242)"
>
<stop offset={0.228769} stopColor="#EDE2EB" />
<stop offset={1} stopColor="#C8BCCB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_20513"
x1={17.4621}
y1={28.8906}
x2={17.4621}
y2={27.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7E5F9E" />
<stop offset={1} stopColor="#7E5F9E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint5_radial_18_20513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.5558 8.12501) rotate(138.066) scale(9.91369 8.17473)"
>
<stop offset={0.286168} stopColor="#FFEC87" />
<stop offset={1} stopColor="#FFCD4B" />
</radialGradient>
<radialGradient
id="paint6_radial_18_20513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.4933 13.4375) rotate(-147.604) scale(14.5819 14.0258)"
>
<stop offset={0.622387} stopColor="#FFB239" stopOpacity={0} />
<stop offset={1} stopColor="#FFB239" />
</radialGradient>
<linearGradient
id="paint7_linear_18_20513"
x1={16.2981}
y1={8.02741}
x2={19.7196}
y2={5.3613}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" stopOpacity={0} />
<stop offset={0.594121} stopColor="white" />
</linearGradient>
<linearGradient
id="paint8_linear_18_20513"
x1={19.7196}
y1={10.9974}
x2={15.7143}
y2={20.5396}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFBF5C" />
<stop offset={1} stopColor="#FFBF5C" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_20513"
x1={15.744}
y1={27.4723}
x2={15.8226}
y2={28.6866}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B1969A" />
<stop offset={1} stopColor="#DAD2E2" />
</linearGradient>
<linearGradient
id="paint10_linear_18_20513"
x1={16.7152}
y1={28.5418}
x2={16.7126}
y2={27.7506}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8A68A9" />
<stop offset={1} stopColor="#DEC2E3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_20513"
x1={11.5869}
y1={28.0862}
x2={14.3742}
y2={27.9377}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#958387" />
<stop offset={1} stopColor="#958387" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_20513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.5808 27.8392) rotate(90.3213) scale(0.837506 4.95711)"
>
<stop offset={0.126697} stopColor="#FCF0FC" />
<stop offset={1} stopColor="#E5C9E3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint13_linear_18_20513"
x1={15.744}
y1={25.0957}
x2={15.8226}
y2={26.31}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B1969A" />
<stop offset={1} stopColor="#DAD2E2" />
</linearGradient>
<linearGradient
id="paint14_linear_18_20513"
x1={16.7152}
y1={26.1652}
x2={16.7126}
y2={25.374}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#8A68A9" />
<stop offset={1} stopColor="#DEC2E3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_20513"
x1={11.5869}
y1={25.7096}
x2={14.3742}
y2={25.5611}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#958387" />
<stop offset={1} stopColor="#958387" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint16_radial_18_20513"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.5808 25.4626) rotate(90.3213) scale(0.837506 4.95711)"
>
<stop offset={0.126697} stopColor="#FCF0FC" />
<stop offset={1} stopColor="#E5C9E3" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = LightBulbIcon;