@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
277 lines (276 loc) • 10.5 kB
JSX
const React = require("react");
const OrthodoxCrossIcon = ({ 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_1066)">
<rect
x={2.51233}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_1066)"
/>
<rect
x={2.51233}
y={1.8125}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_1066)"
/>
</g>
<g filter="url(#filter1_f_18590_1066)">
<path
d="M28.6998 4.3125V27.1875"
stroke="url(#paint2_linear_18590_1066)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_1066)">
<path
d="M5.9762 3.625H27.7574"
stroke="url(#paint3_linear_18590_1066)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_1066)">
<path
d="M16.8668 5.75C16.3145 5.75 15.8668 6.19772 15.8668 6.75V7.65C15.8668 7.70523 15.822 7.75 15.7668 7.75H13.8668C13.3145 7.75 12.8668 8.19772 12.8668 8.75C12.8668 9.30228 13.3145 9.75 13.8668 9.75H15.7668C15.822 9.75 15.8668 9.79477 15.8668 9.85V11.65C15.8668 11.7052 15.822 11.75 15.7668 11.75H10.8668C10.3145 11.75 9.86682 12.1977 9.86682 12.75C9.86682 13.3023 10.3145 13.75 10.8668 13.75H15.7668C15.822 13.75 15.8668 13.7948 15.8668 13.85V18.7315C15.8668 18.8085 15.7835 18.8566 15.7168 18.8181L14.7328 18.25C14.2546 17.9739 13.643 18.1377 13.3668 18.616C13.0907 19.0943 13.2546 19.7059 13.7328 19.9821L15.8168 21.1852C15.8478 21.2031 15.8668 21.2361 15.8668 21.2718V24.75C15.8668 25.3023 16.3145 25.75 16.8668 25.75C17.4191 25.75 17.8668 25.3023 17.8668 24.75V22.542C17.8668 22.465 17.9502 22.4169 18.0168 22.4554L19.795 23.482C20.2733 23.7582 20.8849 23.5943 21.161 23.116C21.4372 22.6377 21.2733 22.0261 20.795 21.75L17.9168 20.0883C17.8859 20.0704 17.8668 20.0374 17.8668 20.0017V13.85C17.8668 13.7948 17.9116 13.75 17.9668 13.75H22.8668C23.4191 13.75 23.8668 13.3023 23.8668 12.75C23.8668 12.1977 23.4191 11.75 22.8668 11.75H17.9668C17.9116 11.75 17.8668 11.7052 17.8668 11.65V9.85C17.8668 9.79477 17.9116 9.75 17.9668 9.75H19.8668C20.4191 9.75 20.8668 9.30228 20.8668 8.75C20.8668 8.19772 20.4191 7.75 19.8668 7.75H17.9668C17.9116 7.75 17.8668 7.70523 17.8668 7.65V6.75C17.8668 6.19772 17.4191 5.75 16.8668 5.75Z"
fill="#6A4EBE"
/>
</g>
<g filter="url(#filter4_ii_18590_1066)">
<path
d="M16.8668 5.75C16.3145 5.75 15.8668 6.19772 15.8668 6.75V7.65C15.8668 7.70523 15.822 7.75 15.7668 7.75H13.8668C13.3145 7.75 12.8668 8.19772 12.8668 8.75C12.8668 9.30228 13.3145 9.75 13.8668 9.75H15.7668C15.822 9.75 15.8668 9.79477 15.8668 9.85V11.65C15.8668 11.7052 15.822 11.75 15.7668 11.75H10.8668C10.3145 11.75 9.86682 12.1977 9.86682 12.75C9.86682 13.3023 10.3145 13.75 10.8668 13.75H15.7668C15.822 13.75 15.8668 13.7948 15.8668 13.85V18.7315C15.8668 18.8085 15.7835 18.8566 15.7168 18.8181L14.7328 18.25C14.2546 17.9739 13.643 18.1377 13.3668 18.616C13.0907 19.0943 13.2546 19.7059 13.7328 19.9821L15.8168 21.1852C15.8478 21.2031 15.8668 21.2361 15.8668 21.2718V24.75C15.8668 25.3023 16.3145 25.75 16.8668 25.75C17.4191 25.75 17.8668 25.3023 17.8668 24.75V22.542C17.8668 22.465 17.9502 22.4169 18.0168 22.4554L19.795 23.482C20.2733 23.7582 20.8849 23.5943 21.161 23.116C21.4372 22.6377 21.2733 22.0261 20.795 21.75L17.9168 20.0883C17.8859 20.0704 17.8668 20.0374 17.8668 20.0017V13.85C17.8668 13.7948 17.9116 13.75 17.9668 13.75H22.8668C23.4191 13.75 23.8668 13.3023 23.8668 12.75C23.8668 12.1977 23.4191 11.75 22.8668 11.75H17.9668C17.9116 11.75 17.8668 11.7052 17.8668 11.65V9.85C17.8668 9.79477 17.9116 9.75 17.9668 9.75H19.8668C20.4191 9.75 20.8668 9.30228 20.8668 8.75C20.8668 8.19772 20.4191 7.75 19.8668 7.75H17.9668C17.9116 7.75 17.8668 7.70523 17.8668 7.65V6.75C17.8668 6.19772 17.4191 5.75 16.8668 5.75Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_1066"
x={2.51233}
y={0.8125}
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_1066"
/>
<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_1066"
result="effect2_innerShadow_18590_1066"
/>
</filter>
<filter
id="filter1_f_18590_1066"
x={25.9498}
y={1.5625}
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_1066"
/>
</filter>
<filter
id="filter2_f_18590_1066"
x={3.2262}
y={0.875}
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_1066"
/>
</filter>
<filter
id="filter3_f_18590_1066"
x={8.86682}
y={4.75}
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_1066"
/>
</filter>
<filter
id="filter4_ii_18590_1066"
x={9.46682}
y={5.35}
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_1066"
/>
<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_1066"
result="effect2_innerShadow_18590_1066"
/>
</filter>
<linearGradient
id="paint0_linear_18590_1066"
x1={16.4498}
y1={5.38701}
x2={16.4498}
y2={38.6397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9865EE" />
<stop offset={1} stopColor="#7764C6" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_1066"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1686 3.90625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#BB8DFF" />
<stop offset={1} stopColor="#BB8DFF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_1066"
x1={29.1998}
y1={4.3125}
x2={29.1998}
y2={27.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AE7EFF" />
<stop offset={1} stopColor="#8777D6" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_1066"
x1={28.9137}
y1={3.87502}
x2={3.38245}
y2={3.87502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A672FF" />
<stop offset={1} stopColor="#9A6CEB" />
</linearGradient>
</defs>
</svg>
);
module.exports = OrthodoxCrossIcon;