@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
93 lines (92 loc) • 3.5 kB
JSX
const React = require("react");
const GreenCircleIcon = ({ 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}
<path
d="M29.7573 15.75C29.7573 23.482 23.4893 29.75 15.7573 29.75C8.02534 29.75 1.75732 23.482 1.75732 15.75C1.75732 8.01801 8.02534 1.75 15.7573 1.75C23.4893 1.75 29.7573 8.01801 29.7573 15.75Z"
fill="url(#paint0_radial_18590_3034)"
/>
<path
d="M29.7573 15.75C29.7573 23.482 23.4893 29.75 15.7573 29.75C8.02534 29.75 1.75732 23.482 1.75732 15.75C1.75732 8.01801 8.02534 1.75 15.7573 1.75C23.4893 1.75 29.7573 8.01801 29.7573 15.75Z"
fill="url(#paint1_linear_18590_3034)"
/>
<path
d="M29.7573 15.75C29.7573 23.482 23.4893 29.75 15.7573 29.75C8.02534 29.75 1.75732 23.482 1.75732 15.75C1.75732 8.01801 8.02534 1.75 15.7573 1.75C23.4893 1.75 29.7573 8.01801 29.7573 15.75Z"
fill="url(#paint2_radial_18590_3034)"
/>
<path
d="M29.7573 15.75C29.7573 23.482 23.4893 29.75 15.7573 29.75C8.02534 29.75 1.75732 23.482 1.75732 15.75C1.75732 8.01801 8.02534 1.75 15.7573 1.75C23.4893 1.75 29.7573 8.01801 29.7573 15.75Z"
fill="url(#paint3_radial_18590_3034)"
/>
<path
d="M29.7573 15.75C29.7573 23.482 23.4893 29.75 15.7573 29.75C8.02534 29.75 1.75732 23.482 1.75732 15.75C1.75732 8.01801 8.02534 1.75 15.7573 1.75C23.4893 1.75 29.7573 8.01801 29.7573 15.75Z"
fill="url(#paint4_radial_18590_3034)"
/>
<defs>
<radialGradient
id="paint0_radial_18590_3034"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.9365 8.5) rotate(130.168) scale(27.8086)"
>
<stop offset={0.189563} stopColor="#5AE68D" />
<stop offset={0.835376} stopColor="#43A684" />
</radialGradient>
<linearGradient
id="paint1_linear_18590_3034"
x1={15.7573}
y1={1.75}
x2={15.7573}
y2={8.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5ED284" />
<stop offset={1} stopColor="#5ED284" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18590_3034"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.4365 10.5) rotate(136.38) scale(14.6767 15.816)"
>
<stop offset={0.178657} stopColor="#6FFCA5" />
<stop offset={1} stopColor="#65E6A7" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint3_radial_18590_3034"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.249 15.75) rotate(180) scale(19.25 20)"
>
<stop offset={0.62013} stopColor="#64CB85" stopOpacity={0} />
<stop offset={0.951299} stopColor="#A4E4B7" />
</radialGradient>
<radialGradient
id="paint4_radial_18590_3034"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.7573 8.75) rotate(90) scale(22.1875 22.9876)"
>
<stop offset={0.732143} stopColor="#4A9795" stopOpacity={0} />
<stop offset={1} stopColor="#718CAD" />
</radialGradient>
</defs>
</svg>
);
module.exports = GreenCircleIcon;