@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
89 lines (88 loc) • 3.64 kB
JSX
const React = require("react");
const OliveIcon = ({ 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="M25.2672 6.72412C31.0672 12.5241 31.6172 21.3641 26.4972 26.4841C21.3772 31.6041 12.5372 31.0541 6.73717 25.2541C0.937172 19.4541 0.387173 10.6141 5.50717 5.50412C10.6272 0.394116 19.4672 0.934116 25.2672 6.72412Z"
fill="#6FA352"
/>
<path
d="M25.2672 6.72412C31.0672 12.5241 31.6172 21.3641 26.4972 26.4841C21.3772 31.6041 12.5372 31.0541 6.73717 25.2541C0.937172 19.4541 0.387173 10.6141 5.50717 5.50412C10.6272 0.394116 19.4672 0.934116 25.2672 6.72412Z"
fill="url(#paint0_radial_18_29604)"
/>
<path
d="M25.2672 6.72412C31.0672 12.5241 31.6172 21.3641 26.4972 26.4841C21.3772 31.6041 12.5372 31.0541 6.73717 25.2541C0.937172 19.4541 0.387173 10.6141 5.50717 5.50412C10.6272 0.394116 19.4672 0.934116 25.2672 6.72412Z"
fill="url(#paint1_radial_18_29604)"
/>
<path
d="M15.7868 10.0664C13.668 9.1814 12.3481 7.23644 12.8604 5.70964C13.3641 4.19257 15.4915 3.67715 17.619 4.55239C19.7464 5.42762 21.0577 7.38231 20.5453 8.9091C20.033 10.4359 17.9142 10.9513 15.7868 10.0664Z"
fill="url(#paint2_radial_18_29604)"
/>
<path
d="M7.88662 13.7604C9.81951 14.8388 12.3458 13.9933 13.5292 11.8721C14.7126 9.75085 14.105 7.15709 12.1722 6.07875C10.2393 5.00041 7.71301 5.84585 6.5296 7.96709C5.34618 10.0883 5.95374 12.6821 7.88662 13.7604Z"
fill="#DB2956"
/>
<path
d="M7.88662 13.7604C9.81951 14.8388 12.3458 13.9933 13.5292 11.8721C14.7126 9.75085 14.105 7.15709 12.1722 6.07875C10.2393 5.00041 7.71301 5.84585 6.5296 7.96709C5.34618 10.0883 5.95374 12.6821 7.88662 13.7604Z"
fill="url(#paint3_radial_18_29604)"
/>
<defs>
<radialGradient
id="paint0_radial_18_29604"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22 12.25) rotate(109.654) scale(20.4408 24.43)"
>
<stop stopColor="#91D060" />
<stop offset={0.458248} stopColor="#6DAB32" />
<stop offset={1} stopColor="#708D5D" />
</radialGradient>
<radialGradient
id="paint1_radial_18_29604"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14 4.5) rotate(86.1526) scale(42.8466 108.581)"
>
<stop stopColor="#596570" stopOpacity={0} />
<stop offset={0.311144} stopColor="#5C6775" stopOpacity={0} />
<stop offset={0.698189} stopColor="#616A7D" />
</radialGradient>
<radialGradient
id="paint2_radial_18_29604"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.875 14.25) rotate(-104.412) scale(11.551 12.5002)"
>
<stop stopColor="#C8E4BE" stopOpacity={0} />
<stop offset={0.436719} stopColor="#C8E4BE" stopOpacity={0} />
<stop offset={0.83233} stopColor="#C8E4BE" />
</radialGradient>
<radialGradient
id="paint3_radial_18_29604"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.1875 10.25) rotate(-33.6901) scale(4.28159 3.90141)"
>
<stop stopColor="#E63B5F" />
<stop offset={1} stopColor="#CC1138" />
</radialGradient>
</defs>
</svg>
);
module.exports = OliveIcon;