md flame icon
md-flame from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-flame
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md flame icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M393.3 222.1l-.2 10.4c-.8 11.7-7.9 43.4-22.1 54.7 7-15.2 17.3-47.2 10.2-82.7C361.6 107 287.5 65.6 193 50l-17.2-2.2c39.5 47.2 56.1 81.7 49.7 116.8-2.3 12.6-10 23.4-14 31.6 0 0 2.4-12.9 2-28.7-.3-14.2-6.6-31-18-39.6 3.5 18.4-.8 33.5-9.1 47.7-24.7 42.2-85.4 57.8-90.4 135.8v3.8c0 53.7 25.6 99 68.7 125-6.8-12.3-12-35.2-5.7-60.2 4 23.7 14 36 24.9 51.8 8.2 11.7 19.1 19.3 33.1 24.9s31 7.2 47.9 7.2c55.8 0 91.4-18.1 119.1-50.5s32.1-68 32.1-106.4-8.5-60.9-22.8-84.9z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdFlame(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M393.3 222.1l-.2 10.4c-.8 11.7-7.9 43.4-22.1 54.7 7-15.2 17.3-47.2 10.2-82.7C361.6 107 287.5 65.6 193 50l-17.2-2.2c39.5 47.2 56.1 81.7 49.7 116.8-2.3 12.6-10 23.4-14 31.6 0 0 2.4-12.9 2-28.7-.3-14.2-6.6-31-18-39.6 3.5 18.4-.8 33.5-9.1 47.7-24.7 42.2-85.4 57.8-90.4 135.8v3.8c0 53.7 25.6 99 68.7 125-6.8-12.3-12-35.2-5.7-60.2 4 23.7 14 36 24.9 51.8 8.2 11.7 19.1 19.3 33.1 24.9s31 7.2 47.9 7.2c55.8 0 91.4-18.1 119.1-50.5s32.1-68 32.1-106.4-8.5-60.9-22.8-84.9z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M393.3 222.1l-.2 10.4c-.8 11.7-7.9 43.4-22.1 54.7 7-15.2 17.3-47.2 10.2-82.7C361.6 107 287.5 65.6 193 50l-17.2-2.2c39.5 47.2 56.1 81.7 49.7 116.8-2.3 12.6-10 23.4-14 31.6 0 0 2.4-12.9 2-28.7-.3-14.2-6.6-31-18-39.6 3.5 18.4-.8 33.5-9.1 47.7-24.7 42.2-85.4 57.8-90.4 135.8v3.8c0 53.7 25.6 99 68.7 125-6.8-12.3-12-35.2-5.7-60.2 4 23.7 14 36 24.9 51.8 8.2 11.7 19.1 19.3 33.1 24.9s31 7.2 47.9 7.2c55.8 0 91.4-18.1 119.1-50.5s32.1-68 32.1-106.4-8.5-60.9-22.8-84.9z" fill="currentColor"/></svg> </template>
CSS
.icon-md-flame {
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%20512%20512%22%3E%3Cpath%20d%3D%22M393.3%20222.1l-.2%2010.4c-.8%2011.7-7.9%2043.4-22.1%2054.7%207-15.2%2017.3-47.2%2010.2-82.7C361.6%20107%20287.5%2065.6%20193%2050l-17.2-2.2c39.5%2047.2%2056.1%2081.7%2049.7%20116.8-2.3%2012.6-10%2023.4-14%2031.6%200%200%202.4-12.9%202-28.7-.3-14.2-6.6-31-18-39.6%203.5%2018.4-.8%2033.5-9.1%2047.7-24.7%2042.2-85.4%2057.8-90.4%20135.8v3.8c0%2053.7%2025.6%2099%2068.7%20125-6.8-12.3-12-35.2-5.7-60.2%204%2023.7%2014%2036%2024.9%2051.8%208.2%2011.7%2019.1%2019.3%2033.1%2024.9s31%207.2%2047.9%207.2c55.8%200%2091.4-18.1%20119.1-50.5s32.1-68%2032.1-106.4-8.5-60.9-22.8-84.9z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M393.3%20222.1l-.2%2010.4c-.8%2011.7-7.9%2043.4-22.1%2054.7%207-15.2%2017.3-47.2%2010.2-82.7C361.6%20107%20287.5%2065.6%20193%2050l-17.2-2.2c39.5%2047.2%2056.1%2081.7%2049.7%20116.8-2.3%2012.6-10%2023.4-14%2031.6%200%200%202.4-12.9%202-28.7-.3-14.2-6.6-31-18-39.6%203.5%2018.4-.8%2033.5-9.1%2047.7-24.7%2042.2-85.4%2057.8-90.4%20135.8v3.8c0%2053.7%2025.6%2099%2068.7%20125-6.8-12.3-12-35.2-5.7-60.2%204%2023.7%2014%2036%2024.9%2051.8%208.2%2011.7%2019.1%2019.3%2033.1%2024.9s31%207.2%2047.9%207.2c55.8%200%2091.4-18.1%20119.1-50.5s32.1-68%2032.1-106.4-8.5-60.9-22.8-84.9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-flame.svg?color=%231a73e8&size=48
