gas station off icon

gas-station-off from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name
gas-station-off
Set
Material Design Icons
Style
Filled
Viewbox
24×24
License
Apache 2.0

1 other variant in Material Design Icons

gas-station-off-outline

The same icon in other sets

gas-station-offTabler Icons

Related icons in Material Design Icons

gas-burnergas-cylindergas-stationgas-station-in-use

Use the gas station off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 4.27L2.28 3L21 21.72L19.73 23l-2.02-2a2.57 2.57 0 0 1-2.21-2.22L14 17.27V21H4V7.27zM18 10c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1m-6 0V5H6.82L5.06 3.23c.28-.15.6-.23.94-.23h6a2 2 0 0 1 2 2v7h1a2 2 0 0 1 2 2v1.18L11.82 10zm-6 0h.73L6 9.27zm13.77-2.77c.45.45.73 1.08.73 1.77v9.67L19 17.18v-5.89c-.31.13-.64.21-1 .21A2.5 2.5 0 0 1 15.5 9c0-1.07.67-1.97 1.61-2.33L15 4.56l1.06-1.06l3.72 3.72z"/></svg>

React

import type { SVGProps } from "react";

export function MdiGasStationOff(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 4.27L2.28 3L21 21.72L19.73 23l-2.02-2a2.57 2.57 0 0 1-2.21-2.22L14 17.27V21H4V7.27zM18 10c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1m-6 0V5H6.82L5.06 3.23c.28-.15.6-.23.94-.23h6a2 2 0 0 1 2 2v7h1a2 2 0 0 1 2 2v1.18L11.82 10zm-6 0h.73L6 9.27zm13.77-2.77c.45.45.73 1.08.73 1.77v9.67L19 17.18v-5.89c-.31.13-.64.21-1 .21A2.5 2.5 0 0 1 15.5 9c0-1.07.67-1.97 1.61-2.33L15 4.56l1.06-1.06l3.72 3.72z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 4.27L2.28 3L21 21.72L19.73 23l-2.02-2a2.57 2.57 0 0 1-2.21-2.22L14 17.27V21H4V7.27zM18 10c.55 0 1-.45 1-1s-.45-1-1-1s-1 .45-1 1s.45 1 1 1m-6 0V5H6.82L5.06 3.23c.28-.15.6-.23.94-.23h6a2 2 0 0 1 2 2v7h1a2 2 0 0 1 2 2v1.18L11.82 10zm-6 0h.73L6 9.27zm13.77-2.77c.45.45.73 1.08.73 1.77v9.67L19 17.18v-5.89c-.31.13-.64.21-1 .21A2.5 2.5 0 0 1 15.5 9c0-1.07.67-1.97 1.61-2.33L15 4.56l1.06-1.06l3.72 3.72z"/></svg>
</template>

CSS

.icon-gas-station-off {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%204.27L2.28%203L21%2021.72L19.73%2023l-2.02-2a2.57%202.57%200%200%201-2.21-2.22L14%2017.27V21H4V7.27zM18%2010c.55%200%201-.45%201-1s-.45-1-1-1s-1%20.45-1%201s.45%201%201%201m-6%200V5H6.82L5.06%203.23c.28-.15.6-.23.94-.23h6a2%202%200%200%201%202%202v7h1a2%202%200%200%201%202%202v1.18L11.82%2010zm-6%200h.73L6%209.27zm13.77-2.77c.45.45.73%201.08.73%201.77v9.67L19%2017.18v-5.89c-.31.13-.64.21-1%20.21A2.5%202.5%200%200%201%2015.5%209c0-1.07.67-1.97%201.61-2.33L15%204.56l1.06-1.06l3.72%203.72z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%204.27L2.28%203L21%2021.72L19.73%2023l-2.02-2a2.57%202.57%200%200%201-2.21-2.22L14%2017.27V21H4V7.27zM18%2010c.55%200%201-.45%201-1s-.45-1-1-1s-1%20.45-1%201s.45%201%201%201m-6%200V5H6.82L5.06%203.23c.28-.15.6-.23.94-.23h6a2%202%200%200%201%202%202v7h1a2%202%200%200%201%202%202v1.18L11.82%2010zm-6%200h.73L6%209.27zm13.77-2.77c.45.45.73%201.08.73%201.77v9.67L19%2017.18v-5.89c-.31.13-.64.21-1%20.21A2.5%202.5%200%200%201%2015.5%209c0-1.07.67-1.97%201.61-2.33L15%204.56l1.06-1.06l3.72%203.72z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Gas Station Off filled icon — Material Design Icons · IconsDB