@jstnmthw/react-fluentui-emoji/icons/RedAppleIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const RedAppleIcon = ({ 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="M10.25 2H4.21997C4.21997 5.27 6.86998 7.91998 10.14 7.91998H16.17C16.18 4.65998 13.52 2 10.25 2Z"
      fill="url(#paint0_linear_18_28992)"
    />
    <g filter="url(#filter0_f_18_28992)">
      <path
        d="M10.1399 7.41998C7.31465 7.41998 4.99495 5.25938 4.74268 2.5H10.2499C13.0759 2.5 15.403 4.66981 15.6486 7.41998H10.1399Z"
        fill="url(#paint1_linear_18_28992)"
      />
    </g>
    <g filter="url(#filter1_f_18_28992)">
      <path
        d="M6.95776 2.5H10.2499C13.0759 2.5 15.403 4.66981 15.6485 7.41998C13.3738 3.49072 12.4823 3.64128 6.95776 2.5Z"
        fill="url(#paint2_linear_18_28992)"
      />
    </g>
    <path
      d="M18.09 7.38014C16.75 7.95014 15.23 7.95014 13.89 7.38014C9.69 5.61014 4.85 7.64015 3.17 11.8901C1.61 15.8401 1.61 20.2301 3.17 24.1801C4.91 28.5701 9.68 30.9401 14.23 29.6701C15.38 29.3501 16.6 29.3501 17.75 29.6701C22.3 30.9501 27.08 28.5801 28.81 24.1801C30.37 20.2301 30.37 15.8401 28.81 11.8901C27.14 7.64015 22.3 5.61014 18.09 7.38014Z"
      fill="url(#paint3_radial_18_28992)"
    />
    <path
      d="M18.09 7.38014C16.75 7.95014 15.23 7.95014 13.89 7.38014C9.69 5.61014 4.85 7.64015 3.17 11.8901C1.61 15.8401 1.61 20.2301 3.17 24.1801C4.91 28.5701 9.68 30.9401 14.23 29.6701C15.38 29.3501 16.6 29.3501 17.75 29.6701C22.3 30.9501 27.08 28.5801 28.81 24.1801C30.37 20.2301 30.37 15.8401 28.81 11.8901C27.14 7.64015 22.3 5.61014 18.09 7.38014Z"
      fill="url(#paint4_radial_18_28992)"
    />
    <path
      d="M18.09 7.38014C16.75 7.95014 15.23 7.95014 13.89 7.38014C9.69 5.61014 4.85 7.64015 3.17 11.8901C1.61 15.8401 1.61 20.2301 3.17 24.1801C4.91 28.5701 9.68 30.9401 14.23 29.6701C15.38 29.3501 16.6 29.3501 17.75 29.6701C22.3 30.9501 27.08 28.5801 28.81 24.1801C30.37 20.2301 30.37 15.8401 28.81 11.8901C27.14 7.64015 22.3 5.61014 18.09 7.38014Z"
      fill="url(#paint5_radial_18_28992)"
    />
    <path
      d="M18.09 7.38014C16.75 7.95014 15.23 7.95014 13.89 7.38014C9.69 5.61014 4.85 7.64015 3.17 11.8901C1.61 15.8401 1.61 20.2301 3.17 24.1801C4.91 28.5701 9.68 30.9401 14.23 29.6701C15.38 29.3501 16.6 29.3501 17.75 29.6701C22.3 30.9501 27.08 28.5801 28.81 24.1801C30.37 20.2301 30.37 15.8401 28.81 11.8901C27.14 7.64015 22.3 5.61014 18.09 7.38014Z"
      fill="url(#paint6_linear_18_28992)"
    />
    <path
      d="M18.09 7.38014C16.75 7.95014 15.23 7.95014 13.89 7.38014C9.69 5.61014 4.85 7.64015 3.17 11.8901C1.61 15.8401 1.61 20.2301 3.17 24.1801C4.91 28.5701 9.68 30.9401 14.23 29.6701C15.38 29.3501 16.6 29.3501 17.75 29.6701C22.3 30.9501 27.08 28.5801 28.81 24.1801C30.37 20.2301 30.37 15.8401 28.81 11.8901C27.14 7.64015 22.3 5.61014 18.09 7.38014Z"
      fill="url(#paint7_radial_18_28992)"
    />
    <defs>
      <filter
        id="filter0_f_18_28992"
        x={4.24268}
        y={2}
        width={11.9059}
        height={5.91998}
        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_28992"
        />
      </filter>
      <filter
        id="filter1_f_18_28992"
        x={6.20776}
        y={1.75}
        width={10.1908}
        height={6.41998}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.375}
          result="effect1_foregroundBlur_18_28992"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_28992"
        x1={4.21997}
        y1={2}
        x2={16.17}
        y2={7.91996}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#77B725" />
        <stop offset={1} stopColor="#A3DA32" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_28992"
        x1={4.21997}
        y1={2}
        x2={16.17}
        y2={7.91996}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8FCD20" />
        <stop offset={1} stopColor="#AEE137" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_28992"
        x1={6.95776}
        y1={2.5}
        x2={16.0623}
        y2={7.00022}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.260417} stopColor="#CDFF7A" stopOpacity={0} />
        <stop offset={0.739583} stopColor="#CDFF7A" stopOpacity={0.8} />
        <stop offset={1} stopColor="#CDFF7A" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_28992"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(4.9518 27.1868) rotate(-40.0123) scale(28.2351 28.2351)"
      >
        <stop stopColor="#992D56" />
        <stop offset={0.527913} stopColor="#FB3E4F" />
        <stop offset={1} stopColor="#FA3D3C" />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_28992"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.7314 14.8914) rotate(124.011) scale(21.4641 25.8021)"
      >
        <stop stopColor="#FF787A" stopOpacity={0.8} />
        <stop offset={0.386328} stopColor="#FF787A" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_28992"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.1964 14.3483) rotate(62.7745) scale(22.8971 27.5248)"
      >
        <stop stopColor="#F24961" />
        <stop offset={0.367134} stopColor="#F24961" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_28992"
        x1={15.99}
        y1={6.74023}
        x2={15.99}
        y2={30.0161}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.583333} stopColor="#CB2568" stopOpacity={0} />
        <stop offset={1} stopColor="#B13591" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_28992"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(2 9.68391) rotate(26.4334) scale(25.5083 30.6636)"
      >
        <stop stopColor="#88424B" />
        <stop offset={0.389562} stopColor="#D02953" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = RedAppleIcon;