UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

217 lines (216 loc) 8.98 kB
const React = require("react"); const PearIcon = ({ 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="M7.12 2.2911L3 3.8911C3.87 6.1311 6.38 7.2411 8.62 6.3711L12.74 4.7711C11.87 2.5411 9.36 1.4311 7.12 2.2911Z" fill="url(#paint0_linear_18_29416)" /> <g filter="url(#filter0_f_18_29416)"> <path d="M3.67688 4.1645L7.29917 2.75779C9.12349 2.05786 11.1499 2.83323 12.062 4.4979L8.43893 5.90493C6.61499 6.61333 4.58865 5.83858 3.67688 4.1645Z" fill="url(#paint1_linear_18_29416)" /> </g> <g filter="url(#filter1_f_18_29416)"> <path d="M5.67517 3.19551L7.31426 2.45881C9.37612 1.6672 11.6865 2.68893 12.4873 4.74159C10.091 2.84548 9.66021 2.68393 5.67517 3.19551Z" fill="url(#paint2_linear_18_29416)" /> </g> <path d="M19.99 8.10112L19.89 7.85112C18.78 4.99112 15.56 3.57112 12.7 4.68112C9.84 5.78112 8.42 9.00112 9.53 11.8611L9.63 12.1111C10.26 13.7311 10.29 15.5211 9.73 17.1711C8.98 19.3511 9.03 21.7211 9.86 23.8711C11.77 28.8111 17.33 31.2611 22.27 29.3511C27.21 27.4411 29.66 21.8811 27.75 16.9411C26.92 14.7911 25.35 13.0111 23.33 11.9011C21.8 11.0711 20.62 9.72112 19.99 8.10112Z" fill="url(#paint3_radial_18_29416)" /> <path d="M19.99 8.10112L19.89 7.85112C18.78 4.99112 15.56 3.57112 12.7 4.68112C9.84 5.78112 8.42 9.00112 9.53 11.8611L9.63 12.1111C10.26 13.7311 10.29 15.5211 9.73 17.1711C8.98 19.3511 9.03 21.7211 9.86 23.8711C11.77 28.8111 17.33 31.2611 22.27 29.3511C27.21 27.4411 29.66 21.8811 27.75 16.9411C26.92 14.7911 25.35 13.0111 23.33 11.9011C21.8 11.0711 20.62 9.72112 19.99 8.10112Z" fill="url(#paint4_radial_18_29416)" /> <path d="M19.99 8.10112L19.89 7.85112C18.78 4.99112 15.56 3.57112 12.7 4.68112C9.84 5.78112 8.42 9.00112 9.53 11.8611L9.63 12.1111C10.26 13.7311 10.29 15.5211 9.73 17.1711C8.98 19.3511 9.03 21.7211 9.86 23.8711C11.77 28.8111 17.33 31.2611 22.27 29.3511C27.21 27.4411 29.66 21.8811 27.75 16.9411C26.92 14.7911 25.35 13.0111 23.33 11.9011C21.8 11.0711 20.62 9.72112 19.99 8.10112Z" fill="url(#paint5_radial_18_29416)" /> <path d="M19.99 8.10112L19.89 7.85112C18.78 4.99112 15.56 3.57112 12.7 4.68112C9.84 5.78112 8.42 9.00112 9.53 11.8611L9.63 12.1111C10.26 13.7311 10.29 15.5211 9.73 17.1711C8.98 19.3511 9.03 21.7211 9.86 23.8711C11.77 28.8111 17.33 31.2611 22.27 29.3511C27.21 27.4411 29.66 21.8811 27.75 16.9411C26.92 14.7911 25.35 13.0111 23.33 11.9011C21.8 11.0711 20.62 9.72112 19.99 8.10112Z" fill="url(#paint6_radial_18_29416)" /> <path d="M19.99 8.10112L19.89 7.85112C18.78 4.99112 15.56 3.57112 12.7 4.68112C9.84 5.78112 8.42 9.00112 9.53 11.8611L9.63 12.1111C10.26 13.7311 10.29 15.5211 9.73 17.1711C8.98 19.3511 9.03 21.7211 9.86 23.8711C11.77 28.8111 17.33 31.2611 22.27 29.3511C27.21 27.4411 29.66 21.8811 27.75 16.9411C26.92 14.7911 25.35 13.0111 23.33 11.9011C21.8 11.0711 20.62 9.72112 19.99 8.10112Z" fill="url(#paint7_radial_18_29416)" /> <path d="M19.99 8.10112L19.89 7.85112C18.78 4.99112 15.56 3.57112 12.7 4.68112C9.84 5.78112 8.42 9.00112 9.53 11.8611L9.63 12.1111C10.26 13.7311 10.29 15.5211 9.73 17.1711C8.98 19.3511 9.03 21.7211 9.86 23.8711C11.77 28.8111 17.33 31.2611 22.27 29.3511C27.21 27.4411 29.66 21.8811 27.75 16.9411C26.92 14.7911 25.35 13.0111 23.33 11.9011C21.8 11.0711 20.62 9.72112 19.99 8.10112Z" fill="url(#paint8_radial_18_29416)" /> <path d="M19.99 8.10112L19.89 7.85112C18.78 4.99112 15.56 3.57112 12.7 4.68112C9.84 5.78112 8.42 9.00112 9.53 11.8611L9.63 12.1111C10.26 13.7311 10.29 15.5211 9.73 17.1711C8.98 19.3511 9.03 21.7211 9.86 23.8711C11.77 28.8111 17.33 31.2611 22.27 29.3511C27.21 27.4411 29.66 21.8811 27.75 16.9411C26.92 14.7911 25.35 13.0111 23.33 11.9011C21.8 11.0711 20.62 9.72112 19.99 8.10112Z" fill="url(#paint9_radial_18_29416)" /> <defs> <filter id="filter0_f_18_29416" x={3.17688} y={2.00031} width={9.38513} height={4.66699} 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_29416" /> </filter> <filter id="filter1_f_18_29416" x={5.17517} y={1.69086} width={7.81213} height={3.55072} 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_29416" /> </filter> <linearGradient id="paint0_linear_18_29416" x1={3} y1={3.98729} x2={12.74} y2={4.63502} gradientUnits="userSpaceOnUse" > <stop stopColor="#769817" /> <stop offset={1} stopColor="#B1D53A" /> </linearGradient> <linearGradient id="paint1_linear_18_29416" x1={3} y1={3.98735} x2={12.74} y2={4.63508} gradientUnits="userSpaceOnUse" > <stop stopColor="#7FA418" /> <stop offset={1} stopColor="#B4D83C" /> </linearGradient> <linearGradient id="paint2_linear_18_29416" x1={5.67517} y1={3.14166} x2={12.622} y2={4.74159} gradientUnits="userSpaceOnUse" > <stop stopColor="#B8D85A" stopOpacity={0} /> <stop offset={0.494792} stopColor="#B8D85A" /> <stop offset={1} stopColor="#B8D85A" stopOpacity={0} /> </linearGradient> <radialGradient id="paint3_radial_18_29416" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.375 11.625) rotate(88.7513) scale(18.3792 13.7659)" > <stop stopColor="#ECF054" /> <stop offset={0.5} stopColor="#C5D326" /> <stop offset={1} stopColor="#A2AA1C" /> </radialGradient> <radialGradient id="paint4_radial_18_29416" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.2652 10.7884) rotate(88.4784) scale(19.2182 14.3943)" > <stop offset={0.557517} stopColor="#B2B136" stopOpacity={0} /> <stop offset={0.713542} stopColor="#D88D77" stopOpacity={0.2} /> <stop offset={1} stopColor="#D0778A" /> </radialGradient> <radialGradient id="paint5_radial_18_29416" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.15234 16.5146) rotate(175.922) scale(26.7208 20.0137)" > <stop stopColor="#7B8532" /> <stop offset={0.651319} stopColor="#C3CF23" stopOpacity={0} /> </radialGradient> <radialGradient id="paint6_radial_18_29416" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.0484 8.57752) rotate(106.084) scale(32.1109 24.0508)" > <stop stopColor="#F5FC58" /> <stop offset={0.321704} stopColor="#F5FC58" stopOpacity={0} /> </radialGradient> <radialGradient id="paint7_radial_18_29416" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.961 14.9495) rotate(117.618) scale(27.6303 20.6948)" > <stop stopColor="#F5FC58" /> <stop offset={0.519934} stopColor="#F5FC58" stopOpacity={0} /> </radialGradient> <radialGradient id="paint8_radial_18_29416" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(27.2152 8.57751) rotate(13.707) scale(14.1532 10.6007)" > <stop stopColor="#7B8532" /> <stop offset={0.651319} stopColor="#C3CF23" stopOpacity={0} /> </radialGradient> <radialGradient id="paint9_radial_18_29416" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(28.3987 24.9013) rotate(30.3382) scale(19.5235 14.6229)" > <stop stopColor="#7B8532" stopOpacity={0.4} /> <stop offset={0.545898} stopColor="#C3CF23" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = PearIcon;