@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
486 lines (485 loc) • 18.9 kB
JSX
const React = require("react");
const DiyaLampIcon = ({ 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_20590)">
<path
d="M5.29758 26.3965C2.59562 24.0135 1.99831 19.6338 2.03741 17.7418V15.4432C2.80359 17.4838 5.25537 21.8838 8.93303 23.1598C12.6107 24.4357 15.5159 23.5507 16.5088 22.9487L28.5879 15.6778L29.3853 16.569C27.0946 18.8832 22.0136 24.0112 19.0302 26.8069C14.609 30.4541 8.40531 29.3166 5.29758 26.3965Z"
fill="#692F59"
/>
<path
d="M5.29758 26.3965C2.59562 24.0135 1.99831 19.6338 2.03741 17.7418V15.4432C2.80359 17.4838 5.25537 21.8838 8.93303 23.1598C12.6107 24.4357 15.5159 23.5507 16.5088 22.9487L28.5879 15.6778L29.3853 16.569C27.0946 18.8832 22.0136 24.0112 19.0302 26.8069C14.609 30.4541 8.40531 29.3166 5.29758 26.3965Z"
fill="url(#paint0_linear_18_20590)"
/>
<path
d="M5.29758 26.3965C2.59562 24.0135 1.99831 19.6338 2.03741 17.7418V15.4432C2.80359 17.4838 5.25537 21.8838 8.93303 23.1598C12.6107 24.4357 15.5159 23.5507 16.5088 22.9487L28.5879 15.6778L29.3853 16.569C27.0946 18.8832 22.0136 24.0112 19.0302 26.8069C14.609 30.4541 8.40531 29.3166 5.29758 26.3965Z"
fill="url(#paint1_linear_18_20590)"
/>
</g>
<g filter="url(#filter1_ii_18_20590)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.0461 16.8415C29.6195 16.5056 29.9718 15.891 29.9718 15.2265C29.9718 14.5554 29.6126 13.9358 29.0302 13.6023L18.2575 7.43358C16.3371 6.18978 14.0568 5.45221 11.8394 5.45221C6.42088 5.45221 2.02832 9.85639 2.02832 15.2892C2.02832 20.722 6.42088 25.1262 11.8394 25.1262C12.9024 25.1262 13.98 24.9567 15.0254 24.6431C15.8999 24.3808 16.752 24.0177 17.5543 23.5687L17.5599 23.5656L17.5598 23.5689L29.0461 16.8415ZM16.4446 21.3248L26.4738 15.4508C26.6396 15.3537 26.6385 15.1136 26.4717 15.0181L16.9559 9.56909L16.8985 9.53191C15.3362 8.52006 13.5218 7.95221 11.8394 7.95221C7.80781 7.95221 4.52832 11.2309 4.52832 15.2892C4.52832 19.3476 7.80781 22.6262 11.8394 22.6262C13.3185 22.6262 14.9048 22.1875 16.3379 21.3846L16.4446 21.3248Z"
fill="url(#paint2_linear_18_20590)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.0461 16.8415C29.6195 16.5056 29.9718 15.891 29.9718 15.2265C29.9718 14.5554 29.6126 13.9358 29.0302 13.6023L18.2575 7.43358C16.3371 6.18978 14.0568 5.45221 11.8394 5.45221C6.42088 5.45221 2.02832 9.85639 2.02832 15.2892C2.02832 20.722 6.42088 25.1262 11.8394 25.1262C12.9024 25.1262 13.98 24.9567 15.0254 24.6431C15.8999 24.3808 16.752 24.0177 17.5543 23.5687L17.5599 23.5656L17.5598 23.5689L29.0461 16.8415ZM16.4446 21.3248L26.4738 15.4508C26.6396 15.3537 26.6385 15.1136 26.4717 15.0181L16.9559 9.56909L16.8985 9.53191C15.3362 8.52006 13.5218 7.95221 11.8394 7.95221C7.80781 7.95221 4.52832 11.2309 4.52832 15.2892C4.52832 19.3476 7.80781 22.6262 11.8394 22.6262C13.3185 22.6262 14.9048 22.1875 16.3379 21.3846L16.4446 21.3248Z"
fill="url(#paint3_radial_18_20590)"
/>
<g filter="url(#filter2_ii_18_20590)">
<path
d="M26.4738 15.4508L16.4446 21.3248L16.3379 21.3846C14.9048 22.1875 13.3185 22.6262 11.8394 22.6262C7.8078 22.6262 4.52832 19.3476 4.52832 15.2892C4.52832 11.2309 7.8078 7.95221 11.8394 7.95221C13.5218 7.95221 15.3362 8.52007 16.8984 9.53191L16.9558 9.56909L26.4717 15.0181C26.6385 15.1136 26.6396 15.3537 26.4738 15.4508Z"
fill="#FF914D"
/>
<path
d="M26.4738 15.4508L16.4446 21.3248L16.3379 21.3846C14.9048 22.1875 13.3185 22.6262 11.8394 22.6262C7.8078 22.6262 4.52832 19.3476 4.52832 15.2892C4.52832 11.2309 7.8078 7.95221 11.8394 7.95221C13.5218 7.95221 15.3362 8.52007 16.8984 9.53191L16.9558 9.56909L26.4717 15.0181C26.6385 15.1136 26.6396 15.3537 26.4738 15.4508Z"
fill="url(#paint4_radial_18_20590)"
/>
<path
d="M26.4738 15.4508L16.4446 21.3248L16.3379 21.3846C14.9048 22.1875 13.3185 22.6262 11.8394 22.6262C7.8078 22.6262 4.52832 19.3476 4.52832 15.2892C4.52832 11.2309 7.8078 7.95221 11.8394 7.95221C13.5218 7.95221 15.3362 8.52007 16.8984 9.53191L16.9558 9.56909L26.4717 15.0181C26.6385 15.1136 26.6396 15.3537 26.4738 15.4508Z"
fill="url(#paint5_linear_18_20590)"
/>
</g>
<circle
cx={11.5952}
cy={15.2892}
r={4.99657}
fill="url(#paint6_radial_18_20590)"
/>
<g filter="url(#filter3_f_18_20590)">
<path
d="M24.7026 16.4131L26.4738 15.3757C26.6396 15.2786 26.6384 15.0385 26.4717 14.9431L25.7229 14.5143C25.3841 14.8943 24.8908 15.1336 24.3416 15.1336H21.9807C21.6217 15.1336 21.3307 15.4246 21.3307 15.7836C21.3307 16.1425 21.6217 16.4336 21.9807 16.4336H24.3416C24.4637 16.4336 24.5841 16.4266 24.7026 16.4131Z"
fill="url(#paint7_linear_18_20590)"
/>
</g>
<circle cx={10.3128} cy={6.54532} r={0.505646} fill="#FFD24D" />
<circle cx={13.344} cy={6.54532} r={0.505646} fill="#3DD181" />
<circle cx={16.5722} cy={7.77213} r={0.505646} fill="#FFD24E" />
<circle cx={19.4394} cy={9.42056} r={0.505646} fill="#3AC07B" />
<circle cx={22.3065} cy={11.069} r={0.505646} fill="#DF9742" />
<circle cx={25.1308} cy={12.7135} r={0.505646} fill="#2C855A" />
<circle cx={27.7909} cy={14.5143} r={0.505646} fill="#FFC84B" />
<circle cx={26.4472} cy={17.0143} r={0.505646} fill="#3FCD83" />
<circle cx={23.5722} cy={18.6471} r={0.505646} fill="#FFD150" />
<circle cx={20.6972} cy={20.2799} r={0.505646} fill="#3FD085" />
<circle cx={17.9003} cy={21.9284} r={0.505646} fill="#FFD24E" />
<circle cx={15.0097} cy={23.4596} r={0.505646} fill="#40D187" />
<circle cx={11.8378} cy={24.0534} r={0.505646} fill="#FFCF52" />
<circle cx={8.66556} cy={23.4596} r={0.505646} fill="#3BCA85" />
<circle cx={5.86868} cy={21.7298} r={0.505646} fill="#FFCE4E" />
<circle cx={3.93118} cy={19.1407} r={0.505646} fill="#34C77E" />
<circle cx={3.064} cy={16} r={0.505646} fill="#FFD04B" />
<circle cx={3.36087} cy={12.75} r={0.505646} fill="#36CC7C" />
<circle cx={4.84525} cy={9.85159} r={0.505646} fill="#FFCF44" />
<circle cx={7.28275} cy={7.67972} r={0.505646} fill="#3BD27E" />
<g filter="url(#filter4_i_18_20590)">
<path
d="M21.962 15.2439H23.8949C25.2756 15.2439 26.3949 14.1246 26.3949 12.7439V11.5732"
stroke="#5E2F64"
strokeWidth={1.3}
strokeLinecap="round"
/>
<path
d="M21.962 15.2439H23.8949C25.2756 15.2439 26.3949 14.1246 26.3949 12.7439V11.5732"
stroke="url(#paint8_linear_18_20590)"
strokeWidth={1.3}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter5_i_18_20590)">
<path
d="M23.838 8.29755L25.6725 4.94731C26.1223 4.1036 27.1987 4.10145 27.6444 4.94731L29.466 8.24542C29.4907 8.28787 29.5145 8.33087 29.5373 8.37451L29.5443 8.38714C29.7744 8.83197 29.904 9.33701 29.904 9.87239C29.904 11.6602 28.4547 13.1095 26.6669 13.1095C24.8791 13.1095 23.4298 11.6602 23.4298 9.87239C23.4298 9.30071 23.578 8.76368 23.838 8.29755Z"
fill="url(#paint9_linear_18_20590)"
/>
<path
d="M23.838 8.29755L25.6725 4.94731C26.1223 4.1036 27.1987 4.10145 27.6444 4.94731L29.466 8.24542C29.4907 8.28787 29.5145 8.33087 29.5373 8.37451L29.5443 8.38714C29.7744 8.83197 29.904 9.33701 29.904 9.87239C29.904 11.6602 28.4547 13.1095 26.6669 13.1095C24.8791 13.1095 23.4298 11.6602 23.4298 9.87239C23.4298 9.30071 23.578 8.76368 23.838 8.29755Z"
fill="url(#paint10_radial_18_20590)"
/>
</g>
<circle
cx={26.6669}
cy={9.99579}
r={1.75324}
fill="url(#paint11_radial_18_20590)"
/>
<defs>
<filter
id="filter0_i_18_20590"
x={2.03564}
y={15.0432}
width={27.3497}
height={14.0548}
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.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.509804 0 0 0 0 0.313726 0 0 0 0 0.52549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20590"
/>
</filter>
<filter
id="filter1_ii_18_20590"
x={1.77832}
y={5.20221}
width={28.4435}
height={20.174}
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.25} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.882353 0 0 0 0 0.27451 0 0 0 0 0.184314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20590"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.596078 0 0 0 0 0.388235 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20590"
result="effect2_innerShadow_18_20590"
/>
</filter>
<filter
id="filter2_ii_18_20590"
x={4.02832}
y={7.20221}
width={23.3192}
height={15.924}
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.75} dy={-0.75} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.435294 0 0 0 0 0.0784314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20590"
/>
<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.882353 0 0 0 0 0.321569 0 0 0 0 0.0745098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_20590"
result="effect2_innerShadow_18_20590"
/>
</filter>
<filter
id="filter3_f_18_20590"
x={20.8307}
y={14.0143}
width={6.26672}
height={2.91931}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_20590"
/>
</filter>
<filter
id="filter4_i_18_20590"
x={20.662}
y={10.9232}
width={6.38291}
height={5.22064}
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.25} />
<feGaussianBlur stdDeviation={0.6} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.215686 0 0 0 0 0.196078 0 0 0 0 0.223529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20590"
/>
</filter>
<filter
id="filter5_i_18_20590"
x={23.4298}
y={4.31372}
width={6.62412}
height={8.94578}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.917647 0 0 0 0 0.470588 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20590"
/>
</filter>
<linearGradient
id="paint0_linear_18_20590"
x1={27.6814}
y1={17.262}
x2={15.7105}
y2={28.1239}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.343999} stopColor="#89515A" />
<stop offset={1} stopColor="#89515A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint1_linear_18_20590"
x1={1.23506}
y1={21.1075}
x2={9.53329}
y2={21.1075}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#79625B" />
<stop offset={1} stopColor="#79625B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_20590"
x1={10.5116}
y1={14.5296}
x2={29.9718}
y2={14.5296}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF7D48" />
<stop offset={0.778305} stopColor="#FF625F" />
</linearGradient>
<radialGradient
id="paint3_radial_18_20590"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.2528 11.6961) rotate(171.425) scale(4.29836 7.9749)"
>
<stop offset={0.192919} stopColor="#D74344" />
<stop offset={1} stopColor="#D74344" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_20590"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3594 10.954) rotate(118.768) scale(3.73277 10.3847)"
>
<stop stopColor="#FF9F5E" />
<stop offset={1} stopColor="#FF9F5E" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_20590"
x1={26.8045}
y1={15.2892}
x2={18.1015}
y2={15.2892}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E16A1B" />
<stop offset={1} stopColor="#E16A1B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint6_radial_18_20590"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0259 11.6646) rotate(130.544) scale(10.2398)"
>
<stop stopColor="#FFCE4F" />
<stop offset={1} stopColor="#FFCB4B" />
</radialGradient>
<linearGradient
id="paint7_linear_18_20590"
x1={21.559}
y1={16.04}
x2={24.3251}
y2={16.04}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E37048" />
<stop offset={1} stopColor="#E37048" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_20590"
x1={26.737}
y1={12.978}
x2={26.0623}
y2={14.5634}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#423332" />
<stop offset={1} stopColor="#423332" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_20590"
x1={26.6669}
y1={6.22711}
x2={26.6669}
y2={13.1095}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF7732" />
<stop offset={1} stopColor="#FC4275" />
</linearGradient>
<radialGradient
id="paint10_radial_18_20590"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7371 5.42936) rotate(74.7322) scale(7.38051 2.21278)"
>
<stop stopColor="#FF9E60" />
<stop offset={1} stopColor="#FF9E60" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_20590"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7134 8.78961) rotate(115.908) scale(3.29006)"
>
<stop offset={0.208928} stopColor="#FFFF88" />
<stop offset={1} stopColor="#FF9D4F" />
</radialGradient>
</defs>
</svg>
);
module.exports = DiyaLampIcon;