gas can icon

gas-can-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
gas-can-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

gas-cangas-can-boldgas-can-duotonegas-can-lightgas-can-thin

Related icons in Phosphor

gas-pump

Use the gas can icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 24h-76.69A15.86 15.86 0 0 0 112 28.69L101.66 39L91.31 28.69a16 16 0 0 0-22.62 0l-24 24a16 16 0 0 0 0 22.62L55 85.66L44.69 96A15.86 15.86 0 0 0 40 107.31V216a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V40a16 16 0 0 0-16-16M56 64l24-24l10.34 10.34l-24 24Zm124.8 121.6a8 8 0 1 1-9.6 12.8L128 166l-43.2 32.4a8 8 0 0 1-9.6-12.8l39.47-29.6l-39.47-29.6a8 8 0 0 1 9.6-12.8L128 146l43.2-32.4a8 8 0 0 1 9.6 12.8L141.33 156ZM176 72h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16"/></svg>

React

import type { SVGProps } from "react";

export function PhGasCanFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 24h-76.69A15.86 15.86 0 0 0 112 28.69L101.66 39L91.31 28.69a16 16 0 0 0-22.62 0l-24 24a16 16 0 0 0 0 22.62L55 85.66L44.69 96A15.86 15.86 0 0 0 40 107.31V216a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V40a16 16 0 0 0-16-16M56 64l24-24l10.34 10.34l-24 24Zm124.8 121.6a8 8 0 1 1-9.6 12.8L128 166l-43.2 32.4a8 8 0 0 1-9.6-12.8l39.47-29.6l-39.47-29.6a8 8 0 0 1 9.6-12.8L128 146l43.2-32.4a8 8 0 0 1 9.6 12.8L141.33 156ZM176 72h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M200 24h-76.69A15.86 15.86 0 0 0 112 28.69L101.66 39L91.31 28.69a16 16 0 0 0-22.62 0l-24 24a16 16 0 0 0 0 22.62L55 85.66L44.69 96A15.86 15.86 0 0 0 40 107.31V216a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V40a16 16 0 0 0-16-16M56 64l24-24l10.34 10.34l-24 24Zm124.8 121.6a8 8 0 1 1-9.6 12.8L128 166l-43.2 32.4a8 8 0 0 1-9.6-12.8l39.47-29.6l-39.47-29.6a8 8 0 0 1 9.6-12.8L128 146l43.2-32.4a8 8 0 0 1 9.6 12.8L141.33 156ZM176 72h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16"/></svg>
</template>

CSS

.icon-gas-can-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M200%2024h-76.69A15.86%2015.86%200%200%200%20112%2028.69L101.66%2039L91.31%2028.69a16%2016%200%200%200-22.62%200l-24%2024a16%2016%200%200%200%200%2022.62L55%2085.66L44.69%2096A15.86%2015.86%200%200%200%2040%20107.31V216a16%2016%200%200%200%2016%2016h144a16%2016%200%200%200%2016-16V40a16%2016%200%200%200-16-16M56%2064l24-24l10.34%2010.34l-24%2024Zm124.8%20121.6a8%208%200%201%201-9.6%2012.8L128%20166l-43.2%2032.4a8%208%200%200%201-9.6-12.8l39.47-29.6l-39.47-29.6a8%208%200%200%201%209.6-12.8L128%20146l43.2-32.4a8%208%200%200%201%209.6%2012.8L141.33%20156ZM176%2072h-40a8%208%200%200%201%200-16h40a8%208%200%200%201%200%2016%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M200%2024h-76.69A15.86%2015.86%200%200%200%20112%2028.69L101.66%2039L91.31%2028.69a16%2016%200%200%200-22.62%200l-24%2024a16%2016%200%200%200%200%2022.62L55%2085.66L44.69%2096A15.86%2015.86%200%200%200%2040%20107.31V216a16%2016%200%200%200%2016%2016h144a16%2016%200%200%200%2016-16V40a16%2016%200%200%200-16-16M56%2064l24-24l10.34%2010.34l-24%2024Zm124.8%20121.6a8%208%200%201%201-9.6%2012.8L128%20166l-43.2%2032.4a8%208%200%200%201-9.6-12.8l39.47-29.6l-39.47-29.6a8%208%200%200%201%209.6-12.8L128%20146l43.2-32.4a8%208%200%200%201%209.6%2012.8L141.33%20156ZM176%2072h-40a8%208%200%200%201%200-16h40a8%208%200%200%201%200%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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