fire icon
fire-line from Majesticons by Gerrit Halfmann · Line · MIT Free for personal and commercial use.
- Name
- fire-line
- Set
- Majesticons
- Style
- Line
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
The same icon in other sets
fireAkar Iconsfire-filledAnt Design IconsfireBootstrap IconsfireCarbonfireEmoji One (Colored)fireFont Awesome 6 SolidfireFont Awesome Solidfire-outlineFlowbite Iconsfire-16-filledFluent UI System IconsfireFluent EmojifireFluent Emoji FlatfireFluent Emoji High ContrastfireFirefox OS EmojifireHeroIconsfireHuge IconsfireIconParkfireIconPark OutlinefireIconPark SolidfireIconPark TwoTonefireLine AwesomefireMaterial Design Iconsfire-fillMingCute IconfireMyna UI IconsfireNoto Emoji
Use the fire icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.77 2.362a1 1 0 0 0-1.325-.194c-.65.434-1.495 1.305-2.181 2.573a10.504 10.504 0 0 0-1.145 3.538a7.593 7.593 0 0 1-.083-.064c-.52-.403-.865-.784-.992-1.066A1 1 0 0 0 5.4 6.882a9 9 0 1 0 10.817-1.833c-1.595-.756-2.98-2.122-3.447-2.687zm-1.748 3.33c.3-.553.623-.984.91-1.3c.789.774 2.008 1.786 3.404 2.452a7 7 0 1 1-9.214 2.354c.225.223.463.423.688.598c.613.475 1.27.863 1.743 1.099A1 1 0 0 0 10 10c0-1.845.465-3.277 1.022-4.307zm2.268 4.695a1 1 0 0 0-1.37-.202c-.31.22-.639.603-.892 1.101a4.017 4.017 0 0 0-.122.264a1 1 0 0 0-.994.315A3.756 3.756 0 0 0 9 14.332C9 16.297 10.507 18 12.5 18s3.5-1.703 3.5-3.667c0-1.366-.717-2.583-1.818-3.216a2.54 2.54 0 0 1-.57-.396a2.895 2.895 0 0 1-.322-.334zM11 14.333c0-.055.002-.11.007-.164l.085.047a1 1 0 0 0 1.47-.883c0-.318.047-.584.113-.8c.163.119.34.232.529.329c.457.271.796.814.796 1.471c0 .983-.731 1.667-1.5 1.667s-1.5-.684-1.5-1.667z"/></g></svg>
React
import type { SVGProps } from "react";
export function MajesticonsFireLine(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="M12.77 2.362a1 1 0 0 0-1.325-.194c-.65.434-1.495 1.305-2.181 2.573a10.504 10.504 0 0 0-1.145 3.538a7.593 7.593 0 0 1-.083-.064c-.52-.403-.865-.784-.992-1.066A1 1 0 0 0 5.4 6.882a9 9 0 1 0 10.817-1.833c-1.595-.756-2.98-2.122-3.447-2.687zm-1.748 3.33c.3-.553.623-.984.91-1.3c.789.774 2.008 1.786 3.404 2.452a7 7 0 1 1-9.214 2.354c.225.223.463.423.688.598c.613.475 1.27.863 1.743 1.099A1 1 0 0 0 10 10c0-1.845.465-3.277 1.022-4.307zm2.268 4.695a1 1 0 0 0-1.37-.202c-.31.22-.639.603-.892 1.101a4.017 4.017 0 0 0-.122.264a1 1 0 0 0-.994.315A3.756 3.756 0 0 0 9 14.332C9 16.297 10.507 18 12.5 18s3.5-1.703 3.5-3.667c0-1.366-.717-2.583-1.818-3.216a2.54 2.54 0 0 1-.57-.396a2.895 2.895 0 0 1-.322-.334zM11 14.333c0-.055.002-.11.007-.164l.085.047a1 1 0 0 0 1.47-.883c0-.318.047-.584.113-.8c.163.119.34.232.529.329c.457.271.796.814.796 1.471c0 .983-.731 1.667-1.5 1.667s-1.5-.684-1.5-1.667z"/></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="M12.77 2.362a1 1 0 0 0-1.325-.194c-.65.434-1.495 1.305-2.181 2.573a10.504 10.504 0 0 0-1.145 3.538a7.593 7.593 0 0 1-.083-.064c-.52-.403-.865-.784-.992-1.066A1 1 0 0 0 5.4 6.882a9 9 0 1 0 10.817-1.833c-1.595-.756-2.98-2.122-3.447-2.687zm-1.748 3.33c.3-.553.623-.984.91-1.3c.789.774 2.008 1.786 3.404 2.452a7 7 0 1 1-9.214 2.354c.225.223.463.423.688.598c.613.475 1.27.863 1.743 1.099A1 1 0 0 0 10 10c0-1.845.465-3.277 1.022-4.307zm2.268 4.695a1 1 0 0 0-1.37-.202c-.31.22-.639.603-.892 1.101a4.017 4.017 0 0 0-.122.264a1 1 0 0 0-.994.315A3.756 3.756 0 0 0 9 14.332C9 16.297 10.507 18 12.5 18s3.5-1.703 3.5-3.667c0-1.366-.717-2.583-1.818-3.216a2.54 2.54 0 0 1-.57-.396a2.895 2.895 0 0 1-.322-.334zM11 14.333c0-.055.002-.11.007-.164l.085.047a1 1 0 0 0 1.47-.883c0-.318.047-.584.113-.8c.163.119.34.232.529.329c.457.271.796.814.796 1.471c0 .983-.731 1.667-1.5 1.667s-1.5-.684-1.5-1.667z"/></g></svg> </template>
CSS
.icon-fire-line {
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%22M12.77%202.362a1%201%200%200%200-1.325-.194c-.65.434-1.495%201.305-2.181%202.573a10.504%2010.504%200%200%200-1.145%203.538a7.593%207.593%200%200%201-.083-.064c-.52-.403-.865-.784-.992-1.066A1%201%200%200%200%205.4%206.882a9%209%200%201%200%2010.817-1.833c-1.595-.756-2.98-2.122-3.447-2.687zm-1.748%203.33c.3-.553.623-.984.91-1.3c.789.774%202.008%201.786%203.404%202.452a7%207%200%201%201-9.214%202.354c.225.223.463.423.688.598c.613.475%201.27.863%201.743%201.099A1%201%200%200%200%2010%2010c0-1.845.465-3.277%201.022-4.307zm2.268%204.695a1%201%200%200%200-1.37-.202c-.31.22-.639.603-.892%201.101a4.017%204.017%200%200%200-.122.264a1%201%200%200%200-.994.315A3.756%203.756%200%200%200%209%2014.332C9%2016.297%2010.507%2018%2012.5%2018s3.5-1.703%203.5-3.667c0-1.366-.717-2.583-1.818-3.216a2.54%202.54%200%200%201-.57-.396a2.895%202.895%200%200%201-.322-.334zM11%2014.333c0-.055.002-.11.007-.164l.085.047a1%201%200%200%200%201.47-.883c0-.318.047-.584.113-.8c.163.119.34.232.529.329c.457.271.796.814.796%201.471c0%20.983-.731%201.667-1.5%201.667s-1.5-.684-1.5-1.667z%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%22M12.77%202.362a1%201%200%200%200-1.325-.194c-.65.434-1.495%201.305-2.181%202.573a10.504%2010.504%200%200%200-1.145%203.538a7.593%207.593%200%200%201-.083-.064c-.52-.403-.865-.784-.992-1.066A1%201%200%200%200%205.4%206.882a9%209%200%201%200%2010.817-1.833c-1.595-.756-2.98-2.122-3.447-2.687zm-1.748%203.33c.3-.553.623-.984.91-1.3c.789.774%202.008%201.786%203.404%202.452a7%207%200%201%201-9.214%202.354c.225.223.463.423.688.598c.613.475%201.27.863%201.743%201.099A1%201%200%200%200%2010%2010c0-1.845.465-3.277%201.022-4.307zm2.268%204.695a1%201%200%200%200-1.37-.202c-.31.22-.639.603-.892%201.101a4.017%204.017%200%200%200-.122.264a1%201%200%200%200-.994.315A3.756%203.756%200%200%200%209%2014.332C9%2016.297%2010.507%2018%2012.5%2018s3.5-1.703%203.5-3.667c0-1.366-.717-2.583-1.818-3.216a2.54%202.54%200%200%201-.57-.396a2.895%202.895%200%200%201-.322-.334zM11%2014.333c0-.055.002-.11.007-.164l.085.047a1%201%200%200%200%201.47-.883c0-.318.047-.584.113-.8c.163.119.34.232.529.329c.457.271.796.814.796%201.471c0%20.983-.731%201.667-1.5%201.667s-1.5-.684-1.5-1.667z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/fire-line.svg?color=%231a73e8&size=48
