Add icons to this collection by clicking the heart icon.
Energy Costs icon - also known as graphic, up arrow, lightning bolt, stats, bar graph, architecture and city, ecology and environment, and energy costs. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M105.611 47.674H156.8v107.729h-51.189z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fe8ca4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M214.719 47.674h51.188v143.562h-51.188z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffda8f"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M323.825 47.674h51.188V227.04h-51.188z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d4eb88"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-49.263 39.916-89.18 89.178-89.18 49.233 0 89.149 39.917 89.149 89.18 0 49.234-39.916 89.151-89.149 89.151C39.916 89.151 0 49.234 0 0"
transform="translate(303.752 366.059)"
fill="#ffda8f"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-29.822c0-5.838 4.774-10.612 10.611-10.612H120.61c5.838 0 10.612 4.774 10.612 10.612V0c0 5.838-4.774 10.612-10.612 10.612H10.611C4.774 10.612 0 5.838 0 0"
transform="translate(128.273 441.981)"
fill="#eaf5bc"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-37.672-69.078h75.345Z"
transform="translate(47.693 502)"
fill="#fe8ca4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M105.611 47.674H156.8v107.729h-51.189z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h385.238"
transform="translate(47.693 47.674)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c49.09 0 89.149 40.061 89.149 89.18 0 49.091-40.059 89.152-89.149 89.152-49.118 0-89.178-40.061-89.178-89.152C-89.178 40.061-49.118 0 0 0Z"
transform="translate(392.93 276.878)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-23.265-46.704"
transform="translate(397.474 412.763)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-23.236-46.732"
transform="translate(411.622 366.059)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h37.413M0 0h37.413"
transform="translate(374.209 366.059)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M214.719 47.674h51.188v143.562h-51.188z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-40.636h-51.188V138.73H0V91.512"
transform="translate(375.014 88.31)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v385.249"
transform="translate(47.693 47.674)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-37.673 69.078L-75.345 0Z"
transform="translate(85.366 432.922)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h80.292"
transform="translate(128.273 249.903)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h105.483"
transform="translate(128.273 300.95)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h109.999c5.838 0 10.611 4.774 10.611 10.612v29.822c0 5.838-4.773 10.612-10.611 10.612H0c-5.837 0-10.611-4.774-10.611-10.612V10.612C-10.611 4.774-5.837 0 0 0Z"
transform="translate(138.884 401.547)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h130.675"
transform="translate(128.273 351.996)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0V-75.347l69.047 37.674z"
transform="translate(432.932 85.347)"
fill="#fe8ca4"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 69.047 37.674L0 75.347Z"
transform="translate(432.932 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.029"
transform="translate(375.014 137.371)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category