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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const TwoHeartsIcon = ({ 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="M11.1993 29.8048C11.7279 30.1144 12.3762 30.0989 12.904 29.788C15.5675 28.2189 19.9463 24.8196 21.6952 20.44C24.3351 14.5761 18.1367 9.89524 13.8528 13.2619C13.4531 13.576 12.9615 13.9307 12.5855 14.2745C12.3393 14.4996 11.9125 14.5223 11.6612 14.303C11.155 13.8613 10.4479 13.3359 9.97992 13.0193C6.32778 10.5484 -0.317366 13.8055 2.51722 20.7568C3.52945 23.7985 8.25711 28.0817 11.1993 29.8048Z"
      fill="url(#paint0_radial_7000_5028)"
    />
    <path
      d="M11.1993 29.8048C11.7279 30.1144 12.3762 30.0989 12.904 29.788C15.5675 28.2189 19.9463 24.8196 21.6952 20.44C24.3351 14.5761 18.1367 9.89524 13.8528 13.2619C13.4531 13.576 12.9615 13.9307 12.5855 14.2745C12.3393 14.4996 11.9125 14.5223 11.6612 14.303C11.155 13.8613 10.4479 13.3359 9.97992 13.0193C6.32778 10.5484 -0.317366 13.8055 2.51722 20.7568C3.52945 23.7985 8.25711 28.0817 11.1993 29.8048Z"
      fill="url(#paint1_radial_7000_5028)"
    />
    <path
      d="M11.1993 29.8048C11.7279 30.1144 12.3762 30.0989 12.904 29.788C15.5675 28.2189 19.9463 24.8196 21.6952 20.44C24.3351 14.5761 18.1367 9.89524 13.8528 13.2619C13.4531 13.576 12.9615 13.9307 12.5855 14.2745C12.3393 14.4996 11.9125 14.5223 11.6612 14.303C11.155 13.8613 10.4479 13.3359 9.97992 13.0193C6.32778 10.5484 -0.317366 13.8055 2.51722 20.7568C3.52945 23.7985 8.25711 28.0817 11.1993 29.8048Z"
      fill="url(#paint2_radial_7000_5028)"
    />
    <path
      d="M11.1993 29.8048C11.7279 30.1144 12.3762 30.0989 12.904 29.788C15.5675 28.2189 19.9463 24.8196 21.6952 20.44C24.3351 14.5761 18.1367 9.89524 13.8528 13.2619C13.4531 13.576 12.9615 13.9307 12.5855 14.2745C12.3393 14.4996 11.9125 14.5223 11.6612 14.303C11.155 13.8613 10.4479 13.3359 9.97992 13.0193C6.32778 10.5484 -0.317366 13.8055 2.51722 20.7568C3.52945 23.7985 8.25711 28.0817 11.1993 29.8048Z"
      fill="url(#paint3_radial_7000_5028)"
    />
    <path
      d="M11.1993 29.8048C11.7279 30.1144 12.3762 30.0989 12.904 29.788C15.5675 28.2189 19.9463 24.8196 21.6952 20.44C24.3351 14.5761 18.1367 9.89524 13.8528 13.2619C13.4531 13.576 12.9615 13.9307 12.5855 14.2745C12.3393 14.4996 11.9125 14.5223 11.6612 14.303C11.155 13.8613 10.4479 13.3359 9.97992 13.0193C6.32778 10.5484 -0.317366 13.8055 2.51722 20.7568C3.52945 23.7985 8.25711 28.0817 11.1993 29.8048Z"
      fill="url(#paint4_linear_7000_5028)"
    />
    <path
      d="M11.1993 29.8048C11.7279 30.1144 12.3762 30.0989 12.904 29.788C15.5675 28.2189 19.9463 24.8196 21.6952 20.44C24.3351 14.5761 18.1367 9.89524 13.8528 13.2619C13.4531 13.576 12.9615 13.9307 12.5855 14.2745C12.3393 14.4996 11.9125 14.5223 11.6612 14.303C11.155 13.8613 10.4479 13.3359 9.97992 13.0193C6.32778 10.5484 -0.317366 13.8055 2.51722 20.7568C3.52945 23.7985 8.25711 28.0817 11.1993 29.8048Z"
      fill="url(#paint5_linear_7000_5028)"
    />
    <path
      d="M11.6823 14.3215C12.5224 15.1733 13.9061 14.8945 14.7103 14.0088C15.5195 13.1175 16.5921 12.3088 17.9506 12.2224C16.6068 11.964 15.143 12.248 13.8528 13.2619C13.7419 13.3491 13.6239 13.4394 13.5033 13.5317C13.1465 13.8047 12.7665 14.0955 12.4782 14.3755C12.2917 14.5566 11.9645 14.5751 11.7716 14.4009C11.7427 14.3748 11.7129 14.3483 11.6823 14.3215V14.3215Z"
      fill="url(#paint6_linear_7000_5028)"
    />
    <g filter="url(#filter0_f_7000_5028)">
      <path
        d="M12.5144 16.3954V24.6966C12.5144 25.6015 13.5338 25.9628 13.9945 25.184C15.2692 23.0293 16.3457 19.9954 15.5828 17.5402C15.1553 16.1644 13.9216 15.6197 13.0693 15.6685C12.7115 15.689 12.5144 16.037 12.5144 16.3954Z"
        fill="#FA1C56"
      />
    </g>
    <g filter="url(#filter1_f_7000_5028)">
      <ellipse
        cx={18.5093}
        cy={16.7001}
        rx={3.06153}
        ry={2.10656}
        transform="rotate(-44.1901 18.5093 16.7001)"
        fill="url(#paint7_radial_7000_5028)"
      />
    </g>
    <g filter="url(#filter2_f_7000_5028)">
      <ellipse
        cx={9.75021}
        cy={17.0783}
        rx={3.90466}
        ry={2.10656}
        transform="rotate(-128.955 9.75021 17.0783)"
        fill="url(#paint8_radial_7000_5028)"
        fillOpacity={0.6}
      />
    </g>
    <path
      d="M22.5141 13.4072C23.0321 13.7343 23.6818 13.7193 24.2022 13.3961C25.9673 12.2998 28.6112 10.1486 29.7014 7.41842C31.4381 3.56076 27.3604 0.481333 24.5421 2.69617C24.3369 2.85742 24.0949 3.03494 23.8809 3.21264C23.6243 3.42574 23.1835 3.44559 22.926 3.23359C22.6181 2.98016 22.2513 2.7105 21.9943 2.53657C19.5916 0.911039 15.22 3.05377 17.0848 7.62685C17.7192 9.53315 20.5719 12.1807 22.5141 13.4072Z"
      fill="url(#paint9_radial_7000_5028)"
    />
    <path
      d="M22.5141 13.4072C23.0321 13.7343 23.6818 13.7193 24.2022 13.3961C25.9673 12.2998 28.6112 10.1486 29.7014 7.41842C31.4381 3.56076 27.3604 0.481333 24.5421 2.69617C24.3369 2.85742 24.0949 3.03494 23.8809 3.21264C23.6243 3.42574 23.1835 3.44559 22.926 3.23359C22.6181 2.98016 22.2513 2.7105 21.9943 2.53657C19.5916 0.911039 15.22 3.05377 17.0848 7.62685C17.7192 9.53315 20.5719 12.1807 22.5141 13.4072Z"
      fill="url(#paint10_radial_7000_5028)"
    />
    <path
      d="M22.5141 13.4072C23.0321 13.7343 23.6818 13.7193 24.2022 13.3961C25.9673 12.2998 28.6112 10.1486 29.7014 7.41842C31.4381 3.56076 27.3604 0.481333 24.5421 2.69617C24.3369 2.85742 24.0949 3.03494 23.8809 3.21264C23.6243 3.42574 23.1835 3.44559 22.926 3.23359C22.6181 2.98016 22.2513 2.7105 21.9943 2.53657C19.5916 0.911039 15.22 3.05377 17.0848 7.62685C17.7192 9.53315 20.5719 12.1807 22.5141 13.4072Z"
      fill="url(#paint11_radial_7000_5028)"
    />
    <path
      d="M22.5141 13.4072C23.0321 13.7343 23.6818 13.7193 24.2022 13.3961C25.9673 12.2998 28.6112 10.1486 29.7014 7.41842C31.4381 3.56076 27.3604 0.481333 24.5421 2.69617C24.3369 2.85742 24.0949 3.03494 23.8809 3.21264C23.6243 3.42574 23.1835 3.44559 22.926 3.23359C22.6181 2.98016 22.2513 2.7105 21.9943 2.53657C19.5916 0.911039 15.22 3.05377 17.0848 7.62685C17.7192 9.53315 20.5719 12.1807 22.5141 13.4072Z"
      fill="url(#paint12_radial_7000_5028)"
    />
    <path
      d="M22.5141 13.4072C23.0321 13.7343 23.6818 13.7193 24.2022 13.3961C25.9673 12.2998 28.6112 10.1486 29.7014 7.41842C31.4381 3.56076 27.3604 0.481333 24.5421 2.69617C24.3369 2.85742 24.0949 3.03494 23.8809 3.21264C23.6243 3.42574 23.1835 3.44559 22.926 3.23359C22.6181 2.98016 22.2513 2.7105 21.9943 2.53657C19.5916 0.911039 15.22 3.05377 17.0848 7.62685C17.7192 9.53315 20.5719 12.1807 22.5141 13.4072Z"
      fill="url(#paint13_linear_7000_5028)"
    />
    <path
      d="M22.5141 13.4072C23.0321 13.7343 23.6818 13.7193 24.2022 13.3961C25.9673 12.2998 28.6112 10.1486 29.7014 7.41842C31.4381 3.56076 27.3604 0.481333 24.5421 2.69617C24.3369 2.85742 24.0949 3.03494 23.8809 3.21264C23.6243 3.42574 23.1835 3.44559 22.926 3.23359C22.6181 2.98016 22.2513 2.7105 21.9943 2.53657C19.5916 0.911039 15.22 3.05377 17.0848 7.62685C17.7192 9.53315 20.5719 12.1807 22.5141 13.4072Z"
      fill="url(#paint14_linear_7000_5028)"
    />
    <path
      d="M23.1143 3.39312C23.667 3.9535 24.5772 3.7701 25.1063 3.18738C25.6387 2.60104 26.3443 2.06904 27.238 2.01218C26.354 1.84217 25.391 2.02901 24.5422 2.69604C24.4692 2.75338 24.3916 2.81278 24.3122 2.87351C24.0775 3.05313 23.9678 3.15286 23.7451 3.29349C23.6224 3.41263 23.1338 3.4081 23.0068 3.29349C23.1396 3.41847 23.0771 3.39312 23.1143 3.39312V3.39312Z"
      fill="url(#paint15_linear_7000_5028)"
    />
    <g filter="url(#filter3_f_7000_5028)">
      <ellipse
        cx={27.6055}
        cy={4.95795}
        rx={2.01409}
        ry={1.38584}
        transform="rotate(-44.1901 27.6055 4.95795)"
        fill="url(#paint16_radial_7000_5028)"
      />
    </g>
    <g filter="url(#filter4_f_7000_5028)">
      <ellipse
        cx={21.8432}
        cy={5.20683}
        rx={2.56876}
        ry={1.38584}
        transform="rotate(-128.955 21.8432 5.20683)"
        fill="url(#paint17_radial_7000_5028)"
        fillOpacity={0.6}
      />
    </g>
    <g filter="url(#filter5_f_7000_5028)">
      <path
        d="M23.6617 4.37629V12.8775C24.7404 11.7347 26.3773 7.7538 25.6803 5.51062C25.3278 4.37629 24.1423 4.10079 23.6617 4.37629Z"
        fill="#FA1C56"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_7000_5028"
        x={10.5144}
        y={13.6655}
        width={7.32285}
        height={13.9452}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7000_5028"
        />
      </filter>
      <filter
        id="filter1_f_7000_5028"
        x={14.368}
        y={12.5853}
        width={8.28262}
        height={8.22937}
        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_7000_5028"
        />
      </filter>
      <filter
        id="filter2_f_7000_5028"
        x={5.29861}
        y={12.2648}
        width={8.90321}
        height={9.62695}
        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_7000_5028"
        />
      </filter>
      <filter
        id="filter3_f_7000_5028"
        x={24.3679}
        y={1.73779}
        width={6.47528}
        height={6.44031}
        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_7000_5028"
        />
      </filter>
      <filter
        id="filter4_f_7000_5028"
        x={18.4014}
        y={1.52698}
        width={6.88354}
        height={7.35974}
        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_7000_5028"
        />
      </filter>
      <filter
        id="filter5_f_7000_5028"
        x={22.6617}
        y={3.27734}
        width={4.186}
        height={10.6002}
        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_7000_5028"
        />
      </filter>
      <radialGradient
        id="paint0_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.1599 29.7698) rotate(-90) scale(23.9627 40.7367)"
      >
        <stop stopColor="#F12E52" />
        <stop offset={0.596003} stopColor="#FF3B79" />
        <stop offset={1} stopColor="#FF4EC6" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.1664 16.8126) rotate(142.986) scale(19.29 36.132)"
      >
        <stop offset={0.483055} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.9392 21.5387) rotate(-158.663) scale(16.7324 23.6536)"
      >
        <stop offset={0.40984} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.676 18.6164) rotate(90) scale(14.5627 14.5627)"
      >
        <stop offset={0.671096} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_7000_5028"
        x1={13.2832}
        y1={20.321}
        x2={19.1765}
        y2={27.3345}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_7000_5028"
        x1={12.5527}
        y1={20.6133}
        x2={5.63658}
        y2={28.406}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_7000_5028"
        x1={14.8132}
        y1={15.3289}
        x2={12.7466}
        y2={13.0583}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.40984} stopColor="#C12372" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B5286E" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.5904 17.3478) rotate(-176.775) scale(4.52751 3.05718)"
      >
        <stop stopColor="#FF93BA" />
        <stop offset={1} stopColor="#FF73A6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.0552 17.6472) rotate(-178.667) scale(8.31012 4.40121)"
      >
        <stop stopColor="#FF93BA" />
        <stop offset={1} stopColor="#FF73A6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.7442 13.5562) rotate(-90) scale(15.7644 26.7994)"
      >
        <stop stopColor="#F12E52" />
        <stop offset={0.596003} stopColor="#FF3B79" />
        <stop offset={1} stopColor="#FF4EC6" />
      </radialGradient>
      <radialGradient
        id="paint10_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(26.7221 5.03203) rotate(142.986) scale(12.6903 23.7702)"
      >
        <stop offset={0.483055} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint11_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.2568 8.14119) rotate(-158.663) scale(11.0078 15.561)"
      >
        <stop offset={0.40984} stopColor="#B91D43" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B91D43" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.1101 6.21871) rotate(90) scale(9.58038 9.58038)"
      >
        <stop offset={0.671096} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </radialGradient>
      <linearGradient
        id="paint13_linear_7000_5028"
        x1={24.1674}
        y1={7.34016}
        x2={28.0444}
        y2={11.9541}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <linearGradient
        id="paint14_linear_7000_5028"
        x1={23.6868}
        y1={7.53241}
        x2={19.1369}
        y2={12.659}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.694491} stopColor="#FF7AF2" stopOpacity={0} />
        <stop offset={0.933555} stopColor="#FFBCE6" />
      </linearGradient>
      <linearGradient
        id="paint15_linear_7000_5028"
        x1={25.174}
        y1={4.05582}
        x2={23.8144}
        y2={2.5621}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.40984} stopColor="#C12372" stopOpacity={0} />
        <stop offset={0.833898} stopColor="#B5286E" />
      </linearGradient>
      <radialGradient
        id="paint16_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(29.6325 5.38409) rotate(-176.775) scale(2.97851 2.01123)"
      >
        <stop stopColor="#FF93BA" />
        <stop offset={1} stopColor="#FF73A6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint17_radial_7000_5028"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.3596 5.5811) rotate(-178.667) scale(5.46698 2.89543)"
      >
        <stop stopColor="#FF93BA" />
        <stop offset={1} stopColor="#FF73A6" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = TwoHeartsIcon;