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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const LoveLetterIcon = ({ 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}
    <rect
      x={2}
      y={6}
      width={28}
      height={20}
      rx={2}
      fill="url(#paint0_radial_6990_5054)"
    />
    <rect
      x={2}
      y={6}
      width={28}
      height={20}
      rx={2}
      fill="url(#paint1_linear_6990_5054)"
    />
    <g filter="url(#filter0_f_6990_5054)">
      <path
        d="M15.643 23.5948C15.9322 23.7659 16.2877 23.75 16.5728 23.572C18.6115 22.299 22.0027 19.7458 23.3616 16.3429C25.3467 11.9336 20.6738 8.49029 17.4525 11.0219C17.1018 11.2974 16.6267 11.7017 16.3225 12.0369C16.2104 12.1604 16.005 12.171 15.8903 12.0499C15.5226 11.6622 14.9345 11.1062 14.5402 10.8395C11.794 8.98145 6.80915 11.3541 8.94062 16.5811C9.71919 18.9207 13.53 22.3444 15.643 23.5948Z"
        fill="#CCC1D3"
      />
    </g>
    <path
      d="M2 8C2 6.89543 2.89543 6 4 6H5V26H4C2.89543 26 2 25.1046 2 24V8Z"
      fill="url(#paint2_linear_6990_5054)"
    />
    <path
      d="M2 8C2 6.89543 2.89543 6 4 6H28C29.1046 6 30 6.89543 30 8V8H2V8Z"
      fill="url(#paint3_linear_6990_5054)"
    />
    <path
      d="M27 6H28C29.1046 6 30 6.89543 30 8V24C30 25.1046 29.1046 26 28 26H27V6Z"
      fill="url(#paint4_linear_6990_5054)"
    />
    <path
      d="M2 21H30V24C30 25.1046 29.1046 26 28 26H4C2.89543 26 2 25.1046 2 24V21Z"
      fill="url(#paint5_linear_6990_5054)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.12422 24.6954C2.04389 24.4788 2 24.2446 2 24V23.5892L12.2316 17.0782L12.7684 17.9218L2.12422 24.6954Z"
      fill="#C2B4CB"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M30 23.5892V24C30 24.2446 29.9561 24.4788 29.8758 24.6954L19.2316 17.9218L19.7684 17.0782L30 23.5892Z"
      fill="#CEC4D7"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.12107 7.31311C2.04274 7.52732 2 7.75866 2 7.99999V8.43425L10.2226 13.916L10.7774 13.084L2.12107 7.31311Z"
      fill="#C5B9C4"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M29.8789 7.31311C29.9573 7.52731 30 7.75866 30 7.99999V8.43425L21.7774 13.916L21.2227 13.084L29.8789 7.31311Z"
      fill="#D5CFDA"
    />
    <path
      d="M16.1311 22.7938C16.4207 22.9645 16.7763 22.9485 17.0615 22.7707C19.1612 21.4617 22.6687 18.8263 24.0724 15.3113C26.1183 10.7667 21.3021 7.2178 17.982 9.82703C17.618 10.1131 17.1237 10.5338 16.8104 10.8808C16.6986 11.0046 16.4935 11.0151 16.3789 10.894C16.0004 10.494 15.3894 9.91567 14.9805 9.63902C12.15 7.72403 7.01227 10.1694 9.20912 15.5568C10.0133 17.9733 13.9562 21.5121 16.1311 22.7938Z"
      fill="url(#paint6_radial_6990_5054)"
    />
    <path
      d="M16.1311 22.7938C16.4207 22.9645 16.7763 22.9485 17.0615 22.7707C19.1612 21.4617 22.6687 18.8263 24.0724 15.3113C26.1183 10.7667 21.3021 7.2178 17.982 9.82703C17.618 10.1131 17.1237 10.5338 16.8104 10.8808C16.6986 11.0046 16.4935 11.0151 16.3789 10.894C16.0004 10.494 15.3894 9.91567 14.9805 9.63902C12.15 7.72403 7.01227 10.1694 9.20912 15.5568C10.0133 17.9733 13.9562 21.5121 16.1311 22.7938Z"
      fill="url(#paint7_radial_6990_5054)"
    />
    <path
      d="M16.1311 22.7938C16.4207 22.9645 16.7763 22.9485 17.0615 22.7707C19.1612 21.4617 22.6687 18.8263 24.0724 15.3113C26.1183 10.7667 21.3021 7.2178 17.982 9.82703C17.618 10.1131 17.1237 10.5338 16.8104 10.8808C16.6986 11.0046 16.4935 11.0151 16.3789 10.894C16.0004 10.494 15.3894 9.91567 14.9805 9.63902C12.15 7.72403 7.01227 10.1694 9.20912 15.5568C10.0133 17.9733 13.9562 21.5121 16.1311 22.7938Z"
      fill="url(#paint8_linear_6990_5054)"
    />
    <path
      d="M16.1311 22.7938C16.4207 22.9645 16.7763 22.9485 17.0615 22.7707C19.1612 21.4617 22.6687 18.8263 24.0724 15.3113C26.1183 10.7667 21.3021 7.2178 17.982 9.82703C17.618 10.1131 17.1237 10.5338 16.8104 10.8808C16.6986 11.0046 16.4935 11.0151 16.3789 10.894C16.0004 10.494 15.3894 9.91567 14.9805 9.63902C12.15 7.72403 7.01227 10.1694 9.20912 15.5568C10.0133 17.9733 13.9562 21.5121 16.1311 22.7938Z"
      fill="url(#paint9_radial_6990_5054)"
      fillOpacity={0.75}
    />
    <g filter="url(#filter1_f_6990_5054)">
      <path
        d="M13.0625 10.8125C14.4905 11.2205 15.5023 12.0446 16.1659 12.8095C16.439 13.1243 16.5625 13.5366 16.5625 13.9534V18.1875"
        stroke="url(#paint10_linear_6990_5054)"
        strokeOpacity={0.6}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter2_f_6990_5054)">
      <path
        d="M22.0625 10.625C23.5938 11.6562 23.5625 13.3438 23.4062 14.0312"
        stroke="url(#paint11_linear_6990_5054)"
        strokeOpacity={0.6}
        strokeLinecap="round"
      />
    </g>
    <g opacity={0.5} filter="url(#filter3_f_6990_5054)">
      <rect x={27.9587} y={7.31311} width={1} height={16.1869} fill="white" />
    </g>
    <defs>
      <filter
        id="filter0_f_6990_5054"
        x={6.42455}
        y={8.16199}
        width={19.4123}
        height={17.5527}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_6990_5054"
        />
      </filter>
      <filter
        id="filter1_f_6990_5054"
        x={10.5624}
        y={8.31238}
        width={8.50013}
        height={12.3751}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_6990_5054"
        />
      </filter>
      <filter
        id="filter2_f_6990_5054"
        x={19.5624}
        y={8.12494}
        width={6.41398}
        height={8.40643}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_6990_5054"
        />
      </filter>
      <filter
        id="filter3_f_6990_5054"
        x={25.4587}
        y={4.81311}
        width={6}
        height={21.1869}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.25}
          result="effect1_foregroundBlur_6990_5054"
        />
      </filter>
      <radialGradient
        id="paint0_radial_6990_5054"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24 9.5) rotate(141.746) scale(33.1097 46.3535)"
      >
        <stop stopColor="#F3EFF9" />
        <stop offset={0.480094} stopColor="#E9E2EA" />
        <stop offset={0.676097} stopColor="#E8D2F5" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_6990_5054"
        x1={-0.875}
        y1={-0.625}
        x2={14.375}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E3C3C4" stopOpacity={0.6} />
        <stop offset={1} stopColor="#E1C0C2" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_6990_5054"
        x1={2}
        y1={16}
        x2={5}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E3C3C4" />
        <stop offset={1} stopColor="#E1C0C2" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_6990_5054"
        x1={16}
        y1={6}
        x2={16}
        y2={7.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DEDEDE" />
        <stop offset={1} stopColor="#E8E4E8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_6990_5054"
        x1={30}
        y1={16}
        x2={27}
        y2={16}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DEDEDE" />
        <stop offset={1} stopColor="#E8E4E8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_6990_5054"
        x1={16}
        y1={21}
        x2={16}
        y2={26}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DCC8EF" stopOpacity={0} />
        <stop offset={1} stopColor="#C79BE7" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_6990_5054"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.3015 11.6875) rotate(90) scale(14.3125 27.6487)"
      >
        <stop stopColor="#F12E52" />
        <stop offset={0.596003} stopColor="#FF3B79" />
        <stop offset={1} stopColor="#FF4EC6" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_6990_5054"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5625 12.5) rotate(142.986) scale(14.95 28.0029)"
      >
        <stop offset={0.483055} stopColor="#C12372" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#C12372" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_6990_5054"
        x1={16.5625}
        y1={13.75}
        x2={16.5625}
        y2={24.5079}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.151052} stopColor="#C12372" stopOpacity={0} />
        <stop offset={0.894692} stopColor="#C12372" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_6990_5054"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.3125 21.75) rotate(-90) scale(14 20.5463)"
      >
        <stop offset={0.71875} stopColor="#FF7033" stopOpacity={0} />
        <stop offset={1} stopColor="#FF7033" />
      </radialGradient>
      <linearGradient
        id="paint10_linear_6990_5054"
        x1={15.6563}
        y1={10.1563}
        x2={18.619}
        y2={11.252}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF9E75" />
        <stop offset={1} stopColor="#FF9E75" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_6990_5054"
        x1={22.6251}
        y1={10.156}
        x2={25.5879}
        y2={11.2518}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF9E75" />
        <stop offset={1} stopColor="#FF9E75" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = LoveLetterIcon;