UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

93 lines (92 loc) 3.5 kB
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;