react-icons/fa#FaReact JavaScript Examples

The following examples show how to use react-icons/fa#FaReact. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: MainHero.js    From make-react-apps-site with MIT License 6 votes vote down vote up 
function ReactIcons({ count }) {
  return (
    <div
      className="fixed left-0 right-0 top-0 bottom-0 z-0 grid grid-cols-4 grid-cols-4 pointer-events-none"
      style={{ zIndex: '-1' }}
    >
      {Array.apply(null, Array(20)).map((value, index) => (
        <div
          key={index}
          className={`flex items-center justify-center p-4 ${
            index > count ? 'opacity-0' : ''
          }`}
        >
          <FaReact className="text-blue-700" />
        </div>
      ))}
    </div>
  )
}
Example #2
Source File: Footer.js    From weatherman-react with GNU General Public License v3.0 6 votes vote down vote up 
Footer = () => {
  return (
    <div
      id="footer"
      className="p-4 d-flex flex-column flex-sm-column flex-md-row flex-lg-row justify-content-center align-items-center text-light w-100"
      style={{ backgroundColor: "rgb(33, 37, 41)" }}
    >
      <div className="footer-component text-center d-flex  w-100 w-md-25 my-2 my-md-0 justify-content-center">
        <a href="https://github.com/dsaw/weatherman-react">Github</a>
      </div>
      <div className="footer-component text-center d-flex  w-100 w-md-50 my-2 my-md-0 justify-content-center">
        Made with&nbsp;
        <span title="Heart" role="img" aria-label="Love">
          {" "}
          <FaHeart color={"#e31b23"} size={18} />{" "}
        </span>
        &nbsp;using&nbsp;
        <span title="React" role="img" aria-label="React">
          {" "}
          <FaReact color={"#2acef7"} size={18} />{" "}
        </span>
        &nbsp;by&nbsp; <a href="/"> Devesh</a>
      </div>
      <div className="footer-component text-center d-flex w-100 w-md-25 my-2 my-md-0 justify-content-center">
        <a href="https://github.com/dsaw/weatherman-react/blob/master/PRIVACY-POLICY.html">
          Privacy Policy{" "}
        </a>
      </div>
    </div>
  );
}
Example #3
Source File: Footer.js    From devfolio with MIT License 6 votes vote down vote up 
Footer = () => {
  return (
    <footer aria-label="Footer" className="footer">
      <div>
        <SocialLinks
          aria-label="Social Links"
          styleClass="footer-links"
        ></SocialLinks>
        <h5>
          &copy; {new Date().getFullYear()},<span> Aravind. </span> Built with{" "}
          <GrGatsbyjs /> and <FaReact /> deployed on <Icon icon={netlifyIcon} />
        </h5>
      </div>
    </footer>
  );
}