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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BrownHeartIcon = ({ 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="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint0_radial_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint1_radial_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint2_linear_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint3_radial_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint4_linear_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint5_linear_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint6_radial_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint7_radial_7320_6120)"
    />
    <path
      d="M15.1041 29.2015C15.6391 29.5 16.2827 29.4835 16.8146 29.1795C20.3976 27.1318 26.624 22.4179 29.0692 16.2948C32.6583 8.3224 24.2311 1.95834 18.4068 6.5356C17.7992 7.01307 17.0353 7.55954 16.5096 8.07719C16.2719 8.31124 15.8531 8.33511 15.6063 8.11061C14.9152 7.48177 13.835 6.67511 13.1413 6.20577C8.17592 2.84639 -0.858693 7.27463 2.99515 16.7255C4.40691 20.9677 11.1344 26.9862 15.1041 29.2015Z"
      fill="url(#paint8_radial_7320_6120)"
    />
    <path
      d="M15.2188 7.80577L15.5663 8.12398C16.5203 8.99735 18.0647 8.75376 18.9307 7.79304C19.8443 6.7794 21.0701 5.72962 22.5554 5.00171C21.1516 5.03246 19.7137 5.50865 18.4068 6.53571C18.256 6.65421 18.0956 6.77696 17.9316 6.90246C17.4347 7.28265 16.9049 7.68812 16.5096 8.07731C16.2719 8.31136 15.8531 8.33522 15.6063 8.11072C15.487 8.00214 15.3561 7.88827 15.2175 7.77174L15.2188 7.80577Z"
      fill="url(#paint9_linear_7320_6120)"
    />
    <g filter="url(#filter0_f_7320_6120)">
      <path
        d="M16.687 9.49106V17.2928C16.687 18.3622 18.2735 18.7525 18.8075 17.826C21.6486 12.8969 24.857 7.93884 22.0213 6.97064C19.5925 6.14137 18.5632 7.09869 16.9578 8.80697C16.7839 8.99202 16.687 9.23712 16.687 9.49106Z"
        fill="url(#paint10_linear_7320_6120)"
        fillOpacity={0.6}
      />
      <path
        d="M16.687 9.49106V17.2928C16.687 18.3622 18.2735 18.7525 18.8075 17.826C21.6486 12.8969 24.857 7.93884 22.0213 6.97064C19.5925 6.14137 18.5632 7.09869 16.9578 8.80697C16.7839 8.99202 16.687 9.23712 16.687 9.49106Z"
        fill="url(#paint11_linear_7320_6120)"
        fillOpacity={0.6}
      />
    </g>
    <g filter="url(#filter1_f_7320_6120)">
      <path
        d="M26.242 6.28563C28.8401 7.35504 29.6227 11.4377 27.99 15.4044C26.3572 19.3711 22.9274 21.7199 20.3293 20.6505C17.7312 19.5811 16.9486 15.4985 18.5814 11.5317C20.2141 7.56498 23.6439 5.21622 26.242 6.28563Z"
        fill="url(#paint12_radial_7320_6120)"
      />
    </g>
    <g filter="url(#filter2_f_7320_6120)">
      <path
        d="M14.8397 9.1806L15.0447 22.5869C8.16972 15.8994 6.93859 8.73371 9.27719 7.12694C10.9472 5.97952 14.0897 7.6181 14.8397 9.1806Z"
        fill="url(#paint13_radial_7320_6120)"
      />
    </g>
    <g filter="url(#filter3_f_7320_6120)">
      <path
        d="M8.44077 6.41309C9.52741 6.27818 12.4647 6.41309 14.8398 9.84583"
        stroke="url(#paint14_linear_7320_6120)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter4_f_7320_6120)">
      <path
        d="M3.625 13.5244C5.6875 21.5869 13.1042 26.7536 15.625 28.3369C12.725 23.0869 10.0625 12.7952 10 10.4619L3.625 13.5244Z"
        fill="url(#paint15_linear_7320_6120)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_7320_6120"
        x={14.687}
        y={4.66748}
        width={10.4358}
        height={15.6794}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7320_6120"
        />
      </filter>
      <filter
        id="filter1_f_7320_6120"
        x={16.2288}
        y={4.52734}
        width={14.1137}
        height={17.8813}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.75}
          result="effect1_foregroundBlur_7320_6120"
        />
      </filter>
      <filter
        id="filter2_f_7320_6120"
        x={5.19226}
        y={3.74243}
        width={12.8525}
        height={21.8445}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_7320_6120"
        />
      </filter>
      <filter
        id="filter3_f_7320_6120"
        x={7.31576}
        y={5.25562}
        width={8.64903}
        height={5.71533}
        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_7320_6120"
        />
      </filter>
      <filter
        id="filter4_f_7320_6120"
        x={1.625}
        y={8.46191}
        width={16}
        height={21.875}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7320_6120"
        />
      </filter>
      <radialGradient
        id="paint0_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.7698 5.6335) rotate(90) scale(23.8283 29.4623)"
      >
        <stop offset={0.255208} stopColor="#BC7C65" />
        <stop offset={0.527969} stopColor="#A55F63" />
        <stop offset={1} stopColor="#97505E" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.2147 29.6894) rotate(-57.2932) scale(30.305 28.3828)"
      >
        <stop offset={0.801342} stopColor="#D69F8E" stopOpacity={0} />
        <stop offset={1} stopColor="#D69F8E" />
      </radialGradient>
      <linearGradient
        id="paint2_linear_7320_6120"
        x1={17.6324}
        y1={16.133}
        x2={25.6448}
        y2={25.6684}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.739583} stopColor="#C172FF" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#C172FF" />
      </linearGradient>
      <radialGradient
        id="paint3_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.5 11.4618) rotate(139.367) scale(17.8721 25.5848)"
      >
        <stop offset={0.694226} stopColor="#A45843" stopOpacity={0} />
        <stop offset={1} stopColor="#6C384F" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_7320_6120"
        x1={11.687}
        y1={29.5379}
        x2={11.687}
        y2={21.9754}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9F4E6E" />
        <stop offset={1} stopColor="#9F4E6E" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_7320_6120"
        x1={16.6391}
        y1={16.5303}
        x2={7.1875}
        y2={27.1805}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#C172FF" stopOpacity={0} />
        <stop offset={0.885417} stopColor="#C172FF" />
      </linearGradient>
      <radialGradient
        id="paint6_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22 14.9618) rotate(-154.781) scale(21.4163 18.6261)"
      >
        <stop offset={0.715518} stopColor="#945746" stopOpacity={0} />
        <stop offset={1} stopColor="#6C384F" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.125 17.9618) rotate(-129.075) scale(18.839 27.0981)"
      >
        <stop offset={0.663027} stopColor="#905C4E" stopOpacity={0} />
        <stop offset={1} stopColor="#7E4F42" />
      </radialGradient>
      <radialGradient
        id="paint8_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.4472 13.8154) rotate(89.6327) scale(17.9104 20.5242)"
      >
        <stop offset={0.820913} stopColor="#C172FF" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#C172FF" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_7320_6120"
        x1={17.125}
        y1={7.41936}
        x2={18.8865}
        y2={8.83702}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#915C4E" />
        <stop offset={0.679707} stopColor="#905C4E" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_7320_6120"
        x1={17.312}
        y1={18.9131}
        x2={26.9995}
        y2={-2.08692}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.105141} stopColor="#975243" />
        <stop offset={1} stopColor="#A55F50" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_7320_6120"
        x1={14.937}
        y1={9.28808}
        x2={19.062}
        y2={7.72558}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.105141} stopColor="#975243" />
        <stop offset={1} stopColor="#A55F50" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint12_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.3339 7.53814) rotate(117.956) scale(12.6655 5.0161)"
      >
        <stop stopColor="#D69F8E" />
        <stop offset={1} stopColor="#D6928E" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_7320_6120"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.4995 16.7254) rotate(-126.943) scale(9.77501 4.23082)"
      >
        <stop stopColor="#D69F8E" />
        <stop offset={1} stopColor="#D69F8E" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint14_linear_7320_6120"
        x1={7.0625}
        y1={6.32129}
        x2={13.5625}
        y2={6.96199}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D69F8E" />
        <stop offset={1} stopColor="#D69F8E" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint15_linear_7320_6120"
        x1={18.5625}
        y1={30.3994}
        x2={10.5625}
        y2={16.6494}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#924563" />
        <stop offset={1} stopColor="#924563" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BrownHeartIcon;