@mob-on/react-open-iconic-svg/dist/IconInfo.js

Open iconic React version, with improved accessibility

import React from "react";
export const IconInfo = ({ alt = "Info", ...props }) => {
  return (
    <svg
      width="8"
      height="8"
      {...props}
      className={`open-iconic open-iconic-info-icon ${props.className || ""}`}
    >
      {alt && <title>{alt}</title>}
      <path d="M5 0c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1zM3.5 2.5C2.67 2.5 2 3.17 2 4h1c0-.28.22-.5.5-.5s.5.22.5.5-1 1.64-1 2.5C3 7.36 3.67 8 4.5 8S6 7.33 6 6.5H5c0 .28-.22.5-.5.5S4 6.78 4 6.5C4 6.14 5 4.66 5 4c0-.81-.67-1.5-1.5-1.5z" />
    </svg>
  );
};