Carbon Footprint 48 icon

energy-icons:carbon-footprint-48

The Carbon Footprint 48 icon (energy-icons:carbon-footprint-48) is a free SVG icon from the Energy Icons set by Sam Passmore. It is drawn on a 48 × 48 grid. Energy Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Energy Icons
Author: Sam Passmore
License: MIT
Size: 48 × 48
Tags: carbonfootprint

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M14 32c0-3.65.785-6.515 1.542-9.037C16.308 20.41 17 18.32 17 16c0-2.041.805-3.598 2.164-4.613C20.481 10.403 22.218 10 24 10c2.7 0 4.978.814 6.582 2.418S33 16.299 33 19c0 2.635-.53 4.747-1.026 6.855C31.477 27.964 31 30.12 31 33c0 3.016-.245 5.947-1.209 8.15c-.49 1.12-1.185 2.099-2.167 2.792c-.99.699-2.2 1.058-3.624 1.058c-3.847 0-6.421-1.68-7.978-4.228C14.508 38.295 14 35.082 14 32m5-16c0 2.68-.808 5.089-1.542 7.537C16.715 26.015 16 28.651 16 32c0 2.918.492 5.705 1.729 7.728C18.92 41.68 20.847 43 24 43c1.075 0 1.866-.266 2.47-.692c.61-.432 1.104-1.08 1.489-1.958C28.745 38.553 29 35.984 29 33c0-3.12.523-5.464 1.026-7.605c.504-2.141.974-4.03.974-6.395c0-2.3-.686-4.022-1.832-5.168S26.299 12 24 12c-1.518 0-2.78.347-3.639.988C19.545 13.598 19 14.541 19 16M17 6a1 1 0 1 0-1.999-.001A1 1 0 0 0 17 6m2 0a3 3 0 1 1-5.999.001A3 3 0 0 1 19 6m6-2a1 1 0 1 0-1.999-.001A1 1 0 0 0 25 4m2 0a3 3 0 1 1-5.999.001A3 3 0 0 1 27 4m6 2a1 1 0 1 0-1.999-.001A1 1 0 0 0 33 6m2 0a3 3 0 1 1-5.999.001A3 3 0 0 1 35 6"/></svg>

How to use the Carbon Footprint 48 icon

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:carbon-footprint-48" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:carbon-footprint-48" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:carbon-footprint-48" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--carbon-footprint-48]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:carbon-footprint-48"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="energy-icons:carbon-footprint-48"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/energy-icons/carbon-footprint-48.svg" alt="Carbon Footprint 48 icon" width="24" height="24">

Related icons in Energy Icons

Carbon Footprint 48 icon FAQ

Is the Carbon Footprint 48 icon free for commercial use?

Yes. Energy Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Carbon Footprint 48 icon in React?

Install @iconify/react and render <Icon icon="energy-icons:carbon-footprint-48" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Carbon Footprint 48 icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/energy-icons/carbon-footprint-48.svg" alt="Carbon Footprint 48 icon">, or paste the SVG code inline to style it with CSS.

Browse all Energy Icons →