const React = require("react");
const LipstickIcon = ({ 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="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
      fill="url(#paint0_linear_18_17700)"
    />
    <path
      d="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
      fill="url(#paint1_linear_18_17700)"
    />
    <path
      d="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
      fill="url(#paint2_radial_18_17700)"
    />
    <path
      d="M22.0294 12.0733C22.0573 10.2858 20.9471 7.84516 18.9612 5.69043C16.0858 2.57056 12.4635 1.23154 10.8705 2.69971C10.3124 3.21402 10.0775 4.00455 10.1313 4.94879V20.4706H22.0299L22.0294 12.0733Z"
      fill="url(#paint3_linear_18_17700)"
    />
    <g filter="url(#filter0_f_18_17700)">
      <ellipse
        cx={16.2037}
        cy={8.16964}
        rx={3.53822}
        ry={7.38781}
        transform="rotate(-42.6646 16.2037 8.16964)"
        fill="url(#paint4_radial_18_17700)"
      />
      <path
        d="M21.2952 13.6941C22.0693 12.9806 22.1421 11.7076 21.7033 10.2788C21.2615 8.84024 20.2898 7.19785 18.8974 5.68706C17.505 4.17628 15.9472 3.07412 14.5495 2.51663C13.1611 1.96287 11.8864 1.93177 11.1123 2.64522C10.3382 3.35868 10.2653 4.63166 10.7042 6.06053C11.146 7.49905 12.1177 9.14144 13.5101 10.6522C14.9024 12.163 16.4603 13.2652 17.858 13.8227C19.2464 14.3764 20.5211 14.4075 21.2952 13.6941Z"
        stroke="url(#paint5_radial_18_17700)"
        strokeWidth={0.25}
      />
      <path
        d="M21.2952 13.6941C22.0693 12.9806 22.1421 11.7076 21.7033 10.2788C21.2615 8.84024 20.2898 7.19785 18.8974 5.68706C17.505 4.17628 15.9472 3.07412 14.5495 2.51663C13.1611 1.96287 11.8864 1.93177 11.1123 2.64522C10.3382 3.35868 10.2653 4.63166 10.7042 6.06053C11.146 7.49905 12.1177 9.14144 13.5101 10.6522C14.9024 12.163 16.4603 13.2652 17.858 13.8227C19.2464 14.3764 20.5211 14.4075 21.2952 13.6941Z"
        stroke="url(#paint6_radial_18_17700)"
        strokeWidth={0.25}
      />
    </g>
    <path
      d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
      fill="url(#paint7_radial_18_17700)"
    />
    <path
      d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
      fill="url(#paint8_radial_18_17700)"
    />
    <path
      d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
      fill="url(#paint9_linear_18_17700)"
    />
    <path
      d="M8.06836 20.9504C8.06836 20.3982 8.51607 19.9504 9.06836 19.9504H22.9319C23.4842 19.9504 23.9319 20.3982 23.9319 20.9504V25.8277H8.06836V20.9504Z"
      fill="url(#paint10_linear_18_17700)"
    />
    <g filter="url(#filter1_i_18_17700)">
      <path
        d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
        fill="url(#paint11_linear_18_17700)"
      />
      <path
        d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
        fill="url(#paint12_linear_18_17700)"
      />
      <path
        d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
        fill="url(#paint13_linear_18_17700)"
      />
      <path
        d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
        fill="url(#paint14_radial_18_17700)"
      />
      <path
        d="M6.38647 25.338C6.38647 24.5648 7.01328 23.938 7.78647 23.938H24.2134C24.9866 23.938 25.6134 24.5648 25.6134 25.338V29.8673H6.38647V25.338Z"
        fill="url(#paint15_linear_18_17700)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_17700"
        x={10.1105}
        y={1.7801}
        width={12.1864}
        height={12.7792}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.1}
          result="effect1_foregroundBlur_18_17700"
        />
      </filter>
      <filter
        id="filter1_i_18_17700"
        x={6.38647}
        y={23.938}
        width={19.4768}
        height={5.92932}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.25} />
        <feGaussianBlur stdDeviation={0.625} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.337255 0 0 0 0 0.333333 0 0 0 0 0.341176 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17700"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_17700"
        x1={16.0768}
        y1={2.104}
        x2={16.0768}
        y2={20.4706}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.256328} stopColor="#FF3E6C" />
        <stop offset={1} stopColor="#E33099" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_17700"
        x1={9.77986}
        y1={17.4369}
        x2={15.6861}
        y2={16.6556}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0202728} stopColor="#B03944" />
        <stop offset={1} stopColor="#D02486" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_17700"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.1861 13.1244) rotate(90) scale(9.4375 3.80062)"
      >
        <stop offset={0.0995474} stopColor="#FF4FA1" />
        <stop offset={1} stopColor="#FF4FA1" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_17700"
        x1={22.2174}
        y1={19.7181}
        x2={19.3736}
        y2={19.7181}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF4250" />
        <stop offset={1} stopColor="#FF4384" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_17700"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.2037 8.16964) rotate(90) scale(7.38781 3.42468)"
      >
        <stop offset={0.603302} stopColor="#FF6F9B" />
        <stop offset={1} stopColor="#FF4175" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_17700"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.2175 15.4369) rotate(-130.469) scale(11.7482 3.3077)"
      >
        <stop offset={0.307698} stopColor="#FF5EA4" />
        <stop offset={1} stopColor="#FF5EA4" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_17700"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.7175 8.16965) rotate(-23.025) scale(2.51267 4.46507)"
      >
        <stop stopColor="#DC2779" />
        <stop offset={0.686091} stopColor="#DC2779" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_17700"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.1551 20.9368) rotate(180) scale(10.5938 6.3125)"
      >
        <stop stopColor="#FFE35C" />
        <stop offset={1} stopColor="#FF973B" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_17700"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.9051 20.1555) rotate(90) scale(1.4375 7.28125)"
      >
        <stop stopColor="#FFF66C" />
        <stop offset={1} stopColor="#FFDE60" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint9_linear_18_17700"
        x1={12.6863}
        y1={19.6243}
        x2={12.7176}
        y2={20.8118}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FBAD38" />
        <stop offset={1} stopColor="#FBAD38" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_17700"
        x1={7.74883}
        y1={22.8891}
        x2={10.0613}
        y2={22.8891}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DF8D58" />
        <stop offset={1} stopColor="#DF8D58" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_17700"
        x1={13.9361}
        y1={28.4368}
        x2={25.6134}
        y2={28.4368}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#503669" />
        <stop offset={1} stopColor="#6A577E" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_17700"
        x1={24.4674}
        y1={29.8673}
        x2={14.4986}
        y2={29.8673}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#736486" stopOpacity={0} />
        <stop offset={0.304469} stopColor="#736486" />
        <stop offset={0.536313} stopColor="#736486" />
        <stop offset={1} stopColor="#736486" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_17700"
        x1={6.38647}
        y1={29.343}
        x2={14.2799}
        y2={29.343}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#35303C" />
        <stop offset={1} stopColor="#35303C" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint14_radial_18_17700"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.6236 25.1868) rotate(90) scale(0.75 5.5)"
      >
        <stop stopColor="#857993" />
        <stop offset={1} stopColor="#857993" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint15_linear_18_17700"
        x1={12.5299}
        y1={23.6243}
        x2={12.6236}
        y2={25.2805}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#35303C" />
        <stop offset={1} stopColor="#35303C" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = LipstickIcon;