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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const RedPaperLanternIcon = ({ 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}
    <g filter="url(#filter0_i_18_20571)">
      <path
        d="M11.8633 3.71875C11.8633 2.75225 12.6468 1.96875 13.6133 1.96875H18.375C19.3415 1.96875 20.125 2.75225 20.125 3.71875V6.96875H11.8633V3.71875Z"
        fill="url(#paint0_linear_18_20571)"
      />
      <path
        d="M11.8633 3.71875C11.8633 2.75225 12.6468 1.96875 13.6133 1.96875H18.375C19.3415 1.96875 20.125 2.75225 20.125 3.71875V6.96875H11.8633V3.71875Z"
        fill="url(#paint1_radial_18_20571)"
      />
      <path
        d="M11.8633 3.71875C11.8633 2.75225 12.6468 1.96875 13.6133 1.96875H18.375C19.3415 1.96875 20.125 2.75225 20.125 3.71875V6.96875H11.8633V3.71875Z"
        fill="url(#paint2_radial_18_20571)"
      />
    </g>
    <g filter="url(#filter1_ii_18_20571)">
      <path
        d="M11.8633 28.2812C11.8633 29.2477 12.6468 30.0312 13.6133 30.0312H18.375C19.3415 30.0312 20.125 29.2477 20.125 28.2812V24.6875H11.8633V28.2812Z"
        fill="url(#paint3_linear_18_20571)"
      />
      <path
        d="M11.8633 28.2812C11.8633 29.2477 12.6468 30.0312 13.6133 30.0312H18.375C19.3415 30.0312 20.125 29.2477 20.125 28.2812V24.6875H11.8633V28.2812Z"
        fill="url(#paint4_radial_18_20571)"
      />
    </g>
    <g filter="url(#filter2_ii_18_20571)">
      <path
        d="M7.18164 12.8125C7.18164 9.50077 9.12955 6.61875 11.8613 5.13281H20.123C22.8548 6.61875 24.8066 9.50077 24.8066 12.8125V19.1875C24.8066 22.4992 22.8509 25.3812 20.1191 26.8672H11.8965C9.1647 25.3812 7.18164 22.4992 7.18164 19.1875V12.8125Z"
        fill="url(#paint5_radial_18_20571)"
      />
      <path
        d="M7.18164 12.8125C7.18164 9.50077 9.12955 6.61875 11.8613 5.13281H20.123C22.8548 6.61875 24.8066 9.50077 24.8066 12.8125V19.1875C24.8066 22.4992 22.8509 25.3812 20.1191 26.8672H11.8965C9.1647 25.3812 7.18164 22.4992 7.18164 19.1875V12.8125Z"
        fill="url(#paint6_linear_18_20571)"
      />
      <path
        d="M7.18164 12.8125C7.18164 9.50077 9.12955 6.61875 11.8613 5.13281H20.123C22.8548 6.61875 24.8066 9.50077 24.8066 12.8125V19.1875C24.8066 22.4992 22.8509 25.3812 20.1191 26.8672H11.8965C9.1647 25.3812 7.18164 22.4992 7.18164 19.1875V12.8125Z"
        fill="url(#paint7_linear_18_20571)"
      />
    </g>
    <path
      d="M22.8703 7.42188C23.1846 7.81084 23.467 8.22624 23.7127 8.66406H8.2738C8.51921 8.22624 8.80133 7.81084 9.11531 7.42188H22.8703Z"
      fill="url(#paint8_radial_18_20571)"
    />
    <path
      d="M24.6864 11.3984C24.7559 11.8038 24.7962 12.2186 24.8049 12.6406H7.18335C7.19196 12.2186 7.23216 11.8038 7.30151 11.3984H24.6864Z"
      fill="url(#paint9_radial_18_20571)"
    />
    <path
      d="M7.18164 16.6172V15.375H24.8066V16.6172H7.18164Z"
      fill="url(#paint10_radial_18_20571)"
    />
    <path
      d="M7.30219 20.5938C7.2321 20.1883 7.19159 19.7736 7.18323 19.3516H24.805C24.7968 19.7736 24.7568 20.1883 24.6876 20.5938H7.30219Z"
      fill="url(#paint11_radial_18_20571)"
    />
    <path
      d="M9.13249 24.5703C8.8165 24.1813 8.53214 23.7659 8.28455 23.3281H23.7155C23.4701 23.7659 23.1879 24.1813 22.874 24.5703H9.13249Z"
      fill="url(#paint12_radial_18_20571)"
    />
    <defs>
      <filter
        id="filter0_i_18_20571"
        x={11.8633}
        y={1.96875}
        width={8.76172}
        height={5.1}
        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.5} dy={0.1} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.231373 0 0 0 0 0.196078 0 0 0 0 0.309804 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20571"
        />
      </filter>
      <filter
        id="filter1_ii_18_20571"
        x={11.8633}
        y={24.1875}
        width={8.76172}
        height={5.94375}
        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.5} dy={0.1} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.25098 0 0 0 0 0.180392 0 0 0 0 0.4 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20571"
        />
        <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 dy={-0.5} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.352941 0 0 0 0 0.172549 0 0 0 0 0.654902 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_20571"
          result="effect2_innerShadow_18_20571"
        />
      </filter>
      <filter
        id="filter2_ii_18_20571"
        x={7.18164}
        y={5.13281}
        width={19.625}
        height={21.7344}
        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={2} />
        <feGaussianBlur stdDeviation={1.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.866667 0 0 0 0 0.2 0 0 0 0 0.301961 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_20571"
        />
        <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.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.721569 0 0 0 0 0.313726 0 0 0 0 0.180392 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_20571"
          result="effect2_innerShadow_18_20571"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_20571"
        x1={19.9004}
        y1={4.53125}
        x2={13.0566}
        y2={4.46875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6867AC" />
        <stop offset={1} stopColor="#504279" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.8066 5.03125) rotate(-90) scale(3.34375 3.40625)"
      >
        <stop stopColor="#726BA9" />
        <stop offset={1} stopColor="#726BA9" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4941 2.96875) rotate(90) scale(0.71875 3.125)"
      >
        <stop stopColor="#7D7AB7" />
        <stop offset={1} stopColor="#6F6EB1" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_20571"
        x1={19.9004}
        y1={28.4888}
        x2={13.0575}
        y2={28.39}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#5C59A9" />
        <stop offset={0.780048} stopColor="#584594" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.0254 26.7187) rotate(90) scale(2.5625 2.8125)"
      >
        <stop offset={0.439024} stopColor="#7167B5" />
        <stop offset={1} stopColor="#7167B5" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.2441 15.4375) rotate(90) scale(10.75 10.9353)"
      >
        <stop offset={0.183908} stopColor="#FFBD47" />
        <stop offset={1} stopColor="#ED5C2B" />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_20571"
        x1={17.9941}
        y1={27.625}
        x2={17.9941}
        y2={24}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EB3939" />
        <stop offset={1} stopColor="#EB3939" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_20571"
        x1={17.9941}
        y1={5.13281}
        x2={17.9941}
        y2={7.125}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EB3939" />
        <stop offset={1} stopColor="#EB3939" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.8691 8.34375) rotate(90) scale(4.71875 10.5953)"
      >
        <stop stopColor="#E0486A" />
        <stop offset={0.649007} stopColor="#BA274F" />
        <stop offset={1} stopColor="#7C1E35" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2765 12.3203) rotate(90) scale(4.71875 12.0931)"
      >
        <stop stopColor="#E0486A" />
        <stop offset={0.649007} stopColor="#BA274F" />
        <stop offset={1} stopColor="#7C1E35" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2772 16.2969) rotate(90) scale(4.71875 12.0955)"
      >
        <stop stopColor="#E0486A" />
        <stop offset={0.649007} stopColor="#BA274F" />
        <stop offset={1} stopColor="#7C1E35" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.2766 20.2734) rotate(90) scale(4.71875 12.0933)"
      >
        <stop stopColor="#E0486A" />
        <stop offset={0.649007} stopColor="#BA274F" />
        <stop offset={1} stopColor="#7C1E35" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_20571"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.8744 23.3281) rotate(90) scale(4.64062 10.4145)"
      >
        <stop stopColor="#C7136B" />
        <stop offset={0.649007} stopColor="#B42367" />
        <stop offset={1} stopColor="#8B215A" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = RedPaperLanternIcon;