Add icons to this collection by clicking the heart icon.
Jerrycan icon - also known as energy, oil, industry, jerrycan, biofuel, ecology and environment, eco fuel, and eco gasoline. Created in a clean lineal 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="36.469"
x2="570.822"
y1="493.376"
y2="-40.977"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-32.453"
x2="501.9"
y1="424.453"
y2="-109.9"
href="#a"
/>
<linearGradient
id="c"
x1="47.547"
x2="581.9"
y1="504.453"
y2="-29.9"
href="#a"
/>
<linearGradient
id="d"
x1="-36.453"
x2="497.9"
y1="420.453"
y2="-113.9"
href="#a"
/>
<linearGradient
id="e"
x1="55.547"
x2="589.9"
y1="512.453"
y2="-21.9"
href="#a"
/>
<linearGradient
id="f"
x1="131.547"
x2="665.9"
y1="588.453"
y2="54.1"
href="#a"
/>
<linearGradient
id="g"
x1="39.547"
x2="573.9"
y1="496.453"
y2="-37.9"
href="#a"
/>
<linearGradient
id="h"
x1="91.547"
x2="625.9"
y1="548.453"
y2="14.1"
href="#a"
/>
<linearGradient
id="i"
x1="53.547"
x2="587.9"
y1="510.453"
y2="-23.9"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M428 8H192a7.993 7.993 0 0 0-5.47 2.16l-38.18 35.81-33.44-33.45a8.015 8.015 0 0 0-11.32 0L58.34 57.77a8.015 8.015 0 0 0 0 11.32l31.62 31.61-31.43 29.46A8.037 8.037 0 0 0 56 136v340a28.031 28.031 0 0 0 28 28h344a28.031 28.031 0 0 0 28-28V36a28.031 28.031 0 0 0-28-28ZM75.31 63.43l33.94-33.94 27.42 27.42-35.03 32.85ZM440 476a12.01 12.01 0 0 1-12 12H84a12.01 12.01 0 0 1-12-12V139.47L195.16 24H428a12.01 12.01 0 0 1 12 12Z"
/>
<path
fill="url(#b)"
d="M396 40H244a28.032 28.032 0 0 0-28 28v8a28.032 28.032 0 0 0 28 28h152a28.032 28.032 0 0 0 28-28v-8a28.032 28.032 0 0 0-28-28Zm12 36a12.013 12.013 0 0 1-12 12H244a12.013 12.013 0 0 1-12-12v-8a12.013 12.013 0 0 1 12-12h152a12.013 12.013 0 0 1 12 12Z"
/>
<path
fill="url(#c)"
d="M312 256H200a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h112a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8Zm-8 64h-96v-48h96Z"
/>
<path
fill="url(#d)"
d="M174.343 245.657a8 8 0 0 0 11.314-11.314l-36-36a8 8 0 0 0-11.314 11.314Z"
/>
<path
fill="url(#e)"
d="m362.343 194.343-40 40a8 8 0 0 0 11.314 11.314l40-40a8 8 0 0 0-11.314-11.314Z"
/>
<path
fill="url(#f)"
d="M337.657 346.343a8 8 0 0 0-11.314 11.314l36 36a8 8 0 0 0 11.314-11.314Z"
/>
<path
fill="url(#g)"
d="M144 400a7.974 7.974 0 0 0 5.657-2.343l40-40a8 8 0 1 0-11.314-11.314l-40 40A8 8 0 0 0 144 400Z"
/>
<path fill="url(#h)" d="M248 456H104a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16Z" />
<path fill="url(#i)" d="M104 448h40a8 8 0 0 0 0-16h-40a8 8 0 0 0 0 16Z" />
</svg>
More icons in the same style and category