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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const EnvelopeIcon = ({ 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.09375}
      y={10.0625}
      width={27.8125}
      height={19.9375}
      rx={1.75}
      fill="url(#paint0_linear_18_21762)"
    />
    <rect
      x={2.09375}
      y={10.0625}
      width={27.8125}
      height={19.9375}
      rx={1.75}
      fill="url(#paint1_linear_18_21762)"
    />
    <path
      d="M16 10.0625V30H3.84375C2.87726 30 2.09375 29.2165 2.09375 28.25V11.8125C2.09375 10.846 2.87726 10.0625 3.84375 10.0625H16Z"
      fill="url(#paint2_linear_18_21762)"
    />
    <path
      d="M16 10.0625V30H3.84375C2.87726 30 2.09375 29.2165 2.09375 28.25V11.8125C2.09375 10.846 2.87726 10.0625 3.84375 10.0625H16Z"
      fill="url(#paint3_radial_18_21762)"
    />
    <path
      d="M16 10.0625V30H28.1562C29.1227 30 29.9062 29.2165 29.9062 28.25V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H16Z"
      fill="url(#paint4_linear_18_21762)"
    />
    <path
      d="M16 10.0625V30H28.1562C29.1227 30 29.9062 29.2165 29.9062 28.25V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H16Z"
      fill="url(#paint5_linear_18_21762)"
    />
    <path
      d="M16 10.0625V30H28.1562C29.1227 30 29.9062 29.2165 29.9062 28.25V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H16Z"
      fill="url(#paint6_linear_18_21762)"
    />
    <path
      d="M16 10.0625V30H28.1562C29.1227 30 29.9062 29.2165 29.9062 28.25V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H16Z"
      fill="url(#paint7_linear_18_21762)"
    />
    <g filter="url(#filter0_i_18_21762)">
      <path
        d="M2.09375 28.25C2.09375 27.9875 2.22895 27.7436 2.45151 27.6045L15.7799 19.2733C15.9097 19.1922 16.0746 19.1923 16.2043 19.2736L29.5771 27.6553C29.7819 27.7836 29.9062 28.0083 29.9062 28.25V28.25C29.9062 29.2165 29.1227 30 28.1562 30H3.84375C2.87726 30 2.09375 29.2165 2.09375 28.25V28.25Z"
        fill="url(#paint8_linear_18_21762)"
      />
    </g>
    <path
      d="M2.09375 28.25C2.09375 27.9875 2.22895 27.7436 2.45151 27.6045L15.7799 19.2733C15.9097 19.1922 16.0746 19.1923 16.2043 19.2736L29.5771 27.6553C29.7819 27.7836 29.9062 28.0083 29.9062 28.25V28.25C29.9062 29.2165 29.1227 30 28.1562 30H3.84375C2.87726 30 2.09375 29.2165 2.09375 28.25V28.25Z"
      fill="url(#paint9_linear_18_21762)"
    />
    <path
      d="M2.09375 28.25C2.09375 27.9875 2.22895 27.7436 2.45151 27.6045L15.7799 19.2733C15.9097 19.1922 16.0746 19.1923 16.2043 19.2736L29.5771 27.6553C29.7819 27.7836 29.9062 28.0083 29.9062 28.25V28.25C29.9062 29.2165 29.1227 30 28.1562 30H3.84375C2.87726 30 2.09375 29.2165 2.09375 28.25V28.25Z"
      fill="url(#paint10_linear_18_21762)"
    />
    <g filter="url(#filter1_ii_18_21762)">
      <path
        d="M2.09375 11.8125C2.09375 12.075 2.22895 12.3189 2.45151 12.458L15.7799 20.7892C15.9097 20.8703 16.0746 20.8702 16.2043 20.7889L29.5771 12.4072C29.7819 12.2789 29.9062 12.0542 29.9062 11.8125V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H3.84375C2.87726 10.0625 2.09375 10.846 2.09375 11.8125V11.8125Z"
        fill="url(#paint11_linear_18_21762)"
      />
      <path
        d="M2.09375 11.8125C2.09375 12.075 2.22895 12.3189 2.45151 12.458L15.7799 20.7892C15.9097 20.8703 16.0746 20.8702 16.2043 20.7889L29.5771 12.4072C29.7819 12.2789 29.9062 12.0542 29.9062 11.8125V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H3.84375C2.87726 10.0625 2.09375 10.846 2.09375 11.8125V11.8125Z"
        fill="url(#paint12_linear_18_21762)"
      />
      <path
        d="M2.09375 11.8125C2.09375 12.075 2.22895 12.3189 2.45151 12.458L15.7799 20.7892C15.9097 20.8703 16.0746 20.8702 16.2043 20.7889L29.5771 12.4072C29.7819 12.2789 29.9062 12.0542 29.9062 11.8125V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H3.84375C2.87726 10.0625 2.09375 10.846 2.09375 11.8125V11.8125Z"
        fill="url(#paint13_linear_18_21762)"
      />
      <path
        d="M2.09375 11.8125C2.09375 12.075 2.22895 12.3189 2.45151 12.458L15.7799 20.7892C15.9097 20.8703 16.0746 20.8702 16.2043 20.7889L29.5771 12.4072C29.7819 12.2789 29.9062 12.0542 29.9062 11.8125V11.8125C29.9062 10.846 29.1227 10.0625 28.1562 10.0625H3.84375C2.87726 10.0625 2.09375 10.846 2.09375 11.8125V11.8125Z"
        fill="url(#paint14_radial_18_21762)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_21762"
        x={2.09375}
        y={18.4624}
        width={27.8125}
        height={11.5376}
        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 dy={-0.75} />
        <feGaussianBlur stdDeviation={0.75} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.819608 0 0 0 0 0.654902 0 0 0 0 0.933333 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21762"
        />
      </filter>
      <filter
        id="filter1_ii_18_21762"
        x={2.09375}
        y={9.9125}
        width={27.8125}
        height={11.1876}
        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 dy={-0.15} />
        <feGaussianBlur stdDeviation={0.225} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.827451 0 0 0 0 0.686275 0 0 0 0 0.913725 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_21762"
        />
        <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.25} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.870588 0 0 0 0 0.858824 0 0 0 0 0.854902 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_21762"
          result="effect2_innerShadow_18_21762"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_21762"
        x1={4.09375}
        y1={21.1875}
        x2={29.9063}
        y2={21}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DFD0E6" />
        <stop offset={1} stopColor="#EEE5F8" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_21762"
        x1={2.09375}
        y1={21.1262}
        x2={5.13196}
        y2={21.1262}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D6BABD" />
        <stop offset={1} stopColor="#DCC9DD" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_18_21762"
        x1={10.8374}
        y1={23.0044}
        x2={10.0755}
        y2={21.8173}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.113759} stopColor="#DAC3DF" />
        <stop offset={1} stopColor="#DAC3DF" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_21762"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.1236 17.4119) rotate(123.69) scale(2.72523 19.1395)"
      >
        <stop offset={0.342267} stopColor="#C8A6D7" />
        <stop offset={1} stopColor="#D1BBDD" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_21762"
        x1={21.0937}
        y1={23.3125}
        x2={21.9245}
        y2={21.8173}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.113759} stopColor="#F6EFFE" />
        <stop offset={1} stopColor="#F3EAFD" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_21762"
        x1={20.1563}
        y1={17.9688}
        x2={21.2187}
        y2={19.4063}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E3CDF7" />
        <stop offset={1} stopColor="#E9D9F8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_21762"
        x1={30.0937}
        y1={23.5937}
        x2={26.375}
        y2={23.5937}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F7F3FB" />
        <stop offset={1} stopColor="#F0E9F8" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_21762"
        x1={30.0938}
        y1={23.5937}
        x2={28.8684}
        y2={23.5937}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.199295} stopColor="#EBE9ED" />
        <stop offset={1} stopColor="#EBE9ED" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_21762"
        x1={16}
        y1={31.75}
        x2={16}
        y2={20.9375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DDC5F1" />
        <stop offset={1} stopColor="#E6DAF1" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_21762"
        x1={7.48609}
        y1={24.1377}
        x2={7.94242}
        y2={24.8221}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0734082} stopColor="#DDC2C8" />
        <stop offset={1} stopColor="#DFCDDA" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_21762"
        x1={22.5808}
        y1={23.1898}
        x2={22.294}
        y2={23.6372}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.139796} stopColor="#F8F3FD" />
        <stop offset={1} stopColor="#F1EAF9" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_18_21762"
        x1={16}
        y1={10.0625}
        x2={16}
        y2={20.85}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E9E4E9" />
        <stop offset={1} stopColor="#E7DCF0" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_21762"
        x1={9.8097}
        y1={16.9092}
        x2={13.4243}
        y2={10.4241}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E1D5E7" />
        <stop offset={1} stopColor="#E1D5E7" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_21762"
        x1={2.09375}
        y1={11.6999}
        x2={5.02564}
        y2={11.6999}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E1C1BC" />
        <stop offset={1} stopColor="#E1C1BC" stopOpacity={0} />
        <stop offset={1} stopColor="#E9D1CD" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint14_radial_18_21762"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.4575 14.1451) rotate(-138.233) scale(6.12906 27.1579)"
      >
        <stop stopColor="#FBF9FE" />
        <stop offset={1} stopColor="#F0ECF1" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = EnvelopeIcon;