@fortawesome/free-solid-svg-icons#faDollarSign JavaScript Examples

The following examples show how to use @fortawesome/free-solid-svg-icons#faDollarSign. 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: index.jsx    From loopring-swap with GNU General Public License v3.0 6 votes vote down vote up 
ExchangeInfo = () => {
    return (
        <>
            <ListItemHeader mb={2}>
                <FormattedMessage id="drawer.wallet.connect.list.header.exchange.info" />
            </ListItemHeader>
            <UndecoratedLink
                href="https://loopring.io/document/fees"
                target="_blank"
                rel="noreferrer noopener"
            >
                <ListItemBox>
                    <ListItemIcon icon={faDollarSign} />{" "}
                    <FormattedMessage id="drawer.wallet.connect.list.item.fee.schedule" />
                </ListItemBox>
            </UndecoratedLink>
            <UndecoratedLink
                href="https://loopringexchange.typeform.com/to/nWXj6B"
                target="_blank"
                rel="noreferrer noopener"
            >
                <ListItemBox>
                    <ListItemIcon icon={faClipboardCheck} />{" "}
                    <FormattedMessage id="drawer.wallet.connect.list.item.token.listing" />
                </ListItemBox>
            </UndecoratedLink>
            <UndecoratedLink
                href="https://loopring.io/legal/terms"
                target="_blank"
                rel="noreferrer noopener"
            >
                <ListItemBox>
                    <ListItemIcon icon={faFileSignature} />{" "}
                    <FormattedMessage id="drawer.wallet.connect.list.item.terms.privacy" />
                </ListItemBox>
            </UndecoratedLink>
        </>
    );
}
Example #2
Source File: index.js    From Webiu with MIT License 6 votes vote down vote up 
Pricing = ({ header, title, description, plans }) => {

  return (
    <div className="pricing-list-component">
        {header ? <div className="header-component">
            <h2><FontAwesomeIcon className="icon-h2" icon={faDollarSign} /> {header}</h2>
        </div> : null}
        <Container>
            {!title || (
                <Row>
                    <Col className="title-div">
                      <h3 className="title">{title}</h3>
                    </Col>
                </Row>
            )}
            <div className="description-div">
              {description ? <p>{description}</p> : null}
            </div>
            {plans ? <Row>
              {plans.map((item, i) => (
                  <ItemPrice
                    data={item}
                  />
              ))}
            </Row> : null}
        </Container>
    </div>
  )
}
Example #3
Source File: App.js    From lrc-staking-dapp with MIT License 6 votes vote down vote up 
library.add(
  far,
  fas,
  faBookReader,
  faArrowLeft,
  faArrowRight,
  faQuestionCircle,
  faCopy,
  faSignOutAlt,
  faEdit,
  faAngleDown,
  faExternalLinkAlt,
  fab,
  faEthereum,
  faTwitter,
  faDiscord,
  faUnlink,
  faSearch,
  faFortAwesome,
  faExchangeAlt,
  faChartPie,
  faGlobe,
  faDonate,
  faDollarSign,
);
Example #4
Source File: single-site.js    From staticwebsitehosting with MIT License 5 votes vote down vote up 
BlogPostTemplate = ({ data, location }) => {
  const site = data.markdownRemark
  const siteTitle = data.site.siteMetadata.title
  const homePage = site.frontmatter.homepage
  const twitter = site.frontmatter.twitter
  const pricingLink = site.frontmatter.pricing
  const cosmicAppLink = site.frontmatter.cosmicapplink

  return (
    <Layout location={location} title={siteTitle}>
      <SEO
        title={site.frontmatter.title}
        description={site.frontmatter.description || site.excerpt}
      />
      <article>
        <h2 className="text-3xl font-black mb-4">{site.frontmatter.title}</h2>
        <div className="inline-flex">
          <a
            href={homePage}
            target="_blank"
            rel="noreferrer"
            className="shadow-none mr-4 hover:text-green-600"
          >
            <FontAwesomeIcon icon={faHome} className="mr-1" />
            <span className="text-black">Home Page</span>
          </a>
          { 
            twitter &&
            <a
              href={`https://twitter.com/${twitter}`}
              target="_blank"
              rel="noreferrer"
              className="shadow-none mr-4 hover:text-blue-600"
            >
              <FontAwesomeIcon icon={faTwitter} className="mr-1" />
              <span className="text-black">Twitter</span>
            </a>
          }
          <a
            href={pricingLink}
            target="_blank"
            rel="noreferrer"
            className="shadow-none mr-4 hover:text-purple-800"
          >
            <FontAwesomeIcon icon={faDollarSign} className="mr-1" />
            <span className="text-black">Pricing</span>
          </a>
        </div>
        {cosmicAppLink && (
          <div className="flex mt-4">
            <a
              className="px-6 py-3 bg-blue-500 text-white shadow-none flex items-center justify-center hover:bg-blue-600"
              href={cosmicAppLink}
              target="_blank"
              rel="noreferrer"
            >
              <img
                src={CosmicIcon}
                width="25"
                className="mr-2 m-0"
                alt="Cosmic Icon"
              />
              Deploy Cosmic Starter
            </a>
          </div>
        )}
        <section
          className="markdown mt-6"
          dangerouslySetInnerHTML={{ __html: site.html }}
        />
      </article>
    </Layout>
  )
}
Example #5
Source File: Token.jsx    From monopoly with GNU General Public License v3.0 5 votes vote down vote up 
library.add(faHatCowboySide, faDog, faCar, faCat, faShip,  faDollarSign, faFrog);