@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 8.88 kB
JSX
const React = require("react");
const LatinCrossIcon = ({ 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_ii_18590_1052)">
<rect
x={2.51233}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1052)"
/>
<rect
x={2.51233}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1052)"
/>
</g>
<g filter="url(#filter1_f_18590_1052)">
<path
d="M28.6998 4.4375V27.3125"
stroke="url(#paint2_linear_18590_1052)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1052)">
<path
d="M5.9762 3.75H27.7574"
stroke="url(#paint3_linear_18590_1052)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1052)">
<path
d="M16.8668 5.875C16.3145 5.875 15.8668 6.32272 15.8668 6.875V11.775C15.8668 11.8302 15.822 11.875 15.7668 11.875H10.8668C10.3145 11.875 9.86682 12.3227 9.86682 12.875C9.86682 13.4273 10.3145 13.875 10.8668 13.875H15.7668C15.822 13.875 15.8668 13.9198 15.8668 13.975V24.875C15.8668 25.4273 16.3145 25.875 16.8668 25.875C17.4191 25.875 17.8668 25.4273 17.8668 24.875V13.975C17.8668 13.9198 17.9116 13.875 17.9668 13.875H22.8668C23.4191 13.875 23.8668 13.4273 23.8668 12.875C23.8668 12.3227 23.4191 11.875 22.8668 11.875H17.9668C17.9116 11.875 17.8668 11.8302 17.8668 11.775V6.875C17.8668 6.32272 17.4191 5.875 16.8668 5.875Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1052)">
<path
d="M16.8668 5.875C16.3145 5.875 15.8668 6.32272 15.8668 6.875V11.775C15.8668 11.8302 15.822 11.875 15.7668 11.875H10.8668C10.3145 11.875 9.86682 12.3227 9.86682 12.875C9.86682 13.4273 10.3145 13.875 10.8668 13.875H15.7668C15.822 13.875 15.8668 13.9198 15.8668 13.975V24.875C15.8668 25.4273 16.3145 25.875 16.8668 25.875C17.4191 25.875 17.8668 25.4273 17.8668 24.875V13.975C17.8668 13.9198 17.9116 13.875 17.9668 13.875H22.8668C23.4191 13.875 23.8668 13.4273 23.8668 12.875C23.8668 12.3227 23.4191 11.875 22.8668 11.875H17.9668C17.9116 11.875 17.8668 11.8302 17.8668 11.775V6.875C17.8668 6.32272 17.4191 5.875 16.8668 5.875Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1052"
x={2.51233}
y={0.9375}
width={29.875}
height={28.875}
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={2} dy={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1052"
/>
<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={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1052"
result="effect2_innerShadow_18590_1052"
/>
</filter>
<filter
id="filter1_f_18590_1052"
x={25.9498}
y={1.6875}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1052"
/>
</filter>
<filter
id="filter2_f_18590_1052"
x={3.2262}
y={1}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_1052"
/>
</filter>
<filter
id="filter3_f_18590_1052"
x={8.86682}
y={4.875}
width={16}
height={22}
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_18590_1052"
/>
</filter>
<filter
id="filter4_ii_18590_1052"
x={9.46682}
y={5.475}
width={14.8}
height={20.8}
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.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_1052"
/>
<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.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_1052"
result="effect2_innerShadow_18590_1052"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1052"
x1={16.4498}
y1={5.51201}
x2={16.4498}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1052"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1686 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1052"
x1={29.1998}
y1={4.4375}
x2={29.1998}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1052"
x1={28.9137}
y1={4.00002}
x2={3.38245}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = LatinCrossIcon;