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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const RedExclamationMarkIcon = ({ 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}
    <circle
      cx={15.9693}
      cy={27.4707}
      r={2.5}
      fill="url(#paint0_linear_18590_1840)"
    />
    <circle
      cx={15.9693}
      cy={27.4707}
      r={2.5}
      fill="url(#paint1_radial_18590_1840)"
    />
    <circle
      cx={15.9693}
      cy={27.4707}
      r={2.5}
      fill="url(#paint2_radial_18590_1840)"
    />
    <g filter="url(#filter0_i_18590_1840)">
      <path
        d="M13.4693 4.5293C13.4693 3.14858 14.5886 2.0293 15.9693 2.0293C17.35 2.0293 18.4693 3.14859 18.4693 4.5293V20.498C18.4693 21.8788 17.35 22.998 15.9693 22.998C14.5886 22.998 13.4693 21.8788 13.4693 20.498V4.5293Z"
        fill="url(#paint3_linear_18590_1840)"
      />
      <path
        d="M13.4693 4.5293C13.4693 3.14858 14.5886 2.0293 15.9693 2.0293C17.35 2.0293 18.4693 3.14859 18.4693 4.5293V20.498C18.4693 21.8788 17.35 22.998 15.9693 22.998C14.5886 22.998 13.4693 21.8788 13.4693 20.498V4.5293Z"
        fill="url(#paint4_radial_18590_1840)"
      />
    </g>
    <g filter="url(#filter1_f_18590_1840)">
      <path
        d="M16.6412 20.9355V5.74805"
        stroke="url(#paint5_linear_18590_1840)"
        strokeWidth={2}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18590_1840"
        x={13.4693}
        y={2.0293}
        width={5.75}
        height={21.7188}
        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 dx={0.75} 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.74902 0 0 0 0 0.160784 0 0 0 0 0.301961 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18590_1840"
        />
      </filter>
      <filter
        id="filter1_f_18590_1840"
        x={14.1412}
        y={3.24805}
        width={5}
        height={20.1875}
        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_18590_1840"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18590_1840"
        x1={15.9693}
        y1={26.1855}
        x2={15.9693}
        y2={29.9707}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF0B38" />
        <stop offset={1} stopColor="#F62093" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18590_1840"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.938 27.123) rotate(-48.8141) scale(2.32534 2.04444)"
      >
        <stop offset={0.233965} stopColor="#FF5878" />
        <stop offset={1} stopColor="#FF5878" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18590_1840"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(13.4693 25.5605) rotate(25.9892) scale(2.78125 7.5306)"
      >
        <stop stopColor="#C8404B" />
        <stop offset={1} stopColor="#C8404B" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18590_1840"
        x1={15.9693}
        y1={2.50457}
        x2={15.9693}
        y2={22.998}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ED1F28" />
        <stop offset={1} stopColor="#F41585" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18590_1840"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.0162 3.56055) rotate(148.241) scale(3.08727 2.21529)"
      >
        <stop stopColor="#FF5960" />
        <stop offset={1} stopColor="#FF5960" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_18590_1840"
        x1={17.335}
        y1={22.5262}
        x2={21.96}
        y2={21.3264}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF4282" />
        <stop offset={1} stopColor="#FF3E59" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = RedExclamationMarkIcon;