@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
187 lines (186 loc) • 6.99 kB
JSX
const React = require("react");
const WhiteFlagIcon = ({ 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_7853)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.22616 2.14375C7.75084 2.14375 8.17616 2.56908 8.17616 3.09375V28.9063C8.17616 29.4309 7.75084 29.8563 7.22616 29.8563C6.70149 29.8563 6.27617 29.4309 6.27617 28.9063V3.09375C6.27617 2.56908 6.70149 2.14375 7.22616 2.14375Z"
fill="#9D9DA2"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.22616 2.14375C7.75084 2.14375 8.17616 2.56908 8.17616 3.09375V28.9063C8.17616 29.4309 7.75084 29.8563 7.22616 29.8563C6.70149 29.8563 6.27617 29.4309 6.27617 28.9063V3.09375C6.27617 2.56908 6.70149 2.14375 7.22616 2.14375Z"
fill="url(#paint0_radial_4_7853)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M7.22616 2.14375C7.75084 2.14375 8.17616 2.56908 8.17616 3.09375V28.9063C8.17616 29.4309 7.75084 29.8563 7.22616 29.8563C6.70149 29.8563 6.27617 29.4309 6.27617 28.9063V3.09375C6.27617 2.56908 6.70149 2.14375 7.22616 2.14375Z"
fill="url(#paint1_radial_4_7853)"
/>
</g>
<g filter="url(#filter1_iii_4_7853)">
<path
d="M9.45144 5.3125C8.42679 4.93154 7.47012 4.81596 6.85767 4.81258C6.51378 4.81069 6.27617 5.10051 6.27617 5.44441V17.6419C6.27617 17.9236 6.50934 18.1481 6.79095 18.154C9.1059 18.2029 9.63712 19.0625 12.2843 19.0625C15.1171 19.0625 18.2924 17.1562 21.0319 17.1562C22.889 17.1562 24.9071 17.8407 26.048 18.3538C26.2892 18.4623 26.573 18.2895 26.573 18.025V5.68753C26.573 5.40072 26.4086 5.13715 26.1479 5.01759C21.0507 2.68004 18.5478 4.24431 15.4284 5.125C13.4361 5.6875 11.6617 5.95312 9.45144 5.3125Z"
fill="#E8E4EC"
/>
<path
d="M9.45144 5.3125C8.42679 4.93154 7.47012 4.81596 6.85767 4.81258C6.51378 4.81069 6.27617 5.10051 6.27617 5.44441V17.6419C6.27617 17.9236 6.50934 18.1481 6.79095 18.154C9.1059 18.2029 9.63712 19.0625 12.2843 19.0625C15.1171 19.0625 18.2924 17.1562 21.0319 17.1562C22.889 17.1562 24.9071 17.8407 26.048 18.3538C26.2892 18.4623 26.573 18.2895 26.573 18.025V5.68753C26.573 5.40072 26.4086 5.13715 26.1479 5.01759C21.0507 2.68004 18.5478 4.24431 15.4284 5.125C13.4361 5.6875 11.6617 5.95312 9.45144 5.3125Z"
fill="url(#paint2_linear_4_7853)"
/>
</g>
<defs>
<filter
id="filter0_i_4_7853"
x={6.27617}
y={1.64375}
width={2.65}
height={28.2125}
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.75} dy={-0.5} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.411765 0 0 0 0 0.415686 0 0 0 0 0.431373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7853"
/>
</filter>
<filter
id="filter1_iii_4_7853"
x={6.02617}
y={3.69103}
width={20.6469}
height={15.5215}
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={2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.768627 0 0 0 0 0.745098 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_4_7853"
/>
<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.175} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.741176 0 0 0 0 0.705882 0 0 0 0 0.780392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_4_7853"
result="effect2_innerShadow_4_7853"
/>
<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.15} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.988235 0 0 0 0 0.976471 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_4_7853"
result="effect3_innerShadow_4_7853"
/>
</filter>
<radialGradient
id="paint0_radial_4_7853"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.0204 2.5705) rotate(152.613) scale(1.18498 1.36575)"
>
<stop stopColor="#A9AAAD" />
<stop offset={1} stopColor="#A9AAAD" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_4_7853"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.17616 17.9764) rotate(-164.411) scale(2.91898 1.61122)"
>
<stop stopColor="#64616D" />
<stop offset={1} stopColor="#64616D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_4_7853"
x1={6.69089}
y1={13.0998}
x2={11.3898}
y2={13.0998}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C7C1CD" />
<stop offset={1} stopColor="#E8E4EC" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = WhiteFlagIcon;