gas can icon

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

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

5 other variants in Phosphor

gas-can-boldgas-can-duotonegas-can-fillgas-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 24Zm144 152H56V107.31l16-16L123.31 40H200ZM128 64a8 8 0 0 1 8-8h40a8 8 0 0 1 0 16h-40a8 8 0 0 1-8-8m52.8 62.4L141.33 156l39.47 29.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.8"/></svg>

React

import type { SVGProps } from "react";

export function PhGasCan(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 24Zm144 152H56V107.31l16-16L123.31 40H200ZM128 64a8 8 0 0 1 8-8h40a8 8 0 0 1 0 16h-40a8 8 0 0 1-8-8m52.8 62.4L141.33 156l39.47 29.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.8"/></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 24Zm144 152H56V107.31l16-16L123.31 40H200ZM128 64a8 8 0 0 1 8-8h40a8 8 0 0 1 0 16h-40a8 8 0 0 1-8-8m52.8 62.4L141.33 156l39.47 29.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.8"/></svg>
</template>

CSS

.icon-gas-can {
  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%2024Zm144%20152H56V107.31l16-16L123.31%2040H200ZM128%2064a8%208%200%200%201%208-8h40a8%208%200%200%201%200%2016h-40a8%208%200%200%201-8-8m52.8%2062.4L141.33%20156l39.47%2029.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.8%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%2024Zm144%20152H56V107.31l16-16L123.31%2040H200ZM128%2064a8%208%200%200%201%208-8h40a8%208%200%200%201%200%2016h-40a8%208%200%200%201-8-8m52.8%2062.4L141.33%20156l39.47%2029.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.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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