Add icons to this collection by clicking the heart icon.
Fuel Station icon - also known as transport, car, buildings, electric, power, energy, gas, fuel, gasoline, petrol, transportation, gas station, fuel station, industry, charging, petrol station, electronics, architecture and city, and fuel pump. 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="100"
height="100"
viewBox="0 0 488 488"
>
<linearGradient
id="a"
x1="-63.311"
x2="17.784"
y1="565.186"
y2="646.288"
gradientTransform="matrix(8 0 0 -8 455 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path d="M280 192h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-57.561"
x2="23.534"
y1="559.436"
y2="640.538"
gradientTransform="matrix(8 0 0 -8 455 5013)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".148" stop-color="#024089" />
<stop offset=".201" stop-color="#094485" />
<stop offset=".239" stop-color="#144a7f" />
<stop offset=".269" stop-color="#255476" />
<stop offset=".296" stop-color="#3b606a" />
<stop offset=".319" stop-color="#576f5b" />
<stop offset=".34" stop-color="#77814a" />
<stop offset=".359" stop-color="#9d9635" />
<stop offset=".377" stop-color="#c8ae1e" />
<stop offset=".393" stop-color="#f6c805" />
<stop offset=".396" stop-color="#ffcd00" />
<stop offset=".402" stop-color="#e2c91b" />
<stop offset=".414" stop-color="#b3c447" />
<stop offset=".426" stop-color="#88bf6f" />
<stop offset=".439" stop-color="#63ba92" />
<stop offset=".454" stop-color="#44b6af" />
<stop offset=".469" stop-color="#2bb3c6" />
<stop offset=".486" stop-color="#18b1d9" />
<stop offset=".506" stop-color="#0aafe5" />
<stop offset=".531" stop-color="#02aeed" />
<stop offset=".577" stop-color="#00aeef" />
<stop offset=".608" stop-color="#009de0" />
<stop offset=".682" stop-color="#007bc1" />
<stop offset=".758" stop-color="#0061a9" />
<stop offset=".835" stop-color="#004e98" />
<stop offset=".915" stop-color="#00438d" />
<stop offset="1" stop-color="#003f8a" />
</linearGradient>
<path
d="M416 142.496V80a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v62.496c-22.939 13.199-30.836 42.494-17.637 65.434A47.917 47.917 0 0 0 384 231.296V328h-48V8a8 8 0 0 0-8-8H152a8 8 0 0 0-8 8v464H56a8 8 0 0 0 0 16h368a8 8 0 0 0 0-16h-88V344h56a8 8 0 0 0 8-8V231.28a47.825 47.825 0 0 0 24-11.6v33.008l-13.656 13.656a8 8 0 0 0-.196 11.312 8 8 0 0 0 11.508 0l16-16A8 8 0 0 0 440 256v-72a48 48 0 0 0-24-41.504zM320 16v136H160V16h160zM160 472V168h160v304H160zm224-336V88h16v48h-16zm8 80c-17.673 0-32-14.327-32-32s14.327-32 32-32 32 14.327 32 32-14.327 32-32 32z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category