fuel icon
fuel from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- fuel
- Set
- Reicon
- Style
- Outline
- 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"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.95 10.25h.1c.664 0 1.237 0 1.696.061c.243.033.48.086.705.177l.019-.018l1-1a.75.75 0 1 1 1.06 1.06l-1 1l-.018.018c.09.225.144.463.176.706c.062.459.062 1.032.062 1.696v.1c0 .664 0 1.237-.062 1.696a3 3 0 0 1-.177.705l.02.018l1 1a.75.75 0 1 1-1.061 1.061l-1-1l-.007-.007l-.011-.012a3 3 0 0 1-.706.177c-.459.062-1.032.062-1.697.062h-.098c-.665 0-1.238 0-1.697-.062a3 3 0 0 1-.705-.177l-.019.02l-1 1a.75.75 0 0 1-1.06-1.061l1-1l.018-.019a3 3 0 0 1-.176-.705c-.062-.46-.062-1.032-.062-1.697v-.099c0-.664 0-1.237.062-1.696c.032-.243.085-.481.177-.706l-.02-.018l-1-1A.75.75 0 1 1 8.53 9.47l1 1l.019.018a3 3 0 0 1 .705-.177c.459-.061 1.032-.061 1.697-.061m-1.496 1.548c-.325.044-.427.114-.484.172s-.128.159-.172.484c-.046.347-.048.817-.048 1.546c0 .728.002 1.199.048 1.546c.044.325.115.427.172.484s.159.128.484.172c.347.046.818.048 1.546.048s1.2-.002 1.546-.048c.325-.044.427-.115.484-.172s.128-.159.172-.484c.046-.347.048-.818.048-1.546s-.002-1.2-.048-1.546c-.044-.325-.115-.427-.172-.485s-.159-.127-.484-.171c-.347-.047-.818-.048-1.546-.048s-1.2.001-1.546.048"/><path d="M18.122 2.378c1.153-.227 2.175-.193 3.053.442c.875.632 1.24 1.596 1.41 2.773c.165 1.15.165 2.666.165 4.576v5.768c0 1.396 0 2.518-.116 3.4c-.12.913-.378 1.681-.977 2.292c-.602.613-1.36.878-2.263 1.002c-.868.119-1.971.119-3.338.119H7.944c-1.367 0-2.47 0-3.338-.12c-.902-.123-1.661-.388-2.263-1c-.6-.612-.856-1.38-.977-2.293c-.116-.882-.116-2.004-.116-3.4v-2.893c0-1.012 0-1.833.074-2.498c.077-.692.24-1.29.614-1.827c.375-.539.877-.895 1.496-1.2q.369-.18.823-.357a1 1 0 0 1-.007-.102v-.041c0-.618 0-1.142.047-1.566c.05-.447.159-.874.442-1.251q.19-.253.439-.448c.373-.292.798-.405 1.242-.456c.418-.048.934-.048 1.538-.048h.949c.419 0 .77-.001 1.078.083c.66.18 1.2.635 1.502 1.233l2.34-.835C15.594 3.1 17 2.599 18.123 2.378m.29 1.472c-1 .196-2.3.658-4.142 1.315l-8 2.855c-.987.352-1.667.596-2.174.845c-.489.24-.749.455-.927.71c-.18.258-.293.582-.354 1.137c-.064.572-.065 1.31-.065 2.375v2.796c0 1.463.002 2.486.103 3.258c.1.752.282 1.153.561 1.438c.277.283.665.466 1.396.566c.754.103 1.754.105 3.19.105h8c1.436 0 2.436-.002 3.19-.105c.731-.1 1.118-.283 1.396-.566c.28-.285.461-.686.56-1.438c.102-.772.104-1.795.104-3.258v-5.65c0-1.988-.002-3.396-.15-4.426c-.147-1.015-.414-1.49-.804-1.772c-.386-.28-.904-.378-1.885-.185m-8.367 1.23a.9.9 0 0 0-.456-.3c-.086-.024-.214-.03-.77-.03H8c-.657 0-1.087.001-1.409.038c-.306.035-.42.094-.489.147a1 1 0 0 0-.165.169c-.054.073-.114.196-.15.514a10 10 0 0 0-.036.995z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconFuel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M11.95 10.25h.1c.664 0 1.237 0 1.696.061c.243.033.48.086.705.177l.019-.018l1-1a.75.75 0 1 1 1.06 1.06l-1 1l-.018.018c.09.225.144.463.176.706c.062.459.062 1.032.062 1.696v.1c0 .664 0 1.237-.062 1.696a3 3 0 0 1-.177.705l.02.018l1 1a.75.75 0 1 1-1.061 1.061l-1-1l-.007-.007l-.011-.012a3 3 0 0 1-.706.177c-.459.062-1.032.062-1.697.062h-.098c-.665 0-1.238 0-1.697-.062a3 3 0 0 1-.705-.177l-.019.02l-1 1a.75.75 0 0 1-1.06-1.061l1-1l.018-.019a3 3 0 0 1-.176-.705c-.062-.46-.062-1.032-.062-1.697v-.099c0-.664 0-1.237.062-1.696c.032-.243.085-.481.177-.706l-.02-.018l-1-1A.75.75 0 1 1 8.53 9.47l1 1l.019.018a3 3 0 0 1 .705-.177c.459-.061 1.032-.061 1.697-.061m-1.496 1.548c-.325.044-.427.114-.484.172s-.128.159-.172.484c-.046.347-.048.817-.048 1.546c0 .728.002 1.199.048 1.546c.044.325.115.427.172.484s.159.128.484.172c.347.046.818.048 1.546.048s1.2-.002 1.546-.048c.325-.044.427-.115.484-.172s.128-.159.172-.484c.046-.347.048-.818.048-1.546s-.002-1.2-.048-1.546c-.044-.325-.115-.427-.172-.485s-.159-.127-.484-.171c-.347-.047-.818-.048-1.546-.048s-1.2.001-1.546.048"/><path d="M18.122 2.378c1.153-.227 2.175-.193 3.053.442c.875.632 1.24 1.596 1.41 2.773c.165 1.15.165 2.666.165 4.576v5.768c0 1.396 0 2.518-.116 3.4c-.12.913-.378 1.681-.977 2.292c-.602.613-1.36.878-2.263 1.002c-.868.119-1.971.119-3.338.119H7.944c-1.367 0-2.47 0-3.338-.12c-.902-.123-1.661-.388-2.263-1c-.6-.612-.856-1.38-.977-2.293c-.116-.882-.116-2.004-.116-3.4v-2.893c0-1.012 0-1.833.074-2.498c.077-.692.24-1.29.614-1.827c.375-.539.877-.895 1.496-1.2q.369-.18.823-.357a1 1 0 0 1-.007-.102v-.041c0-.618 0-1.142.047-1.566c.05-.447.159-.874.442-1.251q.19-.253.439-.448c.373-.292.798-.405 1.242-.456c.418-.048.934-.048 1.538-.048h.949c.419 0 .77-.001 1.078.083c.66.18 1.2.635 1.502 1.233l2.34-.835C15.594 3.1 17 2.599 18.123 2.378m.29 1.472c-1 .196-2.3.658-4.142 1.315l-8 2.855c-.987.352-1.667.596-2.174.845c-.489.24-.749.455-.927.71c-.18.258-.293.582-.354 1.137c-.064.572-.065 1.31-.065 2.375v2.796c0 1.463.002 2.486.103 3.258c.1.752.282 1.153.561 1.438c.277.283.665.466 1.396.566c.754.103 1.754.105 3.19.105h8c1.436 0 2.436-.002 3.19-.105c.731-.1 1.118-.283 1.396-.566c.28-.285.461-.686.56-1.438c.102-.772.104-1.795.104-3.258v-5.65c0-1.988-.002-3.396-.15-4.426c-.147-1.015-.414-1.49-.804-1.772c-.386-.28-.904-.378-1.885-.185m-8.367 1.23a.9.9 0 0 0-.456-.3c-.086-.024-.214-.03-.77-.03H8c-.657 0-1.087.001-1.409.038c-.306.035-.42.094-.489.147a1 1 0 0 0-.165.169c-.054.073-.114.196-.15.514a10 10 0 0 0-.036.995z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.95 10.25h.1c.664 0 1.237 0 1.696.061c.243.033.48.086.705.177l.019-.018l1-1a.75.75 0 1 1 1.06 1.06l-1 1l-.018.018c.09.225.144.463.176.706c.062.459.062 1.032.062 1.696v.1c0 .664 0 1.237-.062 1.696a3 3 0 0 1-.177.705l.02.018l1 1a.75.75 0 1 1-1.061 1.061l-1-1l-.007-.007l-.011-.012a3 3 0 0 1-.706.177c-.459.062-1.032.062-1.697.062h-.098c-.665 0-1.238 0-1.697-.062a3 3 0 0 1-.705-.177l-.019.02l-1 1a.75.75 0 0 1-1.06-1.061l1-1l.018-.019a3 3 0 0 1-.176-.705c-.062-.46-.062-1.032-.062-1.697v-.099c0-.664 0-1.237.062-1.696c.032-.243.085-.481.177-.706l-.02-.018l-1-1A.75.75 0 1 1 8.53 9.47l1 1l.019.018a3 3 0 0 1 .705-.177c.459-.061 1.032-.061 1.697-.061m-1.496 1.548c-.325.044-.427.114-.484.172s-.128.159-.172.484c-.046.347-.048.817-.048 1.546c0 .728.002 1.199.048 1.546c.044.325.115.427.172.484s.159.128.484.172c.347.046.818.048 1.546.048s1.2-.002 1.546-.048c.325-.044.427-.115.484-.172s.128-.159.172-.484c.046-.347.048-.818.048-1.546s-.002-1.2-.048-1.546c-.044-.325-.115-.427-.172-.485s-.159-.127-.484-.171c-.347-.047-.818-.048-1.546-.048s-1.2.001-1.546.048"/><path d="M18.122 2.378c1.153-.227 2.175-.193 3.053.442c.875.632 1.24 1.596 1.41 2.773c.165 1.15.165 2.666.165 4.576v5.768c0 1.396 0 2.518-.116 3.4c-.12.913-.378 1.681-.977 2.292c-.602.613-1.36.878-2.263 1.002c-.868.119-1.971.119-3.338.119H7.944c-1.367 0-2.47 0-3.338-.12c-.902-.123-1.661-.388-2.263-1c-.6-.612-.856-1.38-.977-2.293c-.116-.882-.116-2.004-.116-3.4v-2.893c0-1.012 0-1.833.074-2.498c.077-.692.24-1.29.614-1.827c.375-.539.877-.895 1.496-1.2q.369-.18.823-.357a1 1 0 0 1-.007-.102v-.041c0-.618 0-1.142.047-1.566c.05-.447.159-.874.442-1.251q.19-.253.439-.448c.373-.292.798-.405 1.242-.456c.418-.048.934-.048 1.538-.048h.949c.419 0 .77-.001 1.078.083c.66.18 1.2.635 1.502 1.233l2.34-.835C15.594 3.1 17 2.599 18.123 2.378m.29 1.472c-1 .196-2.3.658-4.142 1.315l-8 2.855c-.987.352-1.667.596-2.174.845c-.489.24-.749.455-.927.71c-.18.258-.293.582-.354 1.137c-.064.572-.065 1.31-.065 2.375v2.796c0 1.463.002 2.486.103 3.258c.1.752.282 1.153.561 1.438c.277.283.665.466 1.396.566c.754.103 1.754.105 3.19.105h8c1.436 0 2.436-.002 3.19-.105c.731-.1 1.118-.283 1.396-.566c.28-.285.461-.686.56-1.438c.102-.772.104-1.795.104-3.258v-5.65c0-1.988-.002-3.396-.15-4.426c-.147-1.015-.414-1.49-.804-1.772c-.386-.28-.904-.378-1.885-.185m-8.367 1.23a.9.9 0 0 0-.456-.3c-.086-.024-.214-.03-.77-.03H8c-.657 0-1.087.001-1.409.038c-.306.035-.42.094-.489.147a1 1 0 0 0-.165.169c-.054.073-.114.196-.15.514a10 10 0 0 0-.036.995z"/></g></svg> </template>
CSS
.icon-fuel {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M11.95%2010.25h.1c.664%200%201.237%200%201.696.061c.243.033.48.086.705.177l.019-.018l1-1a.75.75%200%201%201%201.06%201.06l-1%201l-.018.018c.09.225.144.463.176.706c.062.459.062%201.032.062%201.696v.1c0%20.664%200%201.237-.062%201.696a3%203%200%200%201-.177.705l.02.018l1%201a.75.75%200%201%201-1.061%201.061l-1-1l-.007-.007l-.011-.012a3%203%200%200%201-.706.177c-.459.062-1.032.062-1.697.062h-.098c-.665%200-1.238%200-1.697-.062a3%203%200%200%201-.705-.177l-.019.02l-1%201a.75.75%200%200%201-1.06-1.061l1-1l.018-.019a3%203%200%200%201-.176-.705c-.062-.46-.062-1.032-.062-1.697v-.099c0-.664%200-1.237.062-1.696c.032-.243.085-.481.177-.706l-.02-.018l-1-1A.75.75%200%201%201%208.53%209.47l1%201l.019.018a3%203%200%200%201%20.705-.177c.459-.061%201.032-.061%201.697-.061m-1.496%201.548c-.325.044-.427.114-.484.172s-.128.159-.172.484c-.046.347-.048.817-.048%201.546c0%20.728.002%201.199.048%201.546c.044.325.115.427.172.484s.159.128.484.172c.347.046.818.048%201.546.048s1.2-.002%201.546-.048c.325-.044.427-.115.484-.172s.128-.159.172-.484c.046-.347.048-.818.048-1.546s-.002-1.2-.048-1.546c-.044-.325-.115-.427-.172-.485s-.159-.127-.484-.171c-.347-.047-.818-.048-1.546-.048s-1.2.001-1.546.048%22%2F%3E%3Cpath%20d%3D%22M18.122%202.378c1.153-.227%202.175-.193%203.053.442c.875.632%201.24%201.596%201.41%202.773c.165%201.15.165%202.666.165%204.576v5.768c0%201.396%200%202.518-.116%203.4c-.12.913-.378%201.681-.977%202.292c-.602.613-1.36.878-2.263%201.002c-.868.119-1.971.119-3.338.119H7.944c-1.367%200-2.47%200-3.338-.12c-.902-.123-1.661-.388-2.263-1c-.6-.612-.856-1.38-.977-2.293c-.116-.882-.116-2.004-.116-3.4v-2.893c0-1.012%200-1.833.074-2.498c.077-.692.24-1.29.614-1.827c.375-.539.877-.895%201.496-1.2q.369-.18.823-.357a1%201%200%200%201-.007-.102v-.041c0-.618%200-1.142.047-1.566c.05-.447.159-.874.442-1.251q.19-.253.439-.448c.373-.292.798-.405%201.242-.456c.418-.048.934-.048%201.538-.048h.949c.419%200%20.77-.001%201.078.083c.66.18%201.2.635%201.502%201.233l2.34-.835C15.594%203.1%2017%202.599%2018.123%202.378m.29%201.472c-1%20.196-2.3.658-4.142%201.315l-8%202.855c-.987.352-1.667.596-2.174.845c-.489.24-.749.455-.927.71c-.18.258-.293.582-.354%201.137c-.064.572-.065%201.31-.065%202.375v2.796c0%201.463.002%202.486.103%203.258c.1.752.282%201.153.561%201.438c.277.283.665.466%201.396.566c.754.103%201.754.105%203.19.105h8c1.436%200%202.436-.002%203.19-.105c.731-.1%201.118-.283%201.396-.566c.28-.285.461-.686.56-1.438c.102-.772.104-1.795.104-3.258v-5.65c0-1.988-.002-3.396-.15-4.426c-.147-1.015-.414-1.49-.804-1.772c-.386-.28-.904-.378-1.885-.185m-8.367%201.23a.9.9%200%200%200-.456-.3c-.086-.024-.214-.03-.77-.03H8c-.657%200-1.087.001-1.409.038c-.306.035-.42.094-.489.147a1%201%200%200%200-.165.169c-.054.073-.114.196-.15.514a10%2010%200%200%200-.036.995z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M11.95%2010.25h.1c.664%200%201.237%200%201.696.061c.243.033.48.086.705.177l.019-.018l1-1a.75.75%200%201%201%201.06%201.06l-1%201l-.018.018c.09.225.144.463.176.706c.062.459.062%201.032.062%201.696v.1c0%20.664%200%201.237-.062%201.696a3%203%200%200%201-.177.705l.02.018l1%201a.75.75%200%201%201-1.061%201.061l-1-1l-.007-.007l-.011-.012a3%203%200%200%201-.706.177c-.459.062-1.032.062-1.697.062h-.098c-.665%200-1.238%200-1.697-.062a3%203%200%200%201-.705-.177l-.019.02l-1%201a.75.75%200%200%201-1.06-1.061l1-1l.018-.019a3%203%200%200%201-.176-.705c-.062-.46-.062-1.032-.062-1.697v-.099c0-.664%200-1.237.062-1.696c.032-.243.085-.481.177-.706l-.02-.018l-1-1A.75.75%200%201%201%208.53%209.47l1%201l.019.018a3%203%200%200%201%20.705-.177c.459-.061%201.032-.061%201.697-.061m-1.496%201.548c-.325.044-.427.114-.484.172s-.128.159-.172.484c-.046.347-.048.817-.048%201.546c0%20.728.002%201.199.048%201.546c.044.325.115.427.172.484s.159.128.484.172c.347.046.818.048%201.546.048s1.2-.002%201.546-.048c.325-.044.427-.115.484-.172s.128-.159.172-.484c.046-.347.048-.818.048-1.546s-.002-1.2-.048-1.546c-.044-.325-.115-.427-.172-.485s-.159-.127-.484-.171c-.347-.047-.818-.048-1.546-.048s-1.2.001-1.546.048%22%2F%3E%3Cpath%20d%3D%22M18.122%202.378c1.153-.227%202.175-.193%203.053.442c.875.632%201.24%201.596%201.41%202.773c.165%201.15.165%202.666.165%204.576v5.768c0%201.396%200%202.518-.116%203.4c-.12.913-.378%201.681-.977%202.292c-.602.613-1.36.878-2.263%201.002c-.868.119-1.971.119-3.338.119H7.944c-1.367%200-2.47%200-3.338-.12c-.902-.123-1.661-.388-2.263-1c-.6-.612-.856-1.38-.977-2.293c-.116-.882-.116-2.004-.116-3.4v-2.893c0-1.012%200-1.833.074-2.498c.077-.692.24-1.29.614-1.827c.375-.539.877-.895%201.496-1.2q.369-.18.823-.357a1%201%200%200%201-.007-.102v-.041c0-.618%200-1.142.047-1.566c.05-.447.159-.874.442-1.251q.19-.253.439-.448c.373-.292.798-.405%201.242-.456c.418-.048.934-.048%201.538-.048h.949c.419%200%20.77-.001%201.078.083c.66.18%201.2.635%201.502%201.233l2.34-.835C15.594%203.1%2017%202.599%2018.123%202.378m.29%201.472c-1%20.196-2.3.658-4.142%201.315l-8%202.855c-.987.352-1.667.596-2.174.845c-.489.24-.749.455-.927.71c-.18.258-.293.582-.354%201.137c-.064.572-.065%201.31-.065%202.375v2.796c0%201.463.002%202.486.103%203.258c.1.752.282%201.153.561%201.438c.277.283.665.466%201.396.566c.754.103%201.754.105%203.19.105h8c1.436%200%202.436-.002%203.19-.105c.731-.1%201.118-.283%201.396-.566c.28-.285.461-.686.56-1.438c.102-.772.104-1.795.104-3.258v-5.65c0-1.988-.002-3.396-.15-4.426c-.147-1.015-.414-1.49-.804-1.772c-.386-.28-.904-.378-1.885-.185m-8.367%201.23a.9.9%200%200%200-.456-.3c-.086-.024-.214-.03-.77-.03H8c-.657%200-1.087.001-1.409.038c-.306.035-.42.094-.489.147a1%201%200%200%200-.165.169c-.054.073-.114.196-.15.514a10%2010%200%200%200-.036.995z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/fuel.svg?color=%231a73e8&size=48
