fuel icon
fuel-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- fuel-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All fuel icons →More ui icons from Reicon
Use the fuel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 13.087c0-2.096 0-3.145.553-3.94C3 8.506 3.718 8.157 5 7.681v-.62c0-1.306 0-1.958.338-2.408q.132-.175.302-.308C6.08 4 6.72 4 8 4h.818c.507 0 .761 0 .97.057a1.65 1.65 0 0 1 1.156 1.18l.072.293l3.002-1.07c3.636-1.298 5.454-1.947 6.718-1.032C22 4.342 22 6.305 22 10.233v5.65c0 2.884 0 4.326-.879 5.221C20.243 22 18.828 22 16 22H8c-2.828 0-4.243 0-5.121-.896C2 20.21 2 18.767 2 15.884zm5.47-2.557a.75.75 0 1 1 1.06-1.06l1.5 1.5q.058.058.1.123C10.564 11 11.156 11 12 11c.831 0 1.418 0 1.85.09l1.62-1.62a.75.75 0 1 1 1.06 1.06l-1.62 1.62c.09.432.09 1.019.09 1.85s0 1.418-.09 1.85l1.62 1.62a.75.75 0 1 1-1.06 1.06l-1.62-1.62c-.432.09-1.019.09-1.85.09s-1.418 0-1.85-.09l-1.62 1.62a.75.75 0 0 1-1.06-1.06l1.62-1.62C9 15.418 9 14.831 9 14c0-.844 0-1.436.093-1.87a1 1 0 0 1-.123-.1z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconFuelFilled(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" fillRule="evenodd" d="M2 13.087c0-2.096 0-3.145.553-3.94C3 8.506 3.718 8.157 5 7.681v-.62c0-1.306 0-1.958.338-2.408q.132-.175.302-.308C6.08 4 6.72 4 8 4h.818c.507 0 .761 0 .97.057a1.65 1.65 0 0 1 1.156 1.18l.072.293l3.002-1.07c3.636-1.298 5.454-1.947 6.718-1.032C22 4.342 22 6.305 22 10.233v5.65c0 2.884 0 4.326-.879 5.221C20.243 22 18.828 22 16 22H8c-2.828 0-4.243 0-5.121-.896C2 20.21 2 18.767 2 15.884zm5.47-2.557a.75.75 0 1 1 1.06-1.06l1.5 1.5q.058.058.1.123C10.564 11 11.156 11 12 11c.831 0 1.418 0 1.85.09l1.62-1.62a.75.75 0 1 1 1.06 1.06l-1.62 1.62c.09.432.09 1.019.09 1.85s0 1.418-.09 1.85l1.62 1.62a.75.75 0 1 1-1.06 1.06l-1.62-1.62c-.432.09-1.019.09-1.85.09s-1.418 0-1.85-.09l-1.62 1.62a.75.75 0 0 1-1.06-1.06l1.62-1.62C9 15.418 9 14.831 9 14c0-.844 0-1.436.093-1.87a1 1 0 0 1-.123-.1z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 13.087c0-2.096 0-3.145.553-3.94C3 8.506 3.718 8.157 5 7.681v-.62c0-1.306 0-1.958.338-2.408q.132-.175.302-.308C6.08 4 6.72 4 8 4h.818c.507 0 .761 0 .97.057a1.65 1.65 0 0 1 1.156 1.18l.072.293l3.002-1.07c3.636-1.298 5.454-1.947 6.718-1.032C22 4.342 22 6.305 22 10.233v5.65c0 2.884 0 4.326-.879 5.221C20.243 22 18.828 22 16 22H8c-2.828 0-4.243 0-5.121-.896C2 20.21 2 18.767 2 15.884zm5.47-2.557a.75.75 0 1 1 1.06-1.06l1.5 1.5q.058.058.1.123C10.564 11 11.156 11 12 11c.831 0 1.418 0 1.85.09l1.62-1.62a.75.75 0 1 1 1.06 1.06l-1.62 1.62c.09.432.09 1.019.09 1.85s0 1.418-.09 1.85l1.62 1.62a.75.75 0 1 1-1.06 1.06l-1.62-1.62c-.432.09-1.019.09-1.85.09s-1.418 0-1.85-.09l-1.62 1.62a.75.75 0 0 1-1.06-1.06l1.62-1.62C9 15.418 9 14.831 9 14c0-.844 0-1.436.093-1.87a1 1 0 0 1-.123-.1z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-fuel-filled {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2013.087c0-2.096%200-3.145.553-3.94C3%208.506%203.718%208.157%205%207.681v-.62c0-1.306%200-1.958.338-2.408q.132-.175.302-.308C6.08%204%206.72%204%208%204h.818c.507%200%20.761%200%20.97.057a1.65%201.65%200%200%201%201.156%201.18l.072.293l3.002-1.07c3.636-1.298%205.454-1.947%206.718-1.032C22%204.342%2022%206.305%2022%2010.233v5.65c0%202.884%200%204.326-.879%205.221C20.243%2022%2018.828%2022%2016%2022H8c-2.828%200-4.243%200-5.121-.896C2%2020.21%202%2018.767%202%2015.884zm5.47-2.557a.75.75%200%201%201%201.06-1.06l1.5%201.5q.058.058.1.123C10.564%2011%2011.156%2011%2012%2011c.831%200%201.418%200%201.85.09l1.62-1.62a.75.75%200%201%201%201.06%201.06l-1.62%201.62c.09.432.09%201.019.09%201.85s0%201.418-.09%201.85l1.62%201.62a.75.75%200%201%201-1.06%201.06l-1.62-1.62c-.432.09-1.019.09-1.85.09s-1.418%200-1.85-.09l-1.62%201.62a.75.75%200%200%201-1.06-1.06l1.62-1.62C9%2015.418%209%2014.831%209%2014c0-.844%200-1.436.093-1.87a1%201%200%200%201-.123-.1z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M2%2013.087c0-2.096%200-3.145.553-3.94C3%208.506%203.718%208.157%205%207.681v-.62c0-1.306%200-1.958.338-2.408q.132-.175.302-.308C6.08%204%206.72%204%208%204h.818c.507%200%20.761%200%20.97.057a1.65%201.65%200%200%201%201.156%201.18l.072.293l3.002-1.07c3.636-1.298%205.454-1.947%206.718-1.032C22%204.342%2022%206.305%2022%2010.233v5.65c0%202.884%200%204.326-.879%205.221C20.243%2022%2018.828%2022%2016%2022H8c-2.828%200-4.243%200-5.121-.896C2%2020.21%202%2018.767%202%2015.884zm5.47-2.557a.75.75%200%201%201%201.06-1.06l1.5%201.5q.058.058.1.123C10.564%2011%2011.156%2011%2012%2011c.831%200%201.418%200%201.85.09l1.62-1.62a.75.75%200%201%201%201.06%201.06l-1.62%201.62c.09.432.09%201.019.09%201.85s0%201.418-.09%201.85l1.62%201.62a.75.75%200%201%201-1.06%201.06l-1.62-1.62c-.432.09-1.019.09-1.85.09s-1.418%200-1.85-.09l-1.62%201.62a.75.75%200%200%201-1.06-1.06l1.62-1.62C9%2015.418%209%2014.831%209%2014c0-.844%200-1.436.093-1.87a1%201%200%200%201-.123-.1z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/fuel-filled.svg?color=%231a73e8&size=48
