Add icons to this collection by clicking the heart icon.
Hydrogen icon - also known as energy, gas, sustainability, environment, eco, ecology, hydrogen, green energy, and ecology and environment. Created in a clean lineal color style with a white, silver, black, blue, orange, and pink finish, 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="M268.795 405.789h-25.584v40.646h25.584z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#44ffe8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h97.985v-49.719L81.654-66.05H16.331L0-49.719Zm-43.121-220.862c9.622 41.985 47.21 73.303 92.114 73.303 44.903 0 82.491-31.318 92.112-73.303h38.054v117.001c0 20.882-16.929 37.811-37.812 37.811h-19.41l16.331 16.331V16.33l-16.331 16.331H-23.952l-16.33-16.331v-66.049l16.33-16.331h-19.41c-20.883 0-37.812-16.929-37.812-37.811v-117.001z"
transform="translate(207.01 471.839)"
fill="#57a4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M307.717 31.452h-34.113V53.77h34.113zm-69.315 0h-34.113V53.77h34.113zm17.601 103.828c-44.903 0-82.491 31.319-92.113 73.303h-38.054V91.582c0-20.883 16.93-37.811 37.812-37.811h7.163V31.452H148.22V7.5h215.567v23.952h-22.592v22.319h7.163c20.883 0 37.812 16.928 37.812 37.811v117.001h-38.054c-9.621-41.984-47.21-73.303-92.113-73.303"
fill="#57a4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-52.185-42.304-94.489-94.489-94.489S-188.979-52.185-188.979 0s42.305 94.489 94.49 94.489C-42.304 94.489 0 52.185 0 0"
transform="translate(350.49 229.791)"
fill="#ffe477"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M161.511 208.583h-44.674v42.394h44.674zM395.164 208.583H350.49v42.394h44.674z"
fill="#e0e0e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v49.718h-30V0l-16.331-16.331h30L0 0"
transform="translate(334.996 422.12)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h19.411L3.08 16.331V82.38l16.331 16.331h-30L-26.92 82.38V16.331L-10.589 0H-30c-20.883 0-37.812-16.929-37.812-37.812v-117h30v117C-37.812-16.929-20.883 0 0 0"
transform="translate(193.648 405.79)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a95.083 95.083 0 0 1-15-1.185c38.087-6.074 68.585-34.907 77.113-72.119h30C82.491-31.318 44.903 0 0 0"
transform="translate(286.003 324.28)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M337.717 53.771h-30V31.452h30zM268.402 53.771h-30V31.452h30z"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c44.903 0 82.491 31.318 92.113 73.303h-30C53.585 36.091 23.087 7.259-15 1.184A95.083 95.083 0 0 1 0 0"
transform="translate(286.003 135.28)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.319h-7.163c-20.882 0-37.812 16.929-37.812 37.812v117.001h-30V60.131c0-20.883 16.93-37.812 37.812-37.812H-30V0h-22.591v-23.951h30V0Z"
transform="translate(200.811 31.451)"
fill="#006df0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 47.08 34.433 86.118 79.489 93.305a95.202 95.202 0 0 1-15 1.184C12.304 94.489-30 52.185-30 0c0-52.186 42.304-94.489 94.489-94.489 5.105 0 10.115.405 15 1.184C34.433-86.118 0-47.08 0 0"
transform="translate(191.51 229.791)"
fill="#ffb655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M116.836 208.583h30v42.394h-30zM350.489 208.583h30v42.394h-30z"
fill="#c6c5ca"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c29.792-7.764 51.848-34.899 51.848-67.089"
transform="translate(273.47 296.71)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,350"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c0-52.185-42.304-94.489-94.489-94.489S-188.979-52.185-188.979 0s42.305 94.489 94.49 94.489C-42.304 94.489 0 52.185 0 0Z"
transform="translate(350.49 229.791)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-68.214"
transform="translate(252.463 266.74)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v68.214"
transform="translate(218.356 198.526)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h34.107"
transform="translate(218.356 232.633)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-18.826v9.56L0 19.896v19.895h-18.826"
transform="translate(293.644 192.842)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="square"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M268.795 405.789h-25.584v40.646h25.584z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-18.781"
transform="translate(243.21 446.435)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-18.781"
transform="translate(287.576 446.435)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h85.188"
transform="translate(170.811 53.77)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h70.172c7.064 0 12.812-5.747 12.812-12.812v-81.219"
transform="translate(278.186 380.79)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="15,10,15,10,350"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h48.667"
transform="translate(125.836 346.552)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h48.667"
transform="translate(125.836 98.605)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-24.674v42.394H0"
transform="translate(141.51 208.583)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.674v-42.394H0"
transform="translate(370.49 250.977)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-16.331-16.331h-65.323L-97.985 0v49.719H0Zm81.174-151.144v97.001c0 20.883-16.928 37.812-37.812 37.812h-19.41L40.283 0v66.049L23.952 82.38h-145.889l-16.33-16.331V0l16.33-16.331h-19.41c-20.883 0-37.812-16.929-37.812-37.812v-97.001"
transform="translate(304.996 422.12)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M307.717 31.452h-34.113V53.77h34.113zm-69.315 0h-34.113V53.77h34.113zM125.836 188.583V91.582c0-20.883 16.93-37.811 37.812-37.811h7.163V31.452H148.22V7.5h215.566v23.952h-22.591v22.319h7.163c20.883 0 37.812 16.928 37.812 37.811v97.001"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category