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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const DropOfBloodIcon = ({ 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="M7.28271 14.9391L13.8999 3.32349C14.3385 2.55356 15.1565 2.07812 16.0426 2.07812C16.9332 2.07812 17.7548 2.55838 18.1917 3.3345L24.9297 15.3047L24.9186 15.3046C25.6492 16.6988 26.0625 18.2855 26.0625 19.9688C26.0625 25.5261 21.5574 30.0312 16 30.0312C10.4426 30.0312 5.9375 25.5261 5.9375 19.9688C5.9375 18.2275 6.37976 16.5896 7.15808 15.1612H7.15625L7.21875 15.0514C7.23987 15.0138 7.26111 14.9763 7.28271 14.9391Z"
      fill="url(#paint0_linear_18_25275)"
    />
    <path
      d="M7.28271 14.9391L13.8999 3.32349C14.3385 2.55356 15.1565 2.07812 16.0426 2.07812C16.9332 2.07812 17.7548 2.55838 18.1917 3.3345L24.9297 15.3047L24.9186 15.3046C25.6492 16.6988 26.0625 18.2855 26.0625 19.9688C26.0625 25.5261 21.5574 30.0312 16 30.0312C10.4426 30.0312 5.9375 25.5261 5.9375 19.9688C5.9375 18.2275 6.37976 16.5896 7.15808 15.1612H7.15625L7.21875 15.0514C7.23987 15.0138 7.26111 14.9763 7.28271 14.9391Z"
      fill="url(#paint1_radial_18_25275)"
    />
    <path
      d="M7.28271 14.9391L13.8999 3.32349C14.3385 2.55356 15.1565 2.07812 16.0426 2.07812C16.9332 2.07812 17.7548 2.55838 18.1917 3.3345L24.9297 15.3047L24.9186 15.3046C25.6492 16.6988 26.0625 18.2855 26.0625 19.9688C26.0625 25.5261 21.5574 30.0312 16 30.0312C10.4426 30.0312 5.9375 25.5261 5.9375 19.9688C5.9375 18.2275 6.37976 16.5896 7.15808 15.1612H7.15625L7.21875 15.0514C7.23987 15.0138 7.26111 14.9763 7.28271 14.9391Z"
      fill="url(#paint2_radial_18_25275)"
    />
    <path
      d="M7.28271 14.9391L13.8999 3.32349C14.3385 2.55356 15.1565 2.07812 16.0426 2.07812C16.9332 2.07812 17.7548 2.55838 18.1917 3.3345L24.9297 15.3047L24.9186 15.3046C25.6492 16.6988 26.0625 18.2855 26.0625 19.9688C26.0625 25.5261 21.5574 30.0312 16 30.0312C10.4426 30.0312 5.9375 25.5261 5.9375 19.9688C5.9375 18.2275 6.37976 16.5896 7.15808 15.1612H7.15625L7.21875 15.0514C7.23987 15.0138 7.26111 14.9763 7.28271 14.9391Z"
      fill="url(#paint3_radial_18_25275)"
    />
    <path
      d="M7.28271 14.9391L13.8999 3.32349C14.3385 2.55356 15.1565 2.07812 16.0426 2.07812C16.9332 2.07812 17.7548 2.55838 18.1917 3.3345L24.9297 15.3047L24.9186 15.3046C25.6492 16.6988 26.0625 18.2855 26.0625 19.9688C26.0625 25.5261 21.5574 30.0312 16 30.0312C10.4426 30.0312 5.9375 25.5261 5.9375 19.9688C5.9375 18.2275 6.37976 16.5896 7.15808 15.1612H7.15625L7.21875 15.0514C7.23987 15.0138 7.26111 14.9763 7.28271 14.9391Z"
      fill="url(#paint4_linear_18_25275)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_18_25275"
        x1={16}
        y1={8.75}
        x2={16}
        y2={29.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF2A85" />
        <stop offset={1} stopColor="#FF1F5D" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_25275"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 12.7666) rotate(90) scale(17.2646 15.1956)"
      >
        <stop offset={0.901181} stopColor="#FF5AB2" stopOpacity={0} />
        <stop offset={1} stopColor="#FF5AB2" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_25275"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23.3775 18.1989) rotate(143.778) scale(10.264 6.44179)"
      >
        <stop stopColor="#FF6B8D" />
        <stop offset={1} stopColor="#FF6B8D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_25275"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.2657 3.9589) rotate(61.9275) scale(15.2421 7.51844)"
      >
        <stop stopColor="#FF60AB" />
        <stop offset={1} stopColor="#FF60AB" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_25275"
        x1={9.3125}
        y1={10.75}
        x2={16}
        y2={13}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0317317} stopColor="#AF4963" />
        <stop offset={1} stopColor="#E5254F" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = DropOfBloodIcon;