react-icons/fa#FaTree JavaScript Examples

The following examples show how to use react-icons/fa#FaTree. 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: CarbonEmissions.js    From project-s0-t2-env with MIT License 5 votes vote down vote up 
function CarbonEmissions(props) {
  const CO2 = props.CO2;
  const trees = props.trees;
  const theme = useTheme();
  return (
    <>
      <div style={{ margin: "20px" }} data-cy="carbon">
        <Typography variant="h5">Emits</Typography>
        <Typography variant="h4">
          <Tooltip
            title="Learn more about this calculation"
            placement="right"
            arrow
          >
            <Link
              style={{ margin: "5px", fontWeight: "bold" }}
              href="https://coolclimate.org/maps"
            >
              {CO2}
            </Link>
          </Tooltip>
        </Typography>
        <Typography variant="h5">tons of CO2 per year.</Typography>
      </div>
      <div style={{ margin: "20px" }}>
        <Typography variant="h5">You would need to plant </Typography>
        <Typography
          variant="h4"
          style={{ color: theme.palette.primary.main, fontWeight: "bold" }}
        >
          <FaTree />
          <Tooltip
            title="Learn more about this calculation"
            placement="bottom"
            arrow
          >
            <Link href="https://www.epa.gov/energy/greenhouse-gases-equivalencies-calculator-calculations-and-references#seedlings">
              {trees}
            </Link>
          </Tooltip>{" "}
        </Typography>
        <Typography variant="h5">trees to sequester that carbon.</Typography>
      </div>
    </>
  );
}