gas pump icon
gas-pump from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- gas-pump
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-gas-pump
The same icon in other sets
Use the gas pump icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.616 6.48l.014-.017l-4-3.24l-1.26 1.554l2.067 1.674a2.99 2.99 0 0 0-1.395 3.058c.149.899.766 1.676 1.565 2.112c.897.49 1.685.446 2.384.197L18.976 18a.996.996 0 0 1-1.39.922a1 1 0 0 1-.318-.217a1 1 0 0 1-.291-.705L17 16a2.98 2.98 0 0 0-.877-2.119A3 3 0 0 0 14 13h-1V5c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h7c1.103 0 2-.897 2-2v-4h1q.205 0 .391.078a1.03 1.03 0 0 1 .531.533A1 1 0 0 1 15 16l-.024 2c0 .406.079.799.236 1.168c.151.359.368.68.641.951a2.97 2.97 0 0 0 2.123.881q.611 0 1.168-.236c.358-.15.68-.367.951-.641A2.98 2.98 0 0 0 20.976 18L21 9a3 3 0 0 0-1.384-2.52M4 5h7l.001 4H4zm0 14v-8h7.001l.001 8zm14-9a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
React
import type { SVGProps } from "react";
export function BxGasPump(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="m19.616 6.48l.014-.017l-4-3.24l-1.26 1.554l2.067 1.674a2.99 2.99 0 0 0-1.395 3.058c.149.899.766 1.676 1.565 2.112c.897.49 1.685.446 2.384.197L18.976 18a.996.996 0 0 1-1.39.922a1 1 0 0 1-.318-.217a1 1 0 0 1-.291-.705L17 16a2.98 2.98 0 0 0-.877-2.119A3 3 0 0 0 14 13h-1V5c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h7c1.103 0 2-.897 2-2v-4h1q.205 0 .391.078a1.03 1.03 0 0 1 .531.533A1 1 0 0 1 15 16l-.024 2c0 .406.079.799.236 1.168c.151.359.368.68.641.951a2.97 2.97 0 0 0 2.123.881q.611 0 1.168-.236c.358-.15.68-.367.951-.641A2.98 2.98 0 0 0 20.976 18L21 9a3 3 0 0 0-1.384-2.52M4 5h7l.001 4H4zm0 14v-8h7.001l.001 8zm14-9a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.616 6.48l.014-.017l-4-3.24l-1.26 1.554l2.067 1.674a2.99 2.99 0 0 0-1.395 3.058c.149.899.766 1.676 1.565 2.112c.897.49 1.685.446 2.384.197L18.976 18a.996.996 0 0 1-1.39.922a1 1 0 0 1-.318-.217a1 1 0 0 1-.291-.705L17 16a2.98 2.98 0 0 0-.877-2.119A3 3 0 0 0 14 13h-1V5c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h7c1.103 0 2-.897 2-2v-4h1q.205 0 .391.078a1.03 1.03 0 0 1 .531.533A1 1 0 0 1 15 16l-.024 2c0 .406.079.799.236 1.168c.151.359.368.68.641.951a2.97 2.97 0 0 0 2.123.881q.611 0 1.168-.236c.358-.15.68-.367.951-.641A2.98 2.98 0 0 0 20.976 18L21 9a3 3 0 0 0-1.384-2.52M4 5h7l.001 4H4zm0 14v-8h7.001l.001 8zm14-9a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg> </template>
CSS
.icon-gas-pump {
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%22m19.616%206.48l.014-.017l-4-3.24l-1.26%201.554l2.067%201.674a2.99%202.99%200%200%200-1.395%203.058c.149.899.766%201.676%201.565%202.112c.897.49%201.685.446%202.384.197L18.976%2018a.996.996%200%200%201-1.39.922a1%201%200%200%201-.318-.217a1%201%200%200%201-.291-.705L17%2016a2.98%202.98%200%200%200-.877-2.119A3%203%200%200%200%2014%2013h-1V5c0-1.103-.897-2-2-2H4c-1.103%200-2%20.897-2%202v14c0%201.103.897%202%202%202h7c1.103%200%202-.897%202-2v-4h1q.205%200%20.391.078a1.03%201.03%200%200%201%20.531.533A1%201%200%200%201%2015%2016l-.024%202c0%20.406.079.799.236%201.168c.151.359.368.68.641.951a2.97%202.97%200%200%200%202.123.881q.611%200%201.168-.236c.358-.15.68-.367.951-.641A2.98%202.98%200%200%200%2020.976%2018L21%209a3%203%200%200%200-1.384-2.52M4%205h7l.001%204H4zm0%2014v-8h7.001l.001%208zm14-9a1%201%200%201%201%200-2a1%201%200%200%201%200%202%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%22m19.616%206.48l.014-.017l-4-3.24l-1.26%201.554l2.067%201.674a2.99%202.99%200%200%200-1.395%203.058c.149.899.766%201.676%201.565%202.112c.897.49%201.685.446%202.384.197L18.976%2018a.996.996%200%200%201-1.39.922a1%201%200%200%201-.318-.217a1%201%200%200%201-.291-.705L17%2016a2.98%202.98%200%200%200-.877-2.119A3%203%200%200%200%2014%2013h-1V5c0-1.103-.897-2-2-2H4c-1.103%200-2%20.897-2%202v14c0%201.103.897%202%202%202h7c1.103%200%202-.897%202-2v-4h1q.205%200%20.391.078a1.03%201.03%200%200%201%20.531.533A1%201%200%200%201%2015%2016l-.024%202c0%20.406.079.799.236%201.168c.151.359.368.68.641.951a2.97%202.97%200%200%200%202.123.881q.611%200%201.168-.236c.358-.15.68-.367.951-.641A2.98%202.98%200%200%200%2020.976%2018L21%209a3%203%200%200%200-1.384-2.52M4%205h7l.001%204H4zm0%2014v-8h7.001l.001%208zm14-9a1%201%200%201%201%200-2a1%201%200%200%201%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/gas-pump.svg?color=%231a73e8&size=48
