react-icons/fa#FaRss JavaScript Examples

The following examples show how to use react-icons/fa#FaRss. 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: NavSocial.js    From codeursenseine.com with MIT License 5 votes vote down vote up 
socialLinks = [
  {
    name: "Twitter",
    icon: <FaTwitter />,
    link: "http://twitter.com/codeursenseine",
  },
  {
    name: "Youtube",
    icon: <FaYoutube />,
    link: "https://www.youtube.com/channel/UCWujmG5rANxJI0nHbMFs08w/playlists",
  },
  {
    name: "Twitch",
    icon: <FaTwitch />,
    link: "https://www.twitch.tv/codeursenseine/",
  },
  {
    name: "GitHub",
    icon: <FaGithub />,
    link: "https://github.com/CodeursEnSeine/",
  },
  {
    name: "Facebook",
    icon: <FaFacebook />,
    link: "https://www.facebook.com/codeursenseine",
  },
  {
    name: "Linkedin",
    icon: <FaLinkedin />,
    link: "https://www.linkedin.com/company/codeurs-en-seine",
  },
  {
    name: "Slack",
    icon: <FaSlack />,
    link: "https://go.codeursenseine.com/slack",
  },
  {
    name: "Flux RSS",
    icon: <FaRss />,
    link: "https://www.spreaker.com/show/3365517/episodes/feed",
  },
  {
    name: "Spotify",
    icon: <FaSpotify />,
    link: "https://open.spotify.com/show/28UM8IYvMF68hMm0IqO0M3",
  },
  {
    name: "iTunes",
    icon: <FaItunesNote />,
    link:
      "https://itunes.apple.com/fr/podcast/codeurs-en-seine/id1454150414?mt=2",
  },
]
Example #2
Source File: index.js    From cardano-documentation with MIT License 4 votes vote down vote up 
Footer = ({ theme }) => {
  const content = data.content
  let logoURL = 'https://ucarecdn.com/75b74f03-ff04-47ba-821c-5e477d3d46d4/'

  return (
    <FooterSection theme={theme}>
      <TopRow>
        <Copyright>
          <div>
            <p>© IOHK 2015 - {new Date().getFullYear()}</p>
          </div>
          <div>
            <Link
              rel="noopener"
              title="Input Output HK GitHub"
              href="https://github.com/input-output-hk"
            >
              <DiGithubBadge size={25} />
            </Link>
          </div>
        </Copyright>
        <TopRight>
          <Logo>
            <Link
              rel="noopener"
              href="https://iohk.io/"
              title="Input Output HK"
            >
              <div>
                <Image
                  src={logoURL}
                  alt="IOHK logo"
                  sizeFactor={0.14}
                  maintainTransparency
                />
              </div>
              <div>
                <p>IOHK supported project</p>
              </div>
            </Link>
          </Logo>
          <SocialLinks>
            <SocialLink>
              <Link
                title="Input Output HK Twitter"
                rel="noopener"
                href="https://twitter.com/inputoutputHK"
              >
                <FaTwitter size={20} />
              </Link>
            </SocialLink>
            <SocialLink>
              <Link
                title="Input Output HK Facebook"
                rel="noopener"
                href="https://www.facebook.com/iohk.io/"
              >
                <FaFacebookF size={20} />
              </Link>
            </SocialLink>
            <SocialLink>
              <Link
                title="Input Output HK YouTube"
                rel="noopener"
                href="https://www.youtube.com/c/IohkIo"
              >
                <FaYoutube size={20} />
              </Link>
            </SocialLink>
            <SocialLink>
              <Link
                title="Input Output HK Blog"
                rel="noopener"
                href="https://iohk.io/blog/"
              >
                <FaRss size={20} />
              </Link>
            </SocialLink>
          </SocialLinks>
        </TopRight>
      </TopRow>
      <hr />
      <BottomRow>
        <div style={{ marginBottom: '1rem' }}>
          <img src={logo} alt="Cardano Logo" style={{ marginBottom: '1rem' }} />
          <Markdown source={content.body} />
        </div>
        <div>
          <LinksColumn>
            <p>
              <strong>{content.cardanoLinks.title}</strong>
            </p>
            <ul>
              {content.cardanoLinks.links.map(({ href, label }) => (
                <li key={`${href}_${label}`}>
                  <Link href={href} rel="noopener">
                    {label}
                  </Link>
                </li>
              ))}
            </ul>
          </LinksColumn>
          <LinksColumn>
            <p>
              <strong>{content.communityLinks.title}</strong>
            </p>
            <ul>
              {content.communityLinks.links.map(({ href, label }) => (
                <li key={`${href}_${label}`}>
                  <Link href={href} rel="noopener">
                    {label}
                  </Link>
                </li>
              ))}
            </ul>
          </LinksColumn>
        </div>
      </BottomRow>
    </FooterSection>
  )
}