@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
230 lines (229 loc) • 6.18 kB
JSX
const React = require("react");
const RoundPushpinIcon = ({ 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_18_23140)">
<rect
x={15.0191}
y={14.1396}
width={1.96185}
height={15.746}
rx={0.980925}
fill="#A69AAD"
/>
<rect
x={15.0191}
y={14.1396}
width={1.96185}
height={15.746}
rx={0.980925}
fill="url(#paint0_linear_18_23140)"
/>
<rect
x={15.0191}
y={14.1396}
width={1.96185}
height={15.746}
rx={0.980925}
fill="url(#paint1_radial_18_23140)"
/>
</g>
<circle
cx={16}
cy={10.0056}
r={8.03224}
fill="url(#paint2_radial_18_23140)"
/>
<circle
cx={16}
cy={10.0056}
r={8.03224}
fill="url(#paint3_radial_18_23140)"
/>
<circle
cx={16}
cy={10.0056}
r={8.03224}
fill="url(#paint4_radial_18_23140)"
/>
<circle
cx={16}
cy={10.0056}
r={8.03224}
fill="url(#paint5_radial_18_23140)"
/>
<ellipse
cx={18.7371}
cy={6.94502}
rx={2.06395}
ry={2.57531}
transform="rotate(-37.6469 18.7371 6.94502)"
fill="url(#paint6_linear_18_23140)"
/>
<g filter="url(#filter1_f_18_23140)">
<rect
x={16}
y={18.4965}
width={0.603327}
height={10.5228}
rx={0.301664}
fill="url(#paint7_linear_18_23140)"
/>
</g>
<defs>
<filter
id="filter0_i_18_23140"
x={15.0191}
y={14.1396}
width={2.21185}
height={16.496}
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={4.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.552941 0 0 0 0 0.447059 0 0 0 0 0.584314 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23140"
/>
</filter>
<filter
id="filter1_f_18_23140"
x={15.5}
y={17.9965}
width={1.60333}
height={11.5228}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_23140"
/>
</filter>
<linearGradient
id="paint0_linear_18_23140"
x1={17.7754}
y1={27.2358}
x2={16.3231}
y2={27.2358}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C6BECB" />
<stop offset={1} stopColor="#C6BECB" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint1_radial_18_23140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 22.0126) rotate(90) scale(7.87299 3.70264)"
>
<stop offset={0.899673} stopColor="#9F7BBF" stopOpacity={0} />
<stop offset={1} stopColor="#9F7BBF" />
</radialGradient>
<radialGradient
id="paint2_radial_18_23140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.8711 13.9358) rotate(-156.453) scale(12.1178 17.416)"
>
<stop stopColor="#FD2C8D" />
<stop offset={1} stopColor="#FA356F" />
</radialGradient>
<radialGradient
id="paint3_radial_18_23140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.3551 10.0056) rotate(-180) scale(11.3873 15.6783)"
>
<stop offset={0.434073} stopColor="#CD284F" stopOpacity={0} />
<stop offset={0.948696} stopColor="#A73C52" />
</radialGradient>
<radialGradient
id="paint4_radial_18_23140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 6.29208) rotate(90) scale(12.0261)"
>
<stop offset={0.690678} stopColor="#CC2272" stopOpacity={0} />
<stop offset={1} stopColor="#BB438D" />
</radialGradient>
<radialGradient
id="paint5_radial_18_23140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.3551 7.61699) rotate(130.601) scale(4.69808 4.41886)"
>
<stop stopColor="#FF5EA3" />
<stop offset={1} stopColor="#FF5EA3" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint6_linear_18_23140"
x1={20.0541}
y1={5.23778}
x2={18.3681}
y2={9.31109}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFFDFF" />
<stop offset={1} stopColor="#FFFDFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_18_23140"
x1={16.3017}
y1={18.4965}
x2={16.3017}
y2={29.0193}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BDAFC1" />
<stop offset={1} stopColor="#C3B8CE" />
</linearGradient>
</defs>
</svg>
);
module.exports = RoundPushpinIcon;