fuel pump emoji
fuel-pump from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- fuel-pump
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More travel places icons from OpenMoji
Use the fuel pump emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path fill="#d0cfce" d="M15 16h20v40H15z"/><path fill="#ea5a47" d="M35 46V36h28v10"/><path fill="#d0cfce" d="M63 46v10H35V46"/><path fill="#92d3f5" d="M20 21h9v5h-9z"/><path fill="#d0cfce" d="M35 18h17v10H35z"/></g><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M15 16h20v40H15zm20 30V36h28v10m0 0v10H35V46"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M20 21h9v5h-9zm15-3h17v10H35zm6 3h5m-5 3h5M10 34v-4l-1-2"/><path d="M8 37v-3.04c0-.528.45-.96 1-.96h2c.55 0 1 .432 1 .96V37m1 1c0 .55-.337 1-.75 1h-4.5c-.412 0-.75-.45-.75-1s.338-1 .75-1h4.5c.412 0 .75.45.75 1"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M12 52c-4-6-1-7-2-14"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiFuelPump(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path fill="#d0cfce" d="M15 16h20v40H15z"/><path fill="#ea5a47" d="M35 46V36h28v10"/><path fill="#d0cfce" d="M63 46v10H35V46"/><path fill="#92d3f5" d="M20 21h9v5h-9z"/><path fill="#d0cfce" d="M35 18h17v10H35z"/></g><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M15 16h20v40H15zm20 30V36h28v10m0 0v10H35V46"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M20 21h9v5h-9zm15-3h17v10H35zm6 3h5m-5 3h5M10 34v-4l-1-2"/><path d="M8 37v-3.04c0-.528.45-.96 1-.96h2c.55 0 1 .432 1 .96V37m1 1c0 .55-.337 1-.75 1h-4.5c-.412 0-.75-.45-.75-1s.338-1 .75-1h4.5c.412 0 .75.45.75 1"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M12 52c-4-6-1-7-2-14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path fill="#d0cfce" d="M15 16h20v40H15z"/><path fill="#ea5a47" d="M35 46V36h28v10"/><path fill="#d0cfce" d="M63 46v10H35V46"/><path fill="#92d3f5" d="M20 21h9v5h-9z"/><path fill="#d0cfce" d="M35 18h17v10H35z"/></g><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M15 16h20v40H15zm20 30V36h28v10m0 0v10H35V46"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M20 21h9v5h-9zm15-3h17v10H35zm6 3h5m-5 3h5M10 34v-4l-1-2"/><path d="M8 37v-3.04c0-.528.45-.96 1-.96h2c.55 0 1 .432 1 .96V37m1 1c0 .55-.337 1-.75 1h-4.5c-.412 0-.75-.45-.75-1s.338-1 .75-1h4.5c.412 0 .75.45.75 1"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M12 52c-4-6-1-7-2-14"/></svg> </template>
CSS
.icon-fuel-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%2072%2072%22%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M15%2016h20v40H15z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M35%2046V36h28v10%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M63%2046v10H35V46%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M20%2021h9v5h-9z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M35%2018h17v10H35z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M15%2016h20v40H15zm20%2030V36h28v10m0%200v10H35V46%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M20%2021h9v5h-9zm15-3h17v10H35zm6%203h5m-5%203h5M10%2034v-4l-1-2%22%2F%3E%3Cpath%20d%3D%22M8%2037v-3.04c0-.528.45-.96%201-.96h2c.55%200%201%20.432%201%20.96V37m1%201c0%20.55-.337%201-.75%201h-4.5c-.412%200-.75-.45-.75-1s.338-1%20.75-1h4.5c.412%200%20.75.45.75%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M12%2052c-4-6-1-7-2-14%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%2072%2072%22%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M15%2016h20v40H15z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M35%2046V36h28v10%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M63%2046v10H35V46%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M20%2021h9v5h-9z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M35%2018h17v10H35z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M15%2016h20v40H15zm20%2030V36h28v10m0%200v10H35V46%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M20%2021h9v5h-9zm15-3h17v10H35zm6%203h5m-5%203h5M10%2034v-4l-1-2%22%2F%3E%3Cpath%20d%3D%22M8%2037v-3.04c0-.528.45-.96%201-.96h2c.55%200%201%20.432%201%20.96V37m1%201c0%20.55-.337%201-.75%201h-4.5c-.412%200-.75-.45-.75-1s.338-1%20.75-1h4.5c.412%200%20.75.45.75%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M12%2052c-4-6-1-7-2-14%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/fuel-pump.svg?color=%231a73e8&size=48
