@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
587 lines (586 loc) • 20.7 kB
JSX
const React = require("react");
const CrossedFlagsIcon = ({ 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_4_7843)">
<path
d="M10.7268 4.72461L21.262 27.2754"
stroke="#959498"
strokeLinecap="round"
/>
</g>
<g filter="url(#filter1_f_4_7843)">
<path
d="M10.9221 4.58398L21.4573 27.1348"
stroke="#B3B2B7"
strokeWidth={0.2}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_i_4_7843)">
<path
d="M2.87568 14.3269C2.65017 13.8227 2.87605 13.2312 3.3802 13.0057L7.16136 11.3144L11.1331 20.1936C11.2233 20.3952 11.133 20.6318 10.9313 20.722L7.51528 22.2501C7.01114 22.4756 6.41963 22.2497 6.19412 21.7455L2.87568 14.3269Z"
fill="url(#paint0_linear_4_7843)"
/>
<path
d="M2.87568 14.3269C2.65017 13.8227 2.87605 13.2312 3.3802 13.0057L7.16136 11.3144L11.1331 20.1936C11.2233 20.3952 11.133 20.6318 10.9313 20.722L7.51528 22.2501C7.01114 22.4756 6.41963 22.2497 6.19412 21.7455L2.87568 14.3269Z"
fill="url(#paint1_linear_4_7843)"
/>
</g>
<g filter="url(#filter3_i_4_7843)">
<path
d="M8.69056 17.6513L9.77828 17.1647L11.1331 20.1936C11.2233 20.3952 11.133 20.6318 10.9313 20.722L10.5738 20.8819C10.3722 20.9721 10.1356 20.8818 10.0454 20.6801L8.69056 17.6513Z"
fill="#EFE6F8"
/>
</g>
<path
d="M8.50635 17.9901L5.87747 12.3607C5.77499 12.1413 5.87046 11.8804 6.09035 11.7789C6.26364 11.6989 6.3408 11.4947 6.26371 11.3201L5.50298 9.59703C5.28253 9.09771 5.5032 8.51386 5.9988 8.28516L11.4333 5.77741C11.6326 5.68544 11.8688 5.77127 11.9626 5.96973L15.9814 14.4756C16.0759 14.6756 15.9901 14.9143 15.79 15.0084L9.03899 18.1829C8.8387 18.277 8.6 18.1907 8.50635 17.9901Z"
fill="#E5DCF0"
/>
<path
d="M8.50635 17.9901L5.87747 12.3607C5.77499 12.1413 5.87046 11.8804 6.09035 11.7789C6.26364 11.6989 6.3408 11.4947 6.26371 11.3201L5.50298 9.59703C5.28253 9.09771 5.5032 8.51386 5.9988 8.28516L11.4333 5.77741C11.6326 5.68544 11.8688 5.77127 11.9626 5.96973L15.9814 14.4756C16.0759 14.6756 15.9901 14.9143 15.79 15.0084L9.03899 18.1829C8.8387 18.277 8.6 18.1907 8.50635 17.9901Z"
fill="url(#paint2_linear_4_7843)"
/>
<path
d="M8.50635 17.9901L5.87747 12.3607C5.77499 12.1413 5.87046 11.8804 6.09035 11.7789C6.26364 11.6989 6.3408 11.4947 6.26371 11.3201L5.50298 9.59703C5.28253 9.09771 5.5032 8.51386 5.9988 8.28516L11.4333 5.77741C11.6326 5.68544 11.8688 5.77127 11.9626 5.96973L15.9814 14.4756C16.0759 14.6756 15.9901 14.9143 15.79 15.0084L9.03899 18.1829C8.8387 18.277 8.6 18.1907 8.50635 17.9901Z"
fill="url(#paint3_linear_4_7843)"
/>
<path
d="M8.50635 17.9901L5.87747 12.3607C5.77499 12.1413 5.87046 11.8804 6.09035 11.7789C6.26364 11.6989 6.3408 11.4947 6.26371 11.3201L5.50298 9.59703C5.28253 9.09771 5.5032 8.51386 5.9988 8.28516L11.4333 5.77741C11.6326 5.68544 11.8688 5.77127 11.9626 5.96973L15.9814 14.4756C16.0759 14.6756 15.9901 14.9143 15.79 15.0084L9.03899 18.1829C8.8387 18.277 8.6 18.1907 8.50635 17.9901Z"
fill="url(#paint4_linear_4_7843)"
/>
<path
d="M8.50635 17.9901L5.87747 12.3607C5.77499 12.1413 5.87046 11.8804 6.09035 11.7789C6.26364 11.6989 6.3408 11.4947 6.26371 11.3201L5.50298 9.59703C5.28253 9.09771 5.5032 8.51386 5.9988 8.28516L11.4333 5.77741C11.6326 5.68544 11.8688 5.77127 11.9626 5.96973L15.9814 14.4756C16.0759 14.6756 15.9901 14.9143 15.79 15.0084L9.03899 18.1829C8.8387 18.277 8.6 18.1907 8.50635 17.9901Z"
fill="url(#paint5_linear_4_7843)"
/>
<g filter="url(#filter4_i_4_7843)">
<path
d="M22.19 4.72461L11.6549 27.2754"
stroke="#959498"
strokeLinecap="round"
/>
</g>
<g filter="url(#filter5_f_4_7843)">
<path
d="M22.3596 4.58398L11.8245 27.1348"
stroke="#B3B2B7"
strokeWidth={0.2}
strokeLinecap="round"
/>
</g>
<circle cx={9.55886} cy={13.4473} r={2.26562} fill="#DD3240" />
<circle
cx={9.55886}
cy={13.4473}
r={2.26562}
fill="url(#paint6_linear_4_7843)"
/>
<g filter="url(#filter6_ii_4_7843)">
<path
d="M30.0412 14.3269C30.2667 13.8227 30.0408 13.2312 29.5367 13.0057L25.7555 11.3144L21.7837 20.1936C21.6935 20.3952 21.7839 20.6318 21.9855 20.722L25.4016 22.2501C25.9057 22.4756 26.4972 22.2497 26.7227 21.7455L30.0412 14.3269Z"
fill="#EDE2F8"
/>
</g>
<g filter="url(#filter7_i_4_7843)">
<path
d="M24.2263 17.6513L23.1386 17.1647L21.7837 20.1936C21.6935 20.3952 21.7839 20.6318 21.9855 20.722L22.343 20.8819C22.5447 20.9721 22.7813 20.8818 22.8715 20.6801L24.2263 17.6513Z"
fill="#C7BCD2"
/>
<path
d="M24.2263 17.6513L23.1386 17.1647L21.7837 20.1936C21.6935 20.3952 21.7839 20.6318 21.9855 20.722L22.343 20.8819C22.5447 20.9721 22.7813 20.8818 22.8715 20.6801L24.2263 17.6513Z"
fill="url(#paint7_linear_4_7843)"
/>
<path
d="M24.2263 17.6513L23.1386 17.1647L21.7837 20.1936C21.6935 20.3952 21.7839 20.6318 21.9855 20.722L22.343 20.8819C22.5447 20.9721 22.7813 20.8818 22.8715 20.6801L24.2263 17.6513Z"
fill="url(#paint8_linear_4_7843)"
/>
</g>
<g filter="url(#filter8_i_4_7843)">
<path
d="M24.4024 17.9901L27.0313 12.3607C27.1337 12.1413 27.0383 11.8804 26.8184 11.7789C26.6451 11.6989 26.5679 11.4947 26.645 11.3201L27.4057 9.59703C27.6262 9.09771 27.4055 8.51386 26.9099 8.28516L21.4754 5.77741C21.2761 5.68544 21.0399 5.77127 20.9461 5.96973L16.9273 14.4756C16.8328 14.6756 16.9186 14.9143 17.1188 15.0084L23.8697 18.1829C24.07 18.277 24.3087 18.1907 24.4024 17.9901Z"
fill="#E5DBF0"
/>
<path
d="M24.4024 17.9901L27.0313 12.3607C27.1337 12.1413 27.0383 11.8804 26.8184 11.7789C26.6451 11.6989 26.5679 11.4947 26.645 11.3201L27.4057 9.59703C27.6262 9.09771 27.4055 8.51386 26.9099 8.28516L21.4754 5.77741C21.2761 5.68544 21.0399 5.77127 20.9461 5.96973L16.9273 14.4756C16.8328 14.6756 16.9186 14.9143 17.1188 15.0084L23.8697 18.1829C24.07 18.277 24.3087 18.1907 24.4024 17.9901Z"
fill="url(#paint9_linear_4_7843)"
/>
<path
d="M24.4024 17.9901L27.0313 12.3607C27.1337 12.1413 27.0383 11.8804 26.8184 11.7789C26.6451 11.6989 26.5679 11.4947 26.645 11.3201L27.4057 9.59703C27.6262 9.09771 27.4055 8.51386 26.9099 8.28516L21.4754 5.77741C21.2761 5.68544 21.0399 5.77127 20.9461 5.96973L16.9273 14.4756C16.8328 14.6756 16.9186 14.9143 17.1188 15.0084L23.8697 18.1829C24.07 18.277 24.3087 18.1907 24.4024 17.9901Z"
fill="url(#paint10_linear_4_7843)"
/>
<path
d="M24.4024 17.9901L27.0313 12.3607C27.1337 12.1413 27.0383 11.8804 26.8184 11.7789C26.6451 11.6989 26.5679 11.4947 26.645 11.3201L27.4057 9.59703C27.6262 9.09771 27.4055 8.51386 26.9099 8.28516L21.4754 5.77741C21.2761 5.68544 21.0399 5.77127 20.9461 5.96973L16.9273 14.4756C16.8328 14.6756 16.9186 14.9143 17.1188 15.0084L23.8697 18.1829C24.07 18.277 24.3087 18.1907 24.4024 17.9901Z"
fill="url(#paint11_linear_4_7843)"
/>
</g>
<circle
r={2.26562}
transform="matrix(-1 0 0 1 23.358 13.4473)"
fill="#DD3240"
/>
<circle
r={2.26562}
transform="matrix(-1 0 0 1 23.358 13.4473)"
fill="url(#paint12_linear_4_7843)"
/>
<defs>
<filter
id="filter0_i_4_7843"
x={10.2267}
y={3.97449}
width={11.7854}
height={23.801}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.447059 0 0 0 0 0.439216 0 0 0 0 0.466667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7843"
/>
</filter>
<filter
id="filter1_f_4_7843"
x={10.6221}
y={4.28396}
width={11.1352}
height={23.1508}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_4_7843"
/>
</filter>
<filter
id="filter2_i_4_7843"
x={2.78827}
y={11.2144}
width={8.4798}
height={11.1231}
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.670588 0 0 0 0 0.611765 0 0 0 0 0.733333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7843"
/>
</filter>
<filter
id="filter3_i_4_7843"
x={8.69056}
y={17.1647}
width={2.47752}
height={3.75216}
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.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.72549 0 0 0 0 0.67451 0 0 0 0 0.780392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7843"
/>
</filter>
<filter
id="filter4_i_4_7843"
x={11.1547}
y={3.97449}
width={12.0354}
height={23.801}
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.5} dy={-0.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.447059 0 0 0 0 0.439216 0 0 0 0 0.466667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7843"
/>
</filter>
<filter
id="filter5_f_4_7843"
x={11.5245}
y={4.28396}
width={11.1352}
height={23.1508}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_4_7843"
/>
</filter>
<filter
id="filter6_ii_4_7843"
x={21.4488}
y={11.1144}
width={8.8298}
height={11.3231}
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.2} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.729412 0 0 0 0 0.662745 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7843"
/>
<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.3} dy={0.1} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_4_7843"
result="effect2_innerShadow_4_7843"
/>
</filter>
<filter
id="filter7_i_4_7843"
x={21.7488}
y={17.1647}
width={2.62752}
height={3.75216}
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} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.694118 0 0 0 0 0.666667 0 0 0 0 0.721569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7843"
/>
</filter>
<filter
id="filter8_i_4_7843"
x={16.7889}
y={5.74052}
width={10.7023}
height={12.7305}
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.1} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.984314 0 0 0 0 0.960784 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7843"
/>
</filter>
<linearGradient
id="paint0_linear_4_7843"
x1={6.68387}
y1={21.8379}
x2={8.77762}
y2={15.6191}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0660467} stopColor="#D5C9E2" />
<stop offset={1} stopColor="#BEB1CB" />
</linearGradient>
<linearGradient
id="paint1_linear_4_7843"
x1={9.46512}
y1={18.7441}
x2={6.40262}
y2={19.9941}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.374291} stopColor="#B2A3C1" />
<stop offset={1} stopColor="#B2A3C1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_4_7843"
x1={7.62136}
y1={15.7441}
x2={8.87136}
y2={15.1504}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.558898} stopColor="#BAAEC7" />
<stop offset={1} stopColor="#BAAEC7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_4_7843"
x1={7.84011}
y1={7.36133}
x2={7.98074}
y2={7.6582}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C6C2CA" />
<stop offset={0.993604} stopColor="#C6C2CA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_4_7843"
x1={12.6448}
y1={16.6113}
x2={12.5198}
y2={16.3457}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BFB0CF" />
<stop offset={1} stopColor="#BFB0CF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_4_7843"
x1={15.2776}
y1={12.4941}
x2={14.5276}
y2={12.8535}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.390752} stopColor="white" />
<stop offset={1} stopColor="#EBE2F6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_4_7843"
x1={7.49636}
y1={14.5098}
x2={8.32449}
y2={14.0723}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.198441} stopColor="#B8232B" />
<stop offset={1} stopColor="#B8232B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_4_7843"
x1={23.3089}
y1={17.9629}
x2={23.1526}
y2={19.5879}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B5A9BF" />
<stop offset={1} stopColor="#B5A9BF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_4_7843"
x1={23.5003}
y1={19.4043}
x2={23.1995}
y2={19.2676}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E5D9F2" />
<stop offset={1} stopColor="#C7BCD2" />
</linearGradient>
<linearGradient
id="paint9_linear_4_7843"
x1={25.5507}
y1={15.7441}
x2={24.0195}
y2={15.0254}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.270649} stopColor="#F0E6FA" />
<stop offset={1} stopColor="#F0E6FA" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_4_7843"
x1={18.7695}
y1={10.4004}
x2={19.5507}
y2={10.7441}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0991958} stopColor="#BAB5BE" />
<stop offset={1} stopColor="#DBD1E6" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_4_7843"
x1={20.3945}
y1={16.7129}
x2={20.6914}
y2={16.1035}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AD9DBE" />
<stop offset={1} stopColor="#AD9DBE" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_4_7843"
x1={0.158497}
y1={3.71875}
x2={1.221}
y2={3.1875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.482353} stopColor="#E8333E" />
<stop offset={1} stopColor="#E8333E" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = CrossedFlagsIcon;