gas station icon

gas-station-broken from Solar by 480 Design · Broken · Parts · CC-BY-4.0 Attribution required.

Name
gas-station-broken
Set
Solar
Style
Broken
Category
Parts
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

gas-station-boldgas-station-bold-duotonegas-station-line-duotonegas-station-lineargas-station-outline

The same icon in other sets

gas-stationCarbongas-stationMaterial Design Iconsgas-station-fillMingCute Icongas-station-fillRemix Icongas-stationTabler Icons

More parts icons from Solar

bus-boldcar-battery-boldcar-boldelectric-refueling-boldkick-scooter-boldscooter-boldshock-absorber-boldspeedometer-low-boldspeedometer-max-boldspeedometer-middle-boldsuspension-boldsuspension-bolt-boldsuspension-cross-boldtram-boldtransmission-boldtransmission-circle-boldtransmission-square-boldwheel-angle-boldwheel-bold

Use the gas station icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M11 6H8C7.05719 6 6.58579 6 6.29289 6.29289C6 6.58579 6 7.05719 6 8C6 8.94281 6 9.41421 6.29289 9.70711C6.58579 10 7.05719 10 8 10H11C11.9428 10 12.4142 10 12.7071 9.70711C13 9.41421 13 8.94281 13 8C13 7.05719 13 6.58579 12.7071 6.29289C12.4142 6 11.9428 6 11 6Z"/><path stroke-linecap="round" d="M7 17H12"/><path stroke-linecap="round" d="M17 22H2"/><path stroke-linecap="round" d="M19.5 4L20.7331 4.98647C20.8709 5.09673 20.9398 5.15186 21.0025 5.20805C21.5937 5.73807 21.9508 6.48086 21.9953 7.27364C22 7.35769 22 7.44594 22 7.62244V18.5C22 19.3284 21.3284 20 20.5 20C19.6716 20 19 19.3284 19 18.5V18.4286C19 17.6396 18.3604 17 17.5714 17H16"/><path stroke-linecap="round" d="M22 8H20.5C19.6716 8 19 8.67157 19 9.5V11.9189C19 12.5645 19.4131 13.1377 20.0257 13.3419L22 14"/><path stroke-linecap="round" d="M16 22V15M3 22V18M3 14V8C3 5.17157 3 3.75736 3.87868 2.87868C4.75736 2 6.17157 2 9 2H10C12.8284 2 14.2426 2 15.1213 2.87868C16 3.75736 16 5.17157 16 8V11"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarGasStationBroken(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M11 6H8C7.05719 6 6.58579 6 6.29289 6.29289C6 6.58579 6 7.05719 6 8C6 8.94281 6 9.41421 6.29289 9.70711C6.58579 10 7.05719 10 8 10H11C11.9428 10 12.4142 10 12.7071 9.70711C13 9.41421 13 8.94281 13 8C13 7.05719 13 6.58579 12.7071 6.29289C12.4142 6 11.9428 6 11 6Z"/><path strokeLinecap="round" d="M7 17H12"/><path strokeLinecap="round" d="M17 22H2"/><path strokeLinecap="round" d="M19.5 4L20.7331 4.98647C20.8709 5.09673 20.9398 5.15186 21.0025 5.20805C21.5937 5.73807 21.9508 6.48086 21.9953 7.27364C22 7.35769 22 7.44594 22 7.62244V18.5C22 19.3284 21.3284 20 20.5 20C19.6716 20 19 19.3284 19 18.5V18.4286C19 17.6396 18.3604 17 17.5714 17H16"/><path strokeLinecap="round" d="M22 8H20.5C19.6716 8 19 8.67157 19 9.5V11.9189C19 12.5645 19.4131 13.1377 20.0257 13.3419L22 14"/><path strokeLinecap="round" d="M16 22V15M3 22V18M3 14V8C3 5.17157 3 3.75736 3.87868 2.87868C4.75736 2 6.17157 2 9 2H10C12.8284 2 14.2426 2 15.1213 2.87868C16 3.75736 16 5.17157 16 8V11"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M11 6H8C7.05719 6 6.58579 6 6.29289 6.29289C6 6.58579 6 7.05719 6 8C6 8.94281 6 9.41421 6.29289 9.70711C6.58579 10 7.05719 10 8 10H11C11.9428 10 12.4142 10 12.7071 9.70711C13 9.41421 13 8.94281 13 8C13 7.05719 13 6.58579 12.7071 6.29289C12.4142 6 11.9428 6 11 6Z"/><path stroke-linecap="round" d="M7 17H12"/><path stroke-linecap="round" d="M17 22H2"/><path stroke-linecap="round" d="M19.5 4L20.7331 4.98647C20.8709 5.09673 20.9398 5.15186 21.0025 5.20805C21.5937 5.73807 21.9508 6.48086 21.9953 7.27364C22 7.35769 22 7.44594 22 7.62244V18.5C22 19.3284 21.3284 20 20.5 20C19.6716 20 19 19.3284 19 18.5V18.4286C19 17.6396 18.3604 17 17.5714 17H16"/><path stroke-linecap="round" d="M22 8H20.5C19.6716 8 19 8.67157 19 9.5V11.9189C19 12.5645 19.4131 13.1377 20.0257 13.3419L22 14"/><path stroke-linecap="round" d="M16 22V15M3 22V18M3 14V8C3 5.17157 3 3.75736 3.87868 2.87868C4.75736 2 6.17157 2 9 2H10C12.8284 2 14.2426 2 15.1213 2.87868C16 3.75736 16 5.17157 16 8V11"/></g></svg>
</template>

CSS

.icon-gas-station-broken {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M11%206H8C7.05719%206%206.58579%206%206.29289%206.29289C6%206.58579%206%207.05719%206%208C6%208.94281%206%209.41421%206.29289%209.70711C6.58579%2010%207.05719%2010%208%2010H11C11.9428%2010%2012.4142%2010%2012.7071%209.70711C13%209.41421%2013%208.94281%2013%208C13%207.05719%2013%206.58579%2012.7071%206.29289C12.4142%206%2011.9428%206%2011%206Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2017H12%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2022H2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19.5%204L20.7331%204.98647C20.8709%205.09673%2020.9398%205.15186%2021.0025%205.20805C21.5937%205.73807%2021.9508%206.48086%2021.9953%207.27364C22%207.35769%2022%207.44594%2022%207.62244V18.5C22%2019.3284%2021.3284%2020%2020.5%2020C19.6716%2020%2019%2019.3284%2019%2018.5V18.4286C19%2017.6396%2018.3604%2017%2017.5714%2017H16%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%208H20.5C19.6716%208%2019%208.67157%2019%209.5V11.9189C19%2012.5645%2019.4131%2013.1377%2020.0257%2013.3419L22%2014%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16%2022V15M3%2022V18M3%2014V8C3%205.17157%203%203.75736%203.87868%202.87868C4.75736%202%206.17157%202%209%202H10C12.8284%202%2014.2426%202%2015.1213%202.87868C16%203.75736%2016%205.17157%2016%208V11%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M11%206H8C7.05719%206%206.58579%206%206.29289%206.29289C6%206.58579%206%207.05719%206%208C6%208.94281%206%209.41421%206.29289%209.70711C6.58579%2010%207.05719%2010%208%2010H11C11.9428%2010%2012.4142%2010%2012.7071%209.70711C13%209.41421%2013%208.94281%2013%208C13%207.05719%2013%206.58579%2012.7071%206.29289C12.4142%206%2011.9428%206%2011%206Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2017H12%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2022H2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19.5%204L20.7331%204.98647C20.8709%205.09673%2020.9398%205.15186%2021.0025%205.20805C21.5937%205.73807%2021.9508%206.48086%2021.9953%207.27364C22%207.35769%2022%207.44594%2022%207.62244V18.5C22%2019.3284%2021.3284%2020%2020.5%2020C19.6716%2020%2019%2019.3284%2019%2018.5V18.4286C19%2017.6396%2018.3604%2017%2017.5714%2017H16%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M22%208H20.5C19.6716%208%2019%208.67157%2019%209.5V11.9189C19%2012.5645%2019.4131%2013.1377%2020.0257%2013.3419L22%2014%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16%2022V15M3%2022V18M3%2014V8C3%205.17157%203%203.75736%203.87868%202.87868C4.75736%202%206.17157%202%209%202H10C12.8284%202%2014.2426%202%2015.1213%202.87868C16%203.75736%2016%205.17157%2016%208V11%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/gas-station-broken.svg?color=%231a73e8&size=48