@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
525 lines (524 loc) • 16.3 kB
JSX
const React = require("react");
const FlashlightIcon = ({ 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="M15.7667 16.1184C12.764 19.1212 9.28604 20.5116 7.99853 19.2241C6.71102 17.9366 7.47315 15.0893 10.9335 11.6289C14.5122 8.05023 17.194 7.32582 18.4816 8.61333C19.7691 9.90084 18.7694 13.1157 15.7667 16.1184Z"
fill="url(#paint0_radial_18_20541)"
/>
<path
d="M8.16907 19.004L18.4503 8.72272L19.4972 9.76959C22.3363 12.6087 22.3363 17.2118 19.4972 20.0508C16.6581 22.8899 12.055 22.8899 9.21594 20.0508L8.16907 19.004Z"
fill="url(#paint1_radial_18_20541)"
/>
<path
d="M8.16907 19.004L18.4503 8.72272L19.4972 9.76959C22.3363 12.6087 22.3363 17.2118 19.4972 20.0508C16.6581 22.8899 12.055 22.8899 9.21594 20.0508L8.16907 19.004Z"
fill="url(#paint2_radial_18_20541)"
/>
<g filter="url(#filter0_i_18_20541)">
<path
d="M15.5891 21.9588L15.4855 22.0938C15.5744 22.0921 15.7664 22.1158 15.9109 22.2146L22.6495 28.9532C24.2568 30.5604 26.8626 30.5604 28.4698 28.9532C30.0771 27.3459 30.0771 24.7401 28.4698 23.1329L21.6694 16.3324C21.5674 16.2337 21.5499 16.0876 21.5479 16L15.5891 21.9588Z"
fill="url(#paint3_linear_18_20541)"
/>
</g>
<path
d="M15.5891 21.9588L15.4855 22.0938C15.5744 22.0921 15.7664 22.1158 15.9109 22.2146L22.6495 28.9532C24.2568 30.5604 26.8626 30.5604 28.4698 28.9532C30.0771 27.3459 30.0771 24.7401 28.4698 23.1329L21.6694 16.3324C21.5674 16.2337 21.5499 16.0876 21.5479 16L15.5891 21.9588Z"
fill="url(#paint4_radial_18_20541)"
/>
<path
d="M15.5891 21.9588L15.4855 22.0938C15.5744 22.0921 15.7664 22.1158 15.9109 22.2146L22.6495 28.9532C24.2568 30.5604 26.8626 30.5604 28.4698 28.9532C30.0771 27.3459 30.0771 24.7401 28.4698 23.1329L21.6694 16.3324C21.5674 16.2337 21.5499 16.0876 21.5479 16L15.5891 21.9588Z"
fill="url(#paint5_linear_18_20541)"
/>
<path
d="M15.5891 21.9588L15.4855 22.0938C15.5744 22.0921 15.7664 22.1158 15.9109 22.2146L22.6495 28.9532C24.2568 30.5604 26.8626 30.5604 28.4698 28.9532C30.0771 27.3459 30.0771 24.7401 28.4698 23.1329L21.6694 16.3324C21.5674 16.2337 21.5499 16.0876 21.5479 16L15.5891 21.9588Z"
fill="url(#paint6_linear_18_20541)"
/>
<g filter="url(#filter1_dii_18_20541)">
<rect
x={19.6089}
y={19.0151}
width={3.32682}
height={1.66609}
rx={0.833047}
transform="rotate(44.9791 19.6089 19.0151)"
fill="#EEE6F6"
/>
</g>
<rect
x={12.9091}
y={2.33209}
width={1.58034}
height={5.57812}
rx={0.790169}
fill="url(#paint7_linear_18_20541)"
/>
<rect
x={7.32031}
y={13.4979}
width={1.58034}
height={5.57812}
rx={0.790169}
transform="rotate(90 7.32031 13.4979)"
fill="url(#paint8_linear_18_20541)"
/>
<g filter="url(#filter2_i_18_20541)">
<path
d="M7.2254 19.0915C6.87392 18.7401 6.87392 18.1702 7.2254 17.8188L17.2182 7.82592C17.5697 7.47445 18.1395 7.47445 18.491 7.82592L19.3042 8.63907C19.6556 8.99054 19.6556 9.56039 19.3042 9.91186L9.31133 19.9047C8.95986 20.2562 8.39001 20.2562 8.03854 19.9047L7.2254 19.0915Z"
fill="url(#paint9_linear_18_20541)"
/>
</g>
<rect
x={9.62537}
y={8.72272}
width={1.58034}
height={5.95325}
rx={0.790169}
transform="rotate(135 9.62537 8.72272)"
fill="url(#paint10_linear_18_20541)"
/>
<g filter="url(#filter3_f_18_20541)">
<rect
x={17.8425}
y={8.00238}
width={1.8397}
height={7.05118}
transform="rotate(45 17.8425 8.00238)"
fill="url(#paint11_linear_18_20541)"
/>
</g>
<g filter="url(#filter4_f_18_20541)">
<rect
x={13.6992}
y={2.73053}
width={0.563599}
height={4.44613}
rx={0.281799}
fill="url(#paint12_linear_18_20541)"
/>
</g>
<g filter="url(#filter5_f_18_20541)">
<rect
x={2.30823}
y={14.2892}
width={0.563599}
height={4.44613}
rx={0.281799}
transform="rotate(-90 2.30823 14.2892)"
fill="url(#paint13_linear_18_20541)"
/>
</g>
<g filter="url(#filter6_f_18_20541)">
<rect
x={5.19067}
y={5.35211}
width={0.563599}
height={4.75464}
rx={0.281799}
transform="rotate(-45 5.19067 5.35211)"
fill="url(#paint14_linear_18_20541)"
/>
</g>
<defs>
<filter
id="filter0_i_18_20541"
x={15.3355}
y={16}
width={14.3398}
height={14.3086}
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.878431 0 0 0 0 0.878431 0 0 0 0 0.878431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20541"
/>
</filter>
<filter
id="filter1_dii_18_20541"
x={18.1762}
y={19.1102}
width={3.84082}
height={3.84003}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<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.1} dy={0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.72549 0 0 0 0 0.686275 0 0 0 0 0.768627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18_20541"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18_20541"
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.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.854902 0 0 0 0 0.815686 0 0 0 0 0.894118 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect2_innerShadow_18_20541"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.980392 0 0 0 0 0.956863 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_20541"
result="effect3_innerShadow_18_20541"
/>
</filter>
<filter
id="filter2_i_18_20541"
x={6.96179}
y={7.56232}
width={12.606}
height={12.606}
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.388235 0 0 0 0 0.345098 0 0 0 0 0.423529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_20541"
/>
</filter>
<filter
id="filter3_f_18_20541"
x={12.5566}
y={7.70238}
width={6.88687}
height={6.8868}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_20541"
/>
</filter>
<filter
id="filter4_f_18_20541"
x={13.2992}
y={2.33053}
width={1.3636}
height={5.24611}
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_20541"
/>
</filter>
<filter
id="filter5_f_18_20541"
x={1.90823}
y={13.3256}
width={5.24617}
height={1.3636}
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_20541"
/>
</filter>
<filter
id="filter6_f_18_20541"
x={4.80737}
y={4.57031}
width={4.5271}
height={4.5271}
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_20541"
/>
</filter>
<radialGradient
id="paint0_radial_18_20541"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.5441 10.0977) rotate(135) scale(7.6014 1.54181)"
>
<stop stopColor="#FFC44B" />
<stop offset={1} stopColor="#E9B12F" />
</radialGradient>
<radialGradient
id="paint1_radial_18_20541"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9503 12.2852) rotate(45) scale(10.8497 9.21449)"
>
<stop offset={0.252546} stopColor="#E7E4E9" />
<stop offset={1} stopColor="#B8A9C7" />
</radialGradient>
<radialGradient
id="paint2_radial_18_20541"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.3253 16.4727) rotate(-8.45499) scale(10.4144)"
>
<stop offset={0.847401} stopColor="#DEDDDF" stopOpacity={0} />
<stop offset={1} stopColor="#DEDDDF" />
</radialGradient>
<linearGradient
id="paint3_linear_18_20541"
x1={25.0128}
y1={21.3477}
x2={20.1691}
y2={26.0977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E7E6E9" />
<stop offset={0.8983} stopColor="#B6A9C3" />
</linearGradient>
<radialGradient
id="paint4_radial_18_20541"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.4503 16.9727) rotate(45.9094) scale(0.696146 2.49525)"
>
<stop offset={0.253048} stopColor="#E6E2E9" />
<stop offset={1} stopColor="#E6E2E9" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_20541"
x1={28.6066}
y1={29.254}
x2={25.7003}
y2={26.504}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BCB1C8" />
<stop offset={1} stopColor="#CAC1D4" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_20541"
x1={15.7941}
y1={21.4727}
x2={16.6066}
y2={22.0352}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.253631} stopColor="#B8AAC3" />
<stop offset={1} stopColor="#BBACC9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_20541"
x1={13.6992}
y1={2.33209}
x2={13.6992}
y2={7.91022}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC327" />
<stop offset={1} stopColor="#FEB813" />
</linearGradient>
<linearGradient
id="paint8_linear_18_20541"
x1={8.11048}
y1={13.4979}
x2={8.11048}
y2={19.076}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC327" />
<stop offset={1} stopColor="#FEB813" />
</linearGradient>
<linearGradient
id="paint9_linear_18_20541"
x1={18.6066}
y1={8.22273}
x2={12.2941}
y2={14.9727}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#584965" />
<stop offset={1} stopColor="#3E3448" />
</linearGradient>
<linearGradient
id="paint10_linear_18_20541"
x1={10.4155}
y1={8.72272}
x2={10.4155}
y2={14.676}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC327" />
<stop offset={1} stopColor="#FEB813" />
</linearGradient>
<linearGradient
id="paint11_linear_18_20541"
x1={18.7596}
y1={7.3858}
x2={18.7636}
y2={15.0536}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6B6374" stopOpacity={0} />
<stop offset={0.420778} stopColor="#6B6374" />
<stop offset={0.603887} stopColor="#6B6374" />
<stop offset={1} stopColor="#6B6374" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_20541"
x1={13.981}
y1={2.73053}
x2={13.981}
y2={8.89063}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD956" />
<stop offset={1} stopColor="#FFD956" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_20541"
x1={2.59003}
y1={15.2438}
x2={2.59003}
y2={19.3063}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC538" />
<stop offset={1} stopColor="#FFC538" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_20541"
x1={5.47247}
y1={5.35211}
x2={5.47247}
y2={11.9397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD956" />
<stop offset={1} stopColor="#FFD956" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = FlashlightIcon;