@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
460 lines (459 loc) • 16.8 kB
JSX
const React = require("react");
const FleurDeLisIcon = ({ 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_iii_18590_1922)">
<path
d="M24.1412 12.9448C20.5787 12.4073 17.0995 15.3146 15.9693 16.3979L15.9693 25.5542C17.2506 26.4292 19.1958 27.8042 21.7036 26.2261C22.9297 25.2804 23.4361 24.0446 23.4842 22.9869C23.5045 22.5394 22.9755 22.4796 22.7107 22.8408C22.0731 23.7104 21.2867 24.1087 20.2583 23.8589C18.6953 23.4792 17.8911 21.6558 18.6333 19.9683C19.6255 18.0229 21.2739 16.7808 23.7349 17.2573C25.1473 17.7164 25.4958 19.1153 25.6318 20.3553C25.6921 20.9045 26.2614 21.2412 26.6988 20.9035C29.6888 18.5948 28.2089 13.687 24.1412 12.9448Z"
fill="url(#paint0_radial_18590_1922)"
/>
</g>
<g filter="url(#filter1_iii_18590_1922)">
<path
d="M15.112 2.35577C15.5048 1.95821 16.1471 1.95974 16.538 2.35915L19.879 5.77296C20.807 6.6714 21.9361 8.1339 21.9361 9.9839C21.9361 12.8557 19.5881 15.0841 17.7274 16.3157C17.2769 16.6138 16.983 17.1068 16.983 17.647V22.0988C16.983 22.4442 17.1291 22.771 17.3669 23.0214C17.9678 23.6541 18.7408 24.6539 18.7408 25.6402C18.7408 27.4969 16.9497 29.127 16.1381 29.8178C15.9394 29.9868 15.6388 29.9815 15.4446 29.8073C14.2942 28.7754 12.8107 27.4351 12.8107 25.6011C12.8107 24.7066 13.6482 23.6414 14.2717 22.9833C14.5092 22.7326 14.6548 22.4052 14.6548 22.0598V17.608C14.6548 17.0678 14.3609 16.5748 13.9106 16.2763C12.0529 15.0446 9.71735 12.8164 9.71735 9.94484C9.71735 8.09484 10.8464 6.63234 11.7744 5.7339L15.112 2.35577Z"
fill="url(#paint1_linear_18590_1922)"
/>
</g>
<g filter="url(#filter2_iii_18590_1922)">
<path
d="M15.112 2.35577C15.5048 1.95821 16.1471 1.95974 16.538 2.35915L19.879 5.77296C20.807 6.6714 21.9361 8.1339 21.9361 9.9839C21.9361 12.8557 19.5881 15.0841 17.7274 16.3157C17.2769 16.6138 16.983 17.1068 16.983 17.647V22.0988C16.983 22.4442 17.1291 22.771 17.3669 23.0214C17.9678 23.6541 18.7408 24.6539 18.7408 25.6402C18.7408 27.4969 16.9497 29.127 16.1381 29.8178C15.9394 29.9868 15.6388 29.9815 15.4446 29.8073C14.2942 28.7754 12.8107 27.4351 12.8107 25.6011C12.8107 24.7066 13.6482 23.6414 14.2717 22.9833C14.5092 22.7326 14.6548 22.4052 14.6548 22.0598V17.608C14.6548 17.0678 14.3609 16.5748 13.9106 16.2763C12.0529 15.0446 9.71735 12.8164 9.71735 9.94484C9.71735 8.09484 10.8464 6.63234 11.7744 5.7339L15.112 2.35577Z"
fill="url(#paint2_linear_18590_1922)"
/>
</g>
<g filter="url(#filter3_i_18590_1922)">
<rect
x={12.2642}
y={18.8979}
width={7.125}
height={2.23438}
rx={1.11719}
fill="url(#paint3_linear_18590_1922)"
/>
<rect
x={12.2642}
y={18.8979}
width={7.125}
height={2.23438}
rx={1.11719}
fill="url(#paint4_radial_18590_1922)"
/>
</g>
<g filter="url(#filter4_iii_18590_1922)">
<path
d="M7.5123 12.9448C8.64768 12.7735 9.77459 12.9521 10.8197 13.31C11.6665 14.5728 12.8644 15.5826 13.9106 16.2763C14.3609 16.5748 14.6548 17.0678 14.6548 17.608V18.8979H13.3814C13.0708 18.8979 12.7899 19.0247 12.5874 19.2292C11.5734 17.7219 10.051 16.8444 7.91855 17.2573C6.50616 17.7164 6.1577 19.1153 6.02165 20.3553C5.96139 20.9045 5.39207 21.2412 4.95473 20.9035C1.96472 18.5948 3.44457 13.687 7.5123 12.9448Z"
fill="url(#paint5_radial_18590_1922)"
/>
<path
d="M13.2962 21.1291C13.3546 22.4147 12.6005 23.5661 11.3952 23.8589C10.3668 24.1087 9.58042 23.7104 8.9428 22.8408C8.67795 22.4796 8.14895 22.5394 8.1693 22.9869C8.21742 24.0446 8.72381 25.2804 9.94986 26.2261C11.1068 26.9541 12.1439 27.0536 13.0514 26.8637C12.8999 26.4707 12.8107 26.0507 12.8107 25.6011C12.8107 24.7066 13.6482 23.6414 14.2717 22.9833C14.5092 22.7326 14.6548 22.4052 14.6548 22.0598V21.1323H13.3814C13.3527 21.1323 13.3243 21.1312 13.2962 21.1291Z"
fill="url(#paint6_radial_18590_1922)"
/>
</g>
<defs>
<filter
id="filter0_iii_18590_1922"
x={15.5693}
y={12.4792}
width={13.1087}
height={14.8686}
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.4} 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.890196 0 0 0 0 0.439216 0 0 0 0 0.207843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1922"
/>
<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.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.933333 0 0 0 0 0.454902 0 0 0 0 0.415686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1922"
result="effect2_innerShadow_18590_1922"
/>
<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.4} dy={0.4} />
<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.811765 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1922"
result="effect3_innerShadow_18590_1922"
/>
</filter>
<filter
id="filter1_iii_18590_1922"
x={8.96735}
y={2.05859}
width={13.9688}
height={27.8827}
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={-1} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.894118 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1922"
/>
<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={1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.960784 0 0 0 0 0.611765 0 0 0 0 0.192157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1922"
result="effect2_innerShadow_18590_1922"
/>
<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 0.835294 0 0 0 0 0.635294 0 0 0 0 0.298039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1922"
result="effect3_innerShadow_18590_1922"
/>
</filter>
<filter
id="filter2_iii_18590_1922"
x={8.96735}
y={2.05859}
width={13.9688}
height={27.8827}
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={-1} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.894118 0 0 0 0 0.360784 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1922"
/>
<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={1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.960784 0 0 0 0 0.611765 0 0 0 0 0.192157 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1922"
result="effect2_innerShadow_18590_1922"
/>
<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 0.835294 0 0 0 0 0.635294 0 0 0 0 0.298039 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1922"
result="effect3_innerShadow_18590_1922"
/>
</filter>
<filter
id="filter3_i_18590_1922"
x={12.2642}
y={18.8979}
width={7.375}
height={2.23438}
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 0.886275 0 0 0 0 0.560784 0 0 0 0 0.337255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1922"
/>
</filter>
<filter
id="filter4_iii_18590_1922"
x={2.97555}
y={12.4792}
width={12.0793}
height={14.8686}
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.4} dy={0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.890196 0 0 0 0 0.439216 0 0 0 0 0.207843 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1922"
/>
<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.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.933333 0 0 0 0 0.454902 0 0 0 0 0.415686 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1922"
result="effect2_innerShadow_18590_1922"
/>
<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.4} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.854902 0 0 0 0 0.6 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18590_1922"
result="effect3_innerShadow_18590_1922"
/>
</filter>
<radialGradient
id="paint0_radial_18590_1922"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.9801 21.4448) rotate(-39.6264) scale(7.34973 7.69921)"
>
<stop offset={0.36575} stopColor="#FFB045" />
<stop offset={1} stopColor="#FA9840" />
</radialGradient>
<linearGradient
id="paint1_linear_18590_1922"
x1={15.8267}
y1={2.05859}
x2={15.8267}
y2={29.9413}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC945" />
<stop offset={1} stopColor="#FFC44B" />
</linearGradient>
<linearGradient
id="paint2_linear_18590_1922"
x1={15.8267}
y1={2.05859}
x2={15.8267}
y2={29.9413}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFC945" />
<stop offset={1} stopColor="#FFC44B" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1922"
x1={15.8267}
y1={19.3198}
x2={15.8267}
y2={21.4136}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFAC37" />
<stop offset={1} stopColor="#F27E3D" />
</linearGradient>
<radialGradient
id="paint4_radial_18590_1922"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.4673 19.7573) rotate(180) scale(3.65625 1.53125)"
>
<stop offset={0.102564} stopColor="#FFC851" />
<stop offset={1} stopColor="#FFAA38" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18590_1922"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.96735 21.4448) rotate(-42.1014) scale(6.99162 7.41671)"
>
<stop offset={0.36575} stopColor="#FFB045" />
<stop offset={1} stopColor="#FA9840" />
</radialGradient>
<radialGradient
id="paint6_radial_18590_1922"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.96735 21.4448) rotate(-42.1014) scale(6.99162 7.41671)"
>
<stop offset={0.36575} stopColor="#FFB045" />
<stop offset={1} stopColor="#FA9840" />
</radialGradient>
</defs>
</svg>
);
module.exports = FleurDeLisIcon;