Add icons to this collection by clicking the heart icon.
Battery icon - also known as leaf, battery, eco, ecology, and ecology and environment. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 32 32"
>
<style>
.st9 {
fill: url(#SVGID_10_);
}
.st10 {
fill: url(#SVGID_11_);
}
.st11 {
fill: url(#SVGID_12_);
}
.st12 {
fill: url(#SVGID_13_);
}
.st13 {
fill: url(#SVGID_14_);
}
.st14 {
fill: url(#SVGID_15_);
}
.st15 {
fill: url(#SVGID_16_);
}
.st16 {
fill: url(#SVGID_17_);
}
.st17 {
fill: url(#SVGID_18_);
}
.st18 {
fill: url(#SVGID_19_);
}
.st19 {
fill: url(#SVGID_20_);
}
.st20 {
fill: url(#SVGID_21_);
}
.st21 {
fill: url(#SVGID_22_);
}
.st22 {
fill: url(#SVGID_23_);
}
.st23 {
fill: url(#SVGID_24_);
}
.st24 {
fill: url(#SVGID_25_);
}
.st25 {
fill: url(#SVGID_26_);
}
.st26 {
fill: url(#SVGID_27_);
}
.st27 {
fill: url(#SVGID_28_);
}
.st28 {
fill: url(#SVGID_29_);
}
.st29 {
fill: url(#SVGID_30_);
}
.st30 {
fill: url(#SVGID_31_);
}
.st31 {
fill: url(#SVGID_32_);
}
.st32 {
fill: url(#SVGID_33_);
}
.st33 {
fill: url(#SVGID_34_);
}
.st34 {
fill: url(#SVGID_35_);
}
.st35 {
fill: url(#SVGID_36_);
}
.st36 {
fill: url(#SVGID_37_);
}
.st37 {
fill: url(#SVGID_38_);
}
.st38 {
fill: url(#SVGID_39_);
}
.st39 {
fill: url(#SVGID_40_);
}
.st40 {
fill: url(#SVGID_41_);
}
.st41 {
fill: url(#SVGID_42_);
}
.st42 {
fill: url(#SVGID_43_);
}
.st43 {
fill: url(#SVGID_44_);
}
.st44 {
fill: url(#SVGID_45_);
}
.st45 {
fill: url(#SVGID_46_);
}
.st46 {
fill: url(#SVGID_47_);
}
.st47 {
fill: url(#SVGID_48_);
}
.st48 {
fill: url(#SVGID_49_);
}
.st49 {
fill: url(#SVGID_50_);
}
.st50 {
fill: url(#SVGID_51_);
}
.st51 {
fill: url(#SVGID_52_);
}
.st52 {
fill: url(#SVGID_53_);
}
.st53 {
fill: url(#SVGID_54_);
}
.st54 {
fill: url(#SVGID_55_);
}
.st55 {
fill: url(#SVGID_56_);
}
.st56 {
fill: url(#SVGID_57_);
}
.st57 {
fill: url(#SVGID_58_);
}
.st58 {
fill: url(#SVGID_59_);
}
.st59 {
fill: url(#SVGID_60_);
}
.st60 {
fill: url(#SVGID_61_);
}
.st61 {
fill: url(#SVGID_62_);
}
.st62 {
fill: url(#SVGID_63_);
}
.st63 {
fill: url(#SVGID_64_);
}
.st64 {
fill: url(#SVGID_65_);
}
.st65 {
fill: url(#SVGID_66_);
}
.st66 {
fill: url(#SVGID_67_);
}
.st67 {
fill: url(#SVGID_68_);
}
.st68 {
fill: url(#SVGID_69_);
}
.st69 {
fill: url(#SVGID_70_);
}
.st70 {
fill: url(#SVGID_71_);
}
.st71 {
fill: url(#SVGID_72_);
}
.st72 {
fill: url(#SVGID_73_);
}
.st73 {
fill: url(#SVGID_74_);
}
.st74 {
fill: url(#SVGID_75_);
}
.st75 {
fill: url(#SVGID_76_);
}
.st76 {
fill: url(#SVGID_77_);
}
.st77 {
fill: url(#SVGID_78_);
}
.st78 {
fill: url(#SVGID_79_);
}
.st79 {
fill: url(#SVGID_80_);
}
.st80 {
fill: url(#SVGID_81_);
}
.st81 {
fill: url(#SVGID_82_);
}
.st82 {
fill: url(#SVGID_83_);
}
.st83 {
fill: url(#SVGID_84_);
}
.st84 {
fill: url(#SVGID_85_);
}
.st85 {
fill: url(#SVGID_86_);
}
.st86 {
fill: url(#SVGID_87_);
}
.st87 {
fill: url(#SVGID_88_);
}
.st88 {
fill: url(#SVGID_89_);
}
.st89 {
fill: url(#SVGID_90_);
}
.st90 {
fill: url(#SVGID_91_);
}
.st91 {
fill: url(#SVGID_92_);
}
.st92 {
fill: url(#SVGID_93_);
}
.st93 {
fill: url(#SVGID_94_);
}
.st94 {
fill: url(#SVGID_95_);
}
.st95 {
fill: url(#SVGID_96_);
}
.st96 {
fill: url(#SVGID_97_);
}
.st97 {
fill: url(#SVGID_98_);
}
.st98 {
fill: url(#SVGID_99_);
}
.st99 {
fill: url(#SVGID_100_);
}
.st100 {
fill: url(#SVGID_101_);
}
.st101 {
fill: url(#SVGID_102_);
}
.st102 {
fill: url(#SVGID_103_);
}
.st103 {
fill: url(#SVGID_104_);
}
.st104 {
fill: url(#SVGID_105_);
}
.st105 {
fill: url(#SVGID_106_);
}
.st106 {
fill: url(#SVGID_107_);
}
.st107 {
fill: url(#SVGID_108_);
}
.st108 {
fill: url(#SVGID_109_);
}
.st109 {
fill: url(#SVGID_110_);
}
.st110 {
fill: url(#SVGID_111_);
}
.st111 {
fill: url(#SVGID_112_);
}
.st112 {
fill: url(#SVGID_113_);
}
.st113 {
fill: url(#SVGID_114_);
}
.st114 {
fill: url(#SVGID_115_);
}
.st115 {
fill: url(#SVGID_116_);
}
.st116 {
fill: url(#SVGID_117_);
}
.st117 {
fill: url(#SVGID_118_);
}
.st118 {
fill: url(#SVGID_119_);
}
.st119 {
fill: url(#SVGID_120_);
}
.st120 {
fill: url(#SVGID_121_);
}
.st121 {
fill: url(#SVGID_122_);
}
.st122 {
fill: url(#SVGID_123_);
}
.st123 {
fill: url(#SVGID_124_);
}
.st124 {
fill: url(#SVGID_125_);
}
.st125 {
fill: url(#SVGID_126_);
}
.st126 {
fill: url(#SVGID_127_);
}
.st127 {
fill: url(#SVGID_128_);
}
.st128 {
fill: url(#SVGID_129_);
}
.st129 {
fill: url(#SVGID_130_);
}
.st130 {
fill: url(#SVGID_131_);
}
.st131 {
fill: url(#SVGID_132_);
}
.st132 {
fill: url(#SVGID_133_);
}
.st133 {
fill: url(#SVGID_134_);
}
.st134 {
fill: url(#SVGID_135_);
}
.st135 {
fill: url(#SVGID_136_);
}
.st136 {
fill: url(#SVGID_137_);
}
.st137 {
fill: url(#SVGID_138_);
}
.st138 {
fill: url(#SVGID_139_);
}
.st139 {
fill: url(#SVGID_140_);
}
.st140 {
fill: url(#SVGID_141_);
}
.st141 {
fill: url(#SVGID_142_);
}
.st142 {
fill: url(#SVGID_143_);
}
.st143 {
fill: url(#SVGID_144_);
}
.st144 {
fill: url(#SVGID_145_);
}
.st145 {
fill: url(#SVGID_146_);
}
.st146 {
fill: url(#SVGID_147_);
}
.st147 {
fill: url(#SVGID_148_);
}
.st148 {
fill: url(#SVGID_149_);
}
.st149 {
fill: url(#SVGID_150_);
}
.st150 {
fill: url(#SVGID_151_);
}
.st151 {
fill: url(#SVGID_152_);
}
.st152 {
fill: url(#SVGID_153_);
}
.st153 {
fill: url(#SVGID_154_);
}
.st154 {
fill: url(#SVGID_155_);
}
.st155 {
fill: url(#SVGID_156_);
}
.st156 {
fill: url(#SVGID_157_);
}
.st157 {
fill: url(#SVGID_158_);
}
.st158 {
fill: url(#SVGID_159_);
}
.st159 {
fill: url(#SVGID_160_);
}
.st160 {
fill: url(#SVGID_161_);
}
.st161 {
fill: url(#SVGID_162_);
}
.st162 {
fill: url(#SVGID_163_);
}
.st163 {
fill: url(#SVGID_164_);
}
.st164 {
fill: url(#SVGID_165_);
}
.st165 {
fill: url(#SVGID_166_);
}
.st166 {
fill: url(#SVGID_167_);
}
.st167 {
fill: url(#SVGID_168_);
}
.st168 {
fill: url(#SVGID_169_);
}
.st169 {
fill: url(#SVGID_170_);
}
.st170 {
fill: url(#SVGID_171_);
}
.st171 {
fill: url(#SVGID_172_);
}
.st172 {
fill: url(#SVGID_173_);
}
.st173 {
fill: url(#SVGID_174_);
}
.st174 {
fill: url(#SVGID_175_);
}
.st175 {
fill: url(#SVGID_176_);
}
.st176 {
fill: url(#SVGID_177_);
}
.st177 {
fill: url(#SVGID_178_);
}
.st178 {
fill: url(#SVGID_179_);
}
.st179 {
fill: url(#SVGID_180_);
}
.st180 {
fill: url(#SVGID_181_);
}
.st181 {
fill: url(#SVGID_182_);
}
.st182 {
fill: url(#SVGID_183_);
}
.st183 {
fill: url(#SVGID_184_);
}
.st184 {
fill: url(#SVGID_185_);
}
.st185 {
fill: url(#SVGID_186_);
}
.st186 {
fill: url(#SVGID_187_);
}
.st187 {
fill: url(#SVGID_188_);
}
.st188 {
fill: url(#SVGID_189_);
}
.st189 {
fill: url(#SVGID_190_);
}
.st190 {
fill: url(#SVGID_191_);
}
.st191 {
fill: url(#SVGID_192_);
}
.st192 {
fill: url(#SVGID_193_);
}
.st193 {
fill: url(#SVGID_194_);
}
.st194 {
fill: url(#SVGID_195_);
}
.st195 {
fill: url(#SVGID_196_);
}
.st196 {
fill: url(#SVGID_197_);
}
.st197 {
fill: url(#SVGID_198_);
}
.st198 {
fill: url(#SVGID_199_);
}
.st199 {
fill: url(#SVGID_200_);
}
.st200 {
fill: url(#SVGID_201_);
}
.st201 {
fill: url(#SVGID_202_);
}
.st202 {
fill: url(#SVGID_203_);
}
.st203 {
fill: url(#SVGID_204_);
}
.st204 {
fill: url(#SVGID_205_);
}
.st205 {
fill: url(#SVGID_206_);
}
.st206 {
fill: url(#SVGID_207_);
}
.st207 {
fill: url(#SVGID_208_);
}
.st208 {
fill: url(#SVGID_209_);
}
.st209 {
fill: url(#SVGID_210_);
}
.st210 {
fill: url(#SVGID_211_);
}
.st211 {
fill: url(#SVGID_212_);
}
.st212 {
fill: url(#SVGID_213_);
}
.st213 {
fill: url(#SVGID_214_);
}
.st214 {
fill: url(#SVGID_215_);
}
.st215 {
fill: url(#SVGID_216_);
}
.st216 {
fill: url(#SVGID_217_);
}
.st217 {
fill: url(#SVGID_218_);
}
.st218 {
fill: url(#SVGID_219_);
}
.st219 {
fill: url(#SVGID_220_);
}
.st220 {
fill: url(#SVGID_221_);
}
.st221 {
fill: url(#SVGID_222_);
}
.st222 {
fill: url(#SVGID_223_);
}
.st223 {
fill: url(#SVGID_224_);
}
.st224 {
fill: url(#SVGID_225_);
}
.st225 {
fill: url(#SVGID_226_);
}
.st226 {
fill: url(#SVGID_227_);
}
.st227 {
fill: url(#SVGID_228_);
}
.st228 {
fill: url(#SVGID_229_);
}
.st229 {
fill: url(#SVGID_230_);
}
.st230 {
fill: url(#SVGID_231_);
}
.st231 {
fill: url(#SVGID_232_);
}
.st232 {
fill: url(#SVGID_233_);
}
.st233 {
fill: url(#SVGID_234_);
}
.st234 {
fill: url(#SVGID_235_);
}
.st235 {
fill: url(#SVGID_236_);
}
.st236 {
fill: url(#SVGID_237_);
}
.st237 {
fill: url(#SVGID_238_);
}
.st238 {
fill: url(#SVGID_239_);
}
.st239 {
fill: url(#SVGID_240_);
}
.st240 {
fill: url(#SVGID_241_);
}
.st241 {
fill: url(#SVGID_242_);
}
.st242 {
fill: url(#SVGID_243_);
}
.st243 {
fill: url(#SVGID_244_);
}
.st244 {
fill: url(#SVGID_245_);
}
.st245 {
fill: url(#SVGID_246_);
}
.st246 {
fill: url(#SVGID_247_);
}
.st247 {
fill: url(#SVGID_248_);
}
.st248 {
fill: url(#SVGID_249_);
}
.st249 {
fill: url(#SVGID_250_);
}
.st250 {
fill: url(#SVGID_251_);
}
.st251 {
fill: url(#SVGID_252_);
}
.st252 {
fill: url(#SVGID_253_);
}
.st253 {
fill: url(#SVGID_254_);
}
.st254 {
fill: url(#SVGID_255_);
}
.st255 {
fill: url(#SVGID_256_);
}
.st256 {
fill: url(#SVGID_257_);
}
.st257 {
fill: url(#SVGID_258_);
}
.st258 {
fill: url(#SVGID_259_);
}
.st259 {
fill: url(#SVGID_260_);
}
.st260 {
fill: url(#SVGID_261_);
}
.st261 {
fill: url(#SVGID_262_);
}
.st262 {
fill: url(#SVGID_263_);
}
.st263 {
fill: url(#SVGID_264_);
}
.st264 {
fill: url(#SVGID_265_);
}
.st265 {
fill: url(#SVGID_266_);
}
.st266 {
fill: url(#SVGID_267_);
}
.st267 {
fill: url(#SVGID_268_);
}
.st268 {
fill: url(#SVGID_269_);
}
.st269 {
fill: url(#SVGID_270_);
}
.st270 {
fill: url(#SVGID_271_);
}
.st271 {
fill: url(#SVGID_272_);
}
.st272 {
fill: url(#SVGID_273_);
}
.st273 {
fill: url(#SVGID_274_);
}
.st274 {
fill: url(#SVGID_275_);
}
.st275 {
fill: url(#SVGID_276_);
}
.st276 {
fill: url(#SVGID_277_);
}
.st277 {
fill: url(#SVGID_278_);
}
.st278 {
fill: url(#SVGID_279_);
}
.st279 {
fill: url(#SVGID_280_);
}
.st280 {
fill: url(#SVGID_281_);
}
.st281 {
fill: url(#SVGID_282_);
}
.st282 {
fill: url(#SVGID_283_);
}
.st283 {
fill: url(#SVGID_284_);
}
.st284 {
fill: url(#SVGID_285_);
}
.st285 {
fill: url(#SVGID_286_);
}
.st286 {
fill: url(#SVGID_287_);
}
.st287 {
fill: url(#SVGID_288_);
}
.st288 {
fill: url(#SVGID_289_);
}
.st289 {
fill: url(#SVGID_290_);
}
.st290 {
fill: url(#SVGID_291_);
}
.st291 {
fill: url(#SVGID_292_);
}
.st292 {
fill: url(#SVGID_293_);
}
.st293 {
fill: url(#SVGID_294_);
}
.st294 {
fill: url(#SVGID_295_);
}
.st295 {
fill: url(#SVGID_296_);
}
.st296 {
fill: url(#SVGID_297_);
}
.st297 {
fill: url(#SVGID_298_);
}
.st298 {
fill: url(#SVGID_299_);
}
.st299 {
fill: url(#SVGID_300_);
}
.st300 {
fill: url(#SVGID_301_);
}
.st301 {
fill: url(#SVGID_302_);
}
.st302 {
fill: url(#SVGID_303_);
}
.st303 {
fill: url(#SVGID_304_);
}
.st304 {
fill: url(#SVGID_305_);
}
.st305 {
fill: url(#SVGID_306_);
}
.st306 {
fill: url(#SVGID_307_);
}
.st307 {
fill: url(#SVGID_308_);
}
.st308 {
fill: url(#SVGID_309_);
}
.st309 {
fill: url(#SVGID_310_);
}
.st310 {
fill: url(#SVGID_311_);
}
.st311 {
fill: url(#SVGID_312_);
}
.st312 {
fill: url(#SVGID_313_);
}
.st313 {
fill: url(#SVGID_314_);
}
.st314 {
fill: url(#SVGID_315_);
}
.st315 {
fill: url(#SVGID_316_);
}
.st316 {
fill: url(#SVGID_317_);
}
</style>
<linearGradient
id="SVGID_1_"
x1="7.288"
x2="12.975"
y1="5.908"
y2=".221"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="M14.975 2.73c0-.678-.552-1.23-1.23-1.23H6.517c-.678 0-1.23.552-1.23 1.23v1.178h9.688V2.73z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_2_"
x1="19.725"
x2="28.032"
y1="11.062"
y2="2.755"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="M28.114 5.142H27.07V2a.5.5 0 0 0-1 0v3.142h-4.382V2a.5.5 0 0 0-1 0v3.142h-1.044a.5.5 0 0 0-.5.5v4.544c0 .392.318.71.71.71h8.05a.71.71 0 0 0 .71-.71V5.642a.5.5 0 0 0-.5-.5z"
fill="url(#SVGID_2_)"
/>
<linearGradient
id="SVGID_3_"
x1="11.143"
x2="12.977"
y1="10.848"
y2="9.014"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="M12.909 8.945c-.5.212-1.104.506-1.737.882l.467 1.518 1.27-2.4z"
fill="url(#SVGID_3_)"
/>
<linearGradient
id="SVGID_4_"
x1="8.585"
x2="11.272"
y1="14.056"
y2="11.37"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="m10.978 12.595-.677-2.196a8.533 8.533 0 0 0-1.642 1.518l.985 3.199 1.334-2.521z"
fill="url(#SVGID_4_)"
/>
<linearGradient
id="SVGID_5_"
x1="10.786"
x2="14.15"
y1="15.839"
y2="12.475"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="m10.529 15.583 3.199-.986a8.508 8.508 0 0 0 .332-2.211l-2.198.677-1.333 2.52z"
fill="url(#SVGID_5_)"
/>
<linearGradient
id="SVGID_6_"
x1="12.503"
x2="14.339"
y1="11.792"
y2="9.956"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="M14.043 11.344a14.561 14.561 0 0 0-.249-1.933l-1.27 2.402 1.519-.469z"
fill="url(#SVGID_6_)"
/>
<linearGradient
id="SVGID_7_"
x1="5.652"
x2="23.633"
y1="26.228"
y2="8.248"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="M20.476 12.345c0 .799.65 1.449 1.449 1.449h1.454V29.5H10.631v-5.146h4.745c.827 0 1.5-.673 1.5-1.5V6.408c0-.827-.673-1.5-1.5-1.5H4.886c-.827 0-1.5.673-1.5 1.5v16.447c0 .827.673 1.5 1.5 1.5h4.745V30a.5.5 0 0 0 .5.5h13.748a.5.5 0 0 0 .5-.5V13.794h1.454a1.45 1.45 0 0 0 1.448-1.449v-.449h-6.806v.449zm-10.8 6.894c-.35 0-.682-.074-1.002-.181a6.516 6.516 0 0 1-2.763 2.635.497.497 0 0 1-.671-.223.5.5 0 0 1 .224-.671 5.536 5.536 0 0 0 2.331-2.216c-.713-.553-1.196-1.407-1.351-2.495-.17-1.198.076-2.535.675-3.668 1.818-3.438 6.51-4.827 6.708-4.884.26-.072.53.069.614.325.064.197 1.556 4.856-.262 8.294-.599 1.133-1.566 2.088-2.652 2.622-.629.307-1.256.462-1.851.462z"
fill="url(#SVGID_7_)"
/>
<linearGradient
id="SVGID_8_"
x1="9.496"
x2="12.714"
y1="18.508"
y2="15.289"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="m13.224 15.799-3.356 1.034-.708 1.338c.577.137 1.242.043 1.926-.293.864-.424 1.632-1.18 2.138-2.079z"
fill="url(#SVGID_8_)"
/>
<linearGradient
id="SVGID_9_"
x1="7.019"
x2="9.205"
y1="16.45"
y2="14.265"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5df0fb" />
<stop offset="1" stop-color="#00ff87" />
</linearGradient>
<path
d="M7.434 15.947c.107.755.404 1.357.843 1.757l.708-1.338L7.95 13.01c-.459.923-.652 1.984-.516 2.937z"
fill="url(#SVGID_9_)"
/>
</svg>
More icons in the same style and category