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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const CucumberIcon = ({ 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="M13.8812 12.0525C14.5108 12.0525 15.0212 11.5421 15.0212 10.9125C15.0212 10.2829 14.5108 9.77246 13.8812 9.77246C13.2516 9.77246 12.7412 10.2829 12.7412 10.9125C12.7412 11.5421 13.2516 12.0525 13.8812 12.0525Z"
      fill="url(#paint0_radial_18_31639)"
    />
    <path
      d="M9.53746 17.5212C10.1671 17.5212 10.6775 17.0108 10.6775 16.3812C10.6775 15.7516 10.1671 15.2412 9.53746 15.2412C8.90786 15.2412 8.39746 15.7516 8.39746 16.3812C8.39746 17.0108 8.90786 17.5212 9.53746 17.5212Z"
      fill="url(#paint1_radial_18_31639)"
    />
    <path
      d="M17.7562 25.8025C18.3858 25.8025 18.8962 25.2921 18.8962 24.6625C18.8962 24.0329 18.3858 23.5225 17.7562 23.5225C17.1266 23.5225 16.6162 24.0329 16.6162 24.6625C16.6162 25.2921 17.1266 25.8025 17.7562 25.8025Z"
      fill="url(#paint2_radial_18_31639)"
    />
    <path
      d="M17.7562 25.8025C18.3858 25.8025 18.8962 25.2921 18.8962 24.6625C18.8962 24.0329 18.3858 23.5225 17.7562 23.5225C17.1266 23.5225 16.6162 24.0329 16.6162 24.6625C16.6162 25.2921 17.1266 25.8025 17.7562 25.8025Z"
      fill="url(#paint3_radial_18_31639)"
    />
    <path
      d="M24.1937 18.1125C24.8233 18.1125 25.3337 17.6021 25.3337 16.9725C25.3337 16.3429 24.8233 15.8325 24.1937 15.8325C23.5641 15.8325 23.0537 16.3429 23.0537 16.9725C23.0537 17.6021 23.5641 18.1125 24.1937 18.1125Z"
      fill="url(#paint4_radial_18_31639)"
    />
    <path
      d="M24.1937 18.1125C24.8233 18.1125 25.3337 17.6021 25.3337 16.9725C25.3337 16.3429 24.8233 15.8325 24.1937 15.8325C23.5641 15.8325 23.0537 16.3429 23.0537 16.9725C23.0537 17.6021 23.5641 18.1125 24.1937 18.1125Z"
      fill="url(#paint5_radial_18_31639)"
    />
    <path
      d="M5.43746 19.75C7.33746 18.3 10.9112 15.1839 12.2187 13.4688C15.1249 9.65625 16.1249 6.87498 17.3749 4.71875C18.6533 2.51357 21.8709 0.850805 25.4999 2.93751C28.3123 4.55461 28.5624 7.53125 28.1874 8.90625C26.5836 14.787 19.5695 24.6991 13.2812 28.5625C9.22559 31.0542 6.875 29.4844 5.24995 27.9688C3.0651 25.9311 3.06246 21.5625 5.43746 19.75Z"
      fill="#6FA755"
    />
    <path
      d="M5.43746 19.75C7.33746 18.3 10.9112 15.1839 12.2187 13.4688C15.1249 9.65625 16.1249 6.87498 17.3749 4.71875C18.6533 2.51357 21.8709 0.850805 25.4999 2.93751C28.3123 4.55461 28.5624 7.53125 28.1874 8.90625C26.5836 14.787 19.5695 24.6991 13.2812 28.5625C9.22559 31.0542 6.875 29.4844 5.24995 27.9688C3.0651 25.9311 3.06246 21.5625 5.43746 19.75Z"
      fill="url(#paint6_radial_18_31639)"
    />
    <path
      d="M5.43746 19.75C7.33746 18.3 10.9112 15.1839 12.2187 13.4688C15.1249 9.65625 16.1249 6.87498 17.3749 4.71875C18.6533 2.51357 21.8709 0.850805 25.4999 2.93751C28.3123 4.55461 28.5624 7.53125 28.1874 8.90625C26.5836 14.787 19.5695 24.6991 13.2812 28.5625C9.22559 31.0542 6.875 29.4844 5.24995 27.9688C3.0651 25.9311 3.06246 21.5625 5.43746 19.75Z"
      fill="url(#paint7_radial_18_31639)"
    />
    <path
      d="M5.43746 19.75C7.33746 18.3 10.9112 15.1839 12.2187 13.4688C15.1249 9.65625 16.1249 6.87498 17.3749 4.71875C18.6533 2.51357 21.8709 0.850805 25.4999 2.93751C28.3123 4.55461 28.5624 7.53125 28.1874 8.90625C26.5836 14.787 19.5695 24.6991 13.2812 28.5625C9.22559 31.0542 6.875 29.4844 5.24995 27.9688C3.0651 25.9311 3.06246 21.5625 5.43746 19.75Z"
      fill="url(#paint8_radial_18_31639)"
    />
    <path
      d="M5.43746 19.75C7.33746 18.3 10.9112 15.1839 12.2187 13.4688C15.1249 9.65625 16.1249 6.87498 17.3749 4.71875C18.6533 2.51357 21.8709 0.850805 25.4999 2.93751C28.3123 4.55461 28.5624 7.53125 28.1874 8.90625C26.5836 14.787 19.5695 24.6991 13.2812 28.5625C9.22559 31.0542 6.875 29.4844 5.24995 27.9688C3.0651 25.9311 3.06246 21.5625 5.43746 19.75Z"
      fill="url(#paint9_radial_18_31639)"
    />
    <g filter="url(#filter0_f_18_31639)">
      <path
        d="M9.53746 24.05C10.1671 24.05 10.6775 23.5396 10.6775 22.91C10.6775 22.2804 10.1671 21.77 9.53746 21.77C8.90786 21.77 8.39746 22.2804 8.39746 22.91C8.39746 23.5396 8.90786 24.05 9.53746 24.05Z"
        fill="url(#paint10_radial_18_31639)"
      />
      <path
        d="M9.53746 24.05C10.1671 24.05 10.6775 23.5396 10.6775 22.91C10.6775 22.2804 10.1671 21.77 9.53746 21.77C8.90786 21.77 8.39746 22.2804 8.39746 22.91C8.39746 23.5396 8.90786 24.05 9.53746 24.05Z"
        fill="#3F7D58"
      />
    </g>
    <path
      d="M10.2875 24.05C10.9171 24.05 11.4275 23.5396 11.4275 22.91C11.4275 22.2804 10.9171 21.77 10.2875 21.77C9.65786 21.77 9.14746 22.2804 9.14746 22.91C9.14746 23.5396 9.65786 24.05 10.2875 24.05Z"
      fill="url(#paint11_radial_18_31639)"
    />
    <path
      d="M10.2875 24.05C10.9171 24.05 11.4275 23.5396 11.4275 22.91C11.4275 22.2804 10.9171 21.77 10.2875 21.77C9.65786 21.77 9.14746 22.2804 9.14746 22.91C9.14746 23.5396 9.65786 24.05 10.2875 24.05Z"
      fill="url(#paint12_radial_18_31639)"
    />
    <g filter="url(#filter1_f_18_31639)">
      <path
        d="M15.9783 18.1125C16.6079 18.1125 17.1183 17.6021 17.1183 16.9725C17.1183 16.3429 16.6079 15.8325 15.9783 15.8325C15.3487 15.8325 14.8383 16.3429 14.8383 16.9725C14.8383 17.6021 15.3487 18.1125 15.9783 18.1125Z"
        fill="url(#paint13_radial_18_31639)"
      />
      <path
        d="M15.9783 18.1125C16.6079 18.1125 17.1183 17.6021 17.1183 16.9725C17.1183 16.3429 16.6079 15.8325 15.9783 15.8325C15.3487 15.8325 14.8383 16.3429 14.8383 16.9725C14.8383 17.6021 15.3487 18.1125 15.9783 18.1125Z"
        fill="#5A9154"
      />
    </g>
    <path
      d="M16.41 18.1125C17.0396 18.1125 17.55 17.6021 17.55 16.9725C17.55 16.3429 17.0396 15.8325 16.41 15.8325C15.7804 15.8325 15.27 16.3429 15.27 16.9725C15.27 17.6021 15.7804 18.1125 16.41 18.1125Z"
      fill="url(#paint14_radial_18_31639)"
    />
    <path
      d="M16.41 18.1125C17.0396 18.1125 17.55 17.6021 17.55 16.9725C17.55 16.3429 17.0396 15.8325 16.41 15.8325C15.7804 15.8325 15.27 16.3429 15.27 16.9725C15.27 17.6021 15.7804 18.1125 16.41 18.1125Z"
      fill="url(#paint15_radial_18_31639)"
    />
    <g filter="url(#filter2_f_18_31639)">
      <path
        d="M20.9125 11.365C21.5421 11.365 22.0525 10.8546 22.0525 10.225C22.0525 9.59536 21.5421 9.08496 20.9125 9.08496C20.2829 9.08496 19.7725 9.59536 19.7725 10.225C19.7725 10.8546 20.2829 11.365 20.9125 11.365Z"
        fill="url(#paint16_radial_18_31639)"
      />
      <path
        d="M20.9125 11.365C21.5421 11.365 22.0525 10.8546 22.0525 10.225C22.0525 9.59536 21.5421 9.08496 20.9125 9.08496C20.2829 9.08496 19.7725 9.59536 19.7725 10.225C19.7725 10.8546 20.2829 11.365 20.9125 11.365Z"
        fill="#6DA343"
      />
    </g>
    <path
      d="M21.2875 11.1775C21.9171 11.1775 22.4275 10.6671 22.4275 10.0375C22.4275 9.40786 21.9171 8.89746 21.2875 8.89746C20.6579 8.89746 20.1475 9.40786 20.1475 10.0375C20.1475 10.6671 20.6579 11.1775 21.2875 11.1775Z"
      fill="url(#paint17_radial_18_31639)"
    />
    <path
      d="M21.2875 11.1775C21.9171 11.1775 22.4275 10.6671 22.4275 10.0375C22.4275 9.40786 21.9171 8.89746 21.2875 8.89746C20.6579 8.89746 20.1475 9.40786 20.1475 10.0375C20.1475 10.6671 20.6579 11.1775 21.2875 11.1775Z"
      fill="url(#paint18_radial_18_31639)"
    />
    <g filter="url(#filter3_f_18_31639)">
      <ellipse
        cx={24.9509}
        cy={6.13614}
        rx={2.52701}
        ry={3.09266}
        transform="rotate(-28.8833 24.9509 6.13614)"
        fill="url(#paint19_radial_18_31639)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_31639"
        x={7.39746}
        y={20.77}
        width={4.28003}
        height={4.28003}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_31639"
        />
      </filter>
      <filter
        id="filter1_f_18_31639"
        x={13.8383}
        y={14.8325}
        width={4.28003}
        height={4.28003}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_31639"
        />
      </filter>
      <filter
        id="filter2_f_18_31639"
        x={18.7725}
        y={8.08496}
        width={4.28003}
        height={4.28003}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_31639"
        />
      </filter>
      <filter
        id="filter3_f_18_31639"
        x={21.2809}
        y={2.16504}
        width={7.33997}
        height={7.94214}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_31639"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.8812 9.96875) rotate(90.1157) scale(2.08001)"
      >
        <stop offset={0.0112} stopColor="#639437" />
        <stop offset={1} stopColor="#3D694B" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.53746 15.4375) rotate(90.1157) scale(2.08001)"
      >
        <stop offset={0.0112} stopColor="#639437" />
        <stop offset={1} stopColor="#3D694B" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.5625 23.5225) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#8ED800" />
        <stop offset={0.458429} stopColor="#71A855" />
        <stop offset={0.846769} stopColor="#407A78" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.3281 24.2344) rotate(126.206) scale(0.968213)"
      >
        <stop stopColor="#9ACC73" />
        <stop offset={1} stopColor="#9ACC73" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24 15.8325) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#8ED800" />
        <stop offset={0.458429} stopColor="#71A855" />
        <stop offset={0.846769} stopColor="#407A78" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.7656 16.5444) rotate(126.206) scale(0.968213)"
      >
        <stop stopColor="#9ACC73" />
        <stop offset={1} stopColor="#9ACC73" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(6.125 8.5) rotate(130.064) scale(35.4426 20.6665)"
      >
        <stop stopColor="#67993C" />
        <stop offset={0.454523} stopColor="#659C4A" />
        <stop offset={0.695451} stopColor="#87B96B" />
        <stop offset={0.753748} stopColor="#87B96B" />
        <stop offset={1} stopColor="#7D9F82" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.375 6.5625) rotate(-138.937) scale(10.9418 11.2383)"
      >
        <stop stopColor="#B2F465" />
        <stop offset={0.572449} stopColor="#88C839" />
        <stop offset={0.979967} stopColor="#82C03B" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(2.875 28.9375) rotate(-15.7296) scale(20.5184 18.2098)"
      >
        <stop offset={0.12318} stopColor="#3A666D" />
        <stop offset={1} stopColor="#406A5E" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.8125 11.125) rotate(133.383) scale(29.7545 14.1478)"
      >
        <stop offset={0.55932} stopColor="#7767BA" stopOpacity={0} />
        <stop offset={0.707119} stopColor="#7767B9" stopOpacity={0.240724} />
        <stop offset={0.78491} stopColor="#7566B7" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.34375 21.77) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#86BB3F" />
        <stop offset={0.458429} stopColor="#6E9F5C" />
        <stop offset={0.846769} stopColor="#326D7E" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.0937 21.77) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#86BB3F" />
        <stop offset={0.458429} stopColor="#6E9F5C" />
        <stop offset={0.846769} stopColor="#326D7E" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.8594 22.4819) rotate(126.206) scale(0.968213)"
      >
        <stop stopColor="#99C574" />
        <stop offset={1} stopColor="#99C670" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.7845 15.8325) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#8ED800" />
        <stop offset={0.458429} stopColor="#71A855" />
        <stop offset={0.846769} stopColor="#407A78" />
      </radialGradient>
      <radialGradient
        id="paint14_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.2163 15.8325) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#8ED800" />
        <stop offset={0.458429} stopColor="#71A855" />
        <stop offset={0.846769} stopColor="#407A78" />
      </radialGradient>
      <radialGradient
        id="paint15_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.9819 16.5444) rotate(126.206) scale(0.968213)"
      >
        <stop stopColor="#9ACC73" />
        <stop offset={1} stopColor="#9ACC73" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint16_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.7188 9.08496) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#8ED800" />
        <stop offset={0.458429} stopColor="#71A855" />
        <stop offset={0.846769} stopColor="#407A78" />
      </radialGradient>
      <radialGradient
        id="paint17_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.0938 8.89746) rotate(97.9988) scale(2.47032 2.47032)"
      >
        <stop offset={0.0112} stopColor="#8ED800" />
        <stop offset={0.458429} stopColor="#71A855" />
        <stop offset={0.846769} stopColor="#407A78" />
      </radialGradient>
      <radialGradient
        id="paint18_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.8594 9.60937) rotate(126.206) scale(0.968213)"
      >
        <stop stopColor="#9ACC73" />
        <stop offset={1} stopColor="#9ACC73" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint19_radial_18_31639"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.6965 5.76636) rotate(158.819) scale(3.35353 3.15015)"
      >
        <stop stopColor="#B3F663" />
        <stop offset={1} stopColor="#B1F461" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = CucumberIcon;