fuel icon
fuel-duotone from Reicon by REICON · Duotone · UI · MIT Free for personal and commercial use.
- Name
- fuel-duotone
- Set
- Reicon
- Style
- Duotone
- 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"><path d="M2.553 9.147C2 9.942 2 10.991 2 13.087v2.796c0 2.884 0 4.326.879 5.221C3.757 22 5.172 22 8 22h8c2.828 0 4.243 0 5.121-.896c.879-.895.879-2.337.879-5.22v-5.651c0-3.928 0-5.891-1.264-6.805c-1.264-.915-3.082-.266-6.718 1.031l-8 2.855c-1.941.692-2.911 1.038-3.465 1.833" opacity=".5"/><path d="m11.016 5.53l-.072-.293a1.65 1.65 0 0 0-1.157-1.18C9.58 4 9.325 4 8.818 4H8c-1.28 0-1.92 0-2.36.345a1.7 1.7 0 0 0-.302.308C5 5.103 5 5.755 5 7.06v.621q.458-.168 1.018-.367zM7.47 9.47a.75.75 0 0 0 0 1.06l1.5 1.5q.058.058.123.1C9 12.564 9 13.156 9 14c0 .831 0 1.418.09 1.85l-1.62 1.62a.75.75 0 1 0 1.06 1.06l1.62-1.62c.432.09 1.019.09 1.85.09s1.418 0 1.85-.09l1.62 1.62a.75.75 0 1 0 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 0-1.06-1.06l-1.62 1.62C13.418 11 12.831 11 12 11c-.844 0-1.436 0-1.87.093a1 1 0 0 0-.1-.123l-1.5-1.5a.75.75 0 0 0-1.06 0"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconFuelDuotone(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"><path d="M2.553 9.147C2 9.942 2 10.991 2 13.087v2.796c0 2.884 0 4.326.879 5.221C3.757 22 5.172 22 8 22h8c2.828 0 4.243 0 5.121-.896c.879-.895.879-2.337.879-5.22v-5.651c0-3.928 0-5.891-1.264-6.805c-1.264-.915-3.082-.266-6.718 1.031l-8 2.855c-1.941.692-2.911 1.038-3.465 1.833" opacity=".5"/><path d="m11.016 5.53l-.072-.293a1.65 1.65 0 0 0-1.157-1.18C9.58 4 9.325 4 8.818 4H8c-1.28 0-1.92 0-2.36.345a1.7 1.7 0 0 0-.302.308C5 5.103 5 5.755 5 7.06v.621q.458-.168 1.018-.367zM7.47 9.47a.75.75 0 0 0 0 1.06l1.5 1.5q.058.058.123.1C9 12.564 9 13.156 9 14c0 .831 0 1.418.09 1.85l-1.62 1.62a.75.75 0 1 0 1.06 1.06l1.62-1.62c.432.09 1.019.09 1.85.09s1.418 0 1.85-.09l1.62 1.62a.75.75 0 1 0 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 0-1.06-1.06l-1.62 1.62C13.418 11 12.831 11 12 11c-.844 0-1.436 0-1.87.093a1 1 0 0 0-.1-.123l-1.5-1.5a.75.75 0 0 0-1.06 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.553 9.147C2 9.942 2 10.991 2 13.087v2.796c0 2.884 0 4.326.879 5.221C3.757 22 5.172 22 8 22h8c2.828 0 4.243 0 5.121-.896c.879-.895.879-2.337.879-5.22v-5.651c0-3.928 0-5.891-1.264-6.805c-1.264-.915-3.082-.266-6.718 1.031l-8 2.855c-1.941.692-2.911 1.038-3.465 1.833" opacity=".5"/><path d="m11.016 5.53l-.072-.293a1.65 1.65 0 0 0-1.157-1.18C9.58 4 9.325 4 8.818 4H8c-1.28 0-1.92 0-2.36.345a1.7 1.7 0 0 0-.302.308C5 5.103 5 5.755 5 7.06v.621q.458-.168 1.018-.367zM7.47 9.47a.75.75 0 0 0 0 1.06l1.5 1.5q.058.058.123.1C9 12.564 9 13.156 9 14c0 .831 0 1.418.09 1.85l-1.62 1.62a.75.75 0 1 0 1.06 1.06l1.62-1.62c.432.09 1.019.09 1.85.09s1.418 0 1.85-.09l1.62 1.62a.75.75 0 1 0 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 0-1.06-1.06l-1.62 1.62C13.418 11 12.831 11 12 11c-.844 0-1.436 0-1.87.093a1 1 0 0 0-.1-.123l-1.5-1.5a.75.75 0 0 0-1.06 0"/></g></svg> </template>
CSS
.icon-fuel-duotone {
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%3E%3Cpath%20d%3D%22M2.553%209.147C2%209.942%202%2010.991%202%2013.087v2.796c0%202.884%200%204.326.879%205.221C3.757%2022%205.172%2022%208%2022h8c2.828%200%204.243%200%205.121-.896c.879-.895.879-2.337.879-5.22v-5.651c0-3.928%200-5.891-1.264-6.805c-1.264-.915-3.082-.266-6.718%201.031l-8%202.855c-1.941.692-2.911%201.038-3.465%201.833%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m11.016%205.53l-.072-.293a1.65%201.65%200%200%200-1.157-1.18C9.58%204%209.325%204%208.818%204H8c-1.28%200-1.92%200-2.36.345a1.7%201.7%200%200%200-.302.308C5%205.103%205%205.755%205%207.06v.621q.458-.168%201.018-.367zM7.47%209.47a.75.75%200%200%200%200%201.06l1.5%201.5q.058.058.123.1C9%2012.564%209%2013.156%209%2014c0%20.831%200%201.418.09%201.85l-1.62%201.62a.75.75%200%201%200%201.06%201.06l1.62-1.62c.432.09%201.019.09%201.85.09s1.418%200%201.85-.09l1.62%201.62a.75.75%200%201%200%201.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%200%201%200-1.06-1.06l-1.62%201.62C13.418%2011%2012.831%2011%2012%2011c-.844%200-1.436%200-1.87.093a1%201%200%200%200-.1-.123l-1.5-1.5a.75.75%200%200%200-1.06%200%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%3E%3Cpath%20d%3D%22M2.553%209.147C2%209.942%202%2010.991%202%2013.087v2.796c0%202.884%200%204.326.879%205.221C3.757%2022%205.172%2022%208%2022h8c2.828%200%204.243%200%205.121-.896c.879-.895.879-2.337.879-5.22v-5.651c0-3.928%200-5.891-1.264-6.805c-1.264-.915-3.082-.266-6.718%201.031l-8%202.855c-1.941.692-2.911%201.038-3.465%201.833%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m11.016%205.53l-.072-.293a1.65%201.65%200%200%200-1.157-1.18C9.58%204%209.325%204%208.818%204H8c-1.28%200-1.92%200-2.36.345a1.7%201.7%200%200%200-.302.308C5%205.103%205%205.755%205%207.06v.621q.458-.168%201.018-.367zM7.47%209.47a.75.75%200%200%200%200%201.06l1.5%201.5q.058.058.123.1C9%2012.564%209%2013.156%209%2014c0%20.831%200%201.418.09%201.85l-1.62%201.62a.75.75%200%201%200%201.06%201.06l1.62-1.62c.432.09%201.019.09%201.85.09s1.418%200%201.85-.09l1.62%201.62a.75.75%200%201%200%201.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%200%201%200-1.06-1.06l-1.62%201.62C13.418%2011%2012.831%2011%2012%2011c-.844%200-1.436%200-1.87.093a1%201%200%200%200-.1-.123l-1.5-1.5a.75.75%200%200%200-1.06%200%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-duotone.svg?color=%231a73e8&size=48
