@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
406 lines (405 loc) • 12 kB
JSX
const React = require("react");
const FlagInHoleIcon = ({ 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_18_2762)">
<ellipse
cx={16}
cy={23.9397}
rx={14}
ry={6}
fill="url(#paint0_linear_18_2762)"
/>
</g>
<ellipse
cx={16}
cy={23.9397}
rx={14}
ry={6}
fill="url(#paint1_radial_18_2762)"
/>
<ellipse
cx={11}
cy={23.4397}
rx={4}
ry={1.5}
fill="url(#paint2_radial_18_2762)"
/>
<g filter="url(#filter1_i_18_2762)">
<path
d="M12 2.9397C12 2.38741 11.5523 1.9397 11 1.9397C10.4477 1.9397 10 2.38741 10 2.9397V24.8924C10.3196 24.9233 10.6547 24.9397 11 24.9397C11.3453 24.9397 11.6804 24.9233 12 24.8924V2.9397Z"
fill="url(#paint3_linear_18_2762)"
/>
<path
d="M12 2.9397C12 2.38741 11.5523 1.9397 11 1.9397C10.4477 1.9397 10 2.38741 10 2.9397V24.8924C10.3196 24.9233 10.6547 24.9397 11 24.9397C11.3453 24.9397 11.6804 24.9233 12 24.8924V2.9397Z"
fill="url(#paint4_radial_18_2762)"
/>
<path
d="M12 2.9397C12 2.38741 11.5523 1.9397 11 1.9397C10.4477 1.9397 10 2.38741 10 2.9397V24.8924C10.3196 24.9233 10.6547 24.9397 11 24.9397C11.3453 24.9397 11.6804 24.9233 12 24.8924V2.9397Z"
fill="url(#paint5_radial_18_2762)"
/>
</g>
<g filter="url(#filter2_f_18_2762)">
<ellipse
cx={20.5115}
cy={24.6978}
rx={1.98853}
ry={0.719085}
fill="url(#paint6_radial_18_2762)"
/>
</g>
<g filter="url(#filter3_i_18_2762)">
<circle
cx={21.5}
cy={23.4397}
r={1.75}
fill="url(#paint7_radial_18_2762)"
/>
<circle
cx={21.5}
cy={23.4397}
r={1.75}
fill="url(#paint8_radial_18_2762)"
/>
</g>
<circle
cx={21.5}
cy={23.4397}
r={1.75}
fill="url(#paint9_radial_18_2762)"
/>
<g filter="url(#filter4_i_18_2762)">
<path
d="M12 2.9397L19.5 5.9397C19.96 6.1297 19.96 6.7597 19.5 6.9397L12 9.9397V2.9397Z"
fill="url(#paint10_linear_18_2762)"
/>
</g>
<path
d="M12 2.9397L19.5 5.9397C19.96 6.1297 19.96 6.7597 19.5 6.9397L12 9.9397V2.9397Z"
fill="url(#paint11_radial_18_2762)"
/>
<defs>
<filter
id="filter0_ii_18_2762"
x={2}
y={17.6897}
width={28}
height={12.5}
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 dy={-0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.286275 0 0 0 0 0.533333 0 0 0 0 0.372549 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2762"
/>
<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.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.596078 0 0 0 0 0.823529 0 0 0 0 0.333333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_2762"
result="effect2_innerShadow_18_2762"
/>
</filter>
<filter
id="filter1_i_18_2762"
x={10}
y={1.9397}
width={2.25}
height={23}
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.901961 0 0 0 0 0.619608 0 0 0 0 0.462745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2762"
/>
</filter>
<filter
id="filter2_f_18_2762"
x={17.9229}
y={23.3788}
width={5.17705}
height={2.63817}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_2762"
/>
</filter>
<filter
id="filter3_i_18_2762"
x={19.75}
y={21.5897}
width={3.6}
height={3.6}
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.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.658824 0 0 0 0 0.627451 0 0 0 0 0.611765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2762"
/>
</filter>
<filter
id="filter4_i_18_2762"
x={11.75}
y={2.9397}
width={8.09497}
height={7}
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.862745 0 0 0 0 0.235294 0 0 0 0 0.333333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_2762"
/>
</filter>
<linearGradient
id="paint0_linear_18_2762"
x1={16}
y1={17.9397}
x2={16}
y2={29.9397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#91CF4D" />
<stop offset={0.515625} stopColor="#6AAA60" />
<stop offset={1} stopColor="#3D976E" />
</linearGradient>
<radialGradient
id="paint1_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 23.3772) rotate(90) scale(6.5625 15.1177)"
>
<stop offset={0.928571} stopColor="#49885F" stopOpacity={0} />
<stop offset={1} stopColor="#49885F" />
</radialGradient>
<radialGradient
id="paint2_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11 22.2617) rotate(90) scale(3.52941 6.39631)"
>
<stop stopColor="#402155" />
<stop offset={1} stopColor="#3D254D" />
</radialGradient>
<linearGradient
id="paint3_linear_18_2762"
x1={11}
y1={1.9397}
x2={11}
y2={24.9397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD1B2" />
<stop offset={1} stopColor="#FFC797" />
</linearGradient>
<radialGradient
id="paint4_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10 24.9397) rotate(-90) scale(24.25 2)"
>
<stop stopColor="#CC8050" />
<stop offset={1} stopColor="#CC8050" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.3198 1.9397) rotate(90.9707) scale(18.8777 1.60098)"
>
<stop stopColor="#FFF6CE" />
<stop offset={1} stopColor="#FFF6CE" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.5496 25.0873) rotate(179.519) scale(3.56882 2.05665)"
>
<stop offset={0.082502} stopColor="#3F693A" />
<stop offset={1} stopColor="#3F693A" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5386 22.7834) rotate(124.032) scale(2.90356)"
>
<stop stopColor="#FEFAFF" />
<stop offset={1} stopColor="#AAB0B7" />
</radialGradient>
<radialGradient
id="paint8_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.7261 22.1272) rotate(25.3215) scale(3.06877)"
>
<stop stopColor="#BEADB0" />
<stop offset={1} stopColor="#BEADB0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.0676 22.1116) rotate(138.764) scale(2.23005 2.03919)"
>
<stop stopColor="#F4F2F6" />
<stop offset={1} stopColor="#F4F2F6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_18_2762"
x1={12.5698}
y1={6.4397}
x2={17.2573}
y2={6.4397}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF396A" />
<stop offset={1} stopColor="#FE4093" />
</linearGradient>
<radialGradient
id="paint11_radial_18_2762"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.161 6.10069) rotate(158.199) scale(1.7506 1.96192)"
>
<stop stopColor="#FF509A" />
<stop offset={1} stopColor="#FF509A" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = FlagInHoleIcon;