UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

89 lines (88 loc) 3.64 kB
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;