# flame-off icon Flame off. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/flame-off - Category: Social & emotions - Use it for: no open flames, fire off - Example: Venue rules: no open flames - Built from: flame + slash - Tags: fire, flame, hot, burn, popular, slash - Family: flame, campfire - Component name: FlameOffIcon - Added: 2026-11-06 - Since: version 0.4.0 - npm: `import { FlameOffIcon } from '@gentleface/react';` (@gentleface/react 0.6.0) ## Files Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. - line-round: https://gentleface.com/svg/line-round/16/flame-off.svg · PNG https://gentleface.com/png/line-round/16/flame-off.png · https://gentleface.com/png/line-round/32/flame-off.png · https://gentleface.com/png/line-round/48/flame-off.png - line-soft: https://gentleface.com/svg/line-soft/16/flame-off.svg · PNG https://gentleface.com/png/line-soft/16/flame-off.png · https://gentleface.com/png/line-soft/32/flame-off.png · https://gentleface.com/png/line-soft/48/flame-off.png - line-sharp: https://gentleface.com/svg/line-sharp/16/flame-off.svg · PNG https://gentleface.com/png/line-sharp/16/flame-off.png · https://gentleface.com/png/line-sharp/32/flame-off.png · https://gentleface.com/png/line-sharp/48/flame-off.png - solid-round: https://gentleface.com/svg/solid-round/16/flame-off.svg · PNG https://gentleface.com/png/solid-round/16/flame-off.png · https://gentleface.com/png/solid-round/32/flame-off.png · https://gentleface.com/png/solid-round/48/flame-off.png - solid-soft: https://gentleface.com/svg/solid-soft/16/flame-off.svg · PNG https://gentleface.com/png/solid-soft/16/flame-off.png · https://gentleface.com/png/solid-soft/32/flame-off.png · https://gentleface.com/png/solid-soft/48/flame-off.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/flame-off.svg · PNG https://gentleface.com/png/solid-sharp/16/flame-off.png · https://gentleface.com/png/solid-sharp/32/flame-off.png · https://gentleface.com/png/solid-sharp/48/flame-off.png The SVG of every style: https://gentleface.com/icons/flame-off.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "flame-off" (line-round), MIT. https://gentleface.com/icons/flame-off import type { SVGProps } from 'react'; export function FlameOffIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "flame-off" (line-round), MIT. https://gentleface.com/icons/flame-off. Takes the text color. */ .icon-flame-off { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.533 13.24C12.061 13.751 11.507 14.159 10.872 14.462C10.122 14.821 9.331 15 8.5 15C7.801 15 7.126 14.871 6.475 14.614C5.769 14.334 5.148 13.926 4.611 13.389C4.074 12.852 3.666 12.231 3.386 11.525C3.129 10.874 3 10.199 3 9.5C3 8.851 3.003 8.377 3.008 8.077C3.017 7.581 3.035 7.147 3.064 6.774C3.134 5.867 3.288 5.056 3.526 4.342C3.535 4.315 3.545 4.289 3.558 4.265L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.825 12.532L10.904 11.611C10.891 11.653 10.876 11.695 10.86 11.736C10.758 11.993 10.609 12.219 10.414 12.414C10.219 12.609 9.993 12.758 9.736 12.86C9.5 12.953 9.254 13 9 13C8.746 13 8.5 12.953 8.264 12.86C8.007 12.758 7.781 12.609 7.586 12.414C7.391 12.219 7.242 11.993 7.14 11.736C7.047 11.5 7 11.254 7 11C7 10.477 7.11 9.995 7.331 9.554C7.416 9.383 7.525 9.205 7.656 9.022C7.721 8.931 7.816 8.806 7.941 8.648L6.808 7.516C6.795 7.537 6.781 7.558 6.767 7.577C6.566 7.859 6.31 8 6 8C5.359 8 4.818 7.602 4.375 6.805C4.291 6.653 4.205 6.478 4.119 6.28C4.095 6.465 4.076 6.655 4.061 6.851C4.034 7.204 4.016 7.619 4.008 8.095C4.003 8.389 4 8.857 4 9.5C4 10.072 4.105 10.624 4.316 11.156C4.545 11.734 4.879 12.243 5.318 12.682C5.757 13.121 6.266 13.455 6.844 13.684C7.376 13.895 7.928 14 8.5 14C9.18 14 9.827 13.853 10.44 13.56C10.972 13.306 11.434 12.964 11.825 12.532ZM6.065 6.772L4.935 5.642C5.044 5.912 5.149 6.138 5.25 6.32C5.485 6.744 5.72 6.97 5.952 6.997L5.953 6.997L5.953 6.996C5.988 6.948 6.025 6.874 6.065 6.772ZM8.653 9.36C8.574 9.461 8.513 9.542 8.469 9.603C8.369 9.744 8.287 9.877 8.225 10.001C8.075 10.301 8 10.634 8 11C8 11.276 8.098 11.512 8.293 11.707C8.488 11.902 8.724 12 9 12C9.276 12 9.512 11.902 9.707 11.707C9.902 11.512 10 11.276 10 11C10 10.893 9.994 10.789 9.981 10.689L8.653 9.36ZM6.786 4.786C6.759 4.685 6.766 4.582 6.807 4.476C7.344 3.107 8.134 1.987 9.18 1.116C9.286 1.027 9.408 0.99 9.545 1.002C9.683 1.015 9.796 1.074 9.884 1.18C9.938 1.245 9.974 1.319 9.99 1.402C10.069 1.794 10.253 2.213 10.544 2.661C10.731 2.949 11.067 3.388 11.552 3.977C11.931 4.438 12.214 4.793 12.399 5.044C12.717 5.473 12.98 5.885 13.189 6.278C13.73 7.294 14 8.368 14 9.5C14 9.952 13.945 10.397 13.835 10.836C13.801 10.973 13.726 11.076 13.609 11.146C13.492 11.216 13.365 11.234 13.229 11.2C13.215 11.196 13.201 11.192 13.188 11.188L12.872 10.872C12.843 10.784 12.841 10.691 12.865 10.593C12.955 10.234 13 9.87 13 9.5C13 8.534 12.769 7.617 12.306 6.747C12.12 6.398 11.883 6.028 11.595 5.639C11.42 5.402 11.148 5.06 10.78 4.613C10.526 4.305 10.339 4.073 10.219 3.919C10.016 3.659 9.845 3.421 9.705 3.206C9.528 2.932 9.381 2.664 9.266 2.399C8.986 2.691 8.733 3.005 8.508 3.344C8.212 3.788 7.955 4.287 7.739 4.841C7.687 4.972 7.599 5.065 7.475 5.119C7.366 5.167 7.255 5.174 7.141 5.141L6.786 4.786Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.533 13.24C12.061 13.751 11.507 14.159 10.872 14.462C10.122 14.821 9.331 15 8.5 15C7.801 15 7.126 14.871 6.475 14.614C5.769 14.334 5.148 13.926 4.611 13.389C4.074 12.852 3.666 12.231 3.386 11.525C3.129 10.874 3 10.199 3 9.5C3 8.851 3.003 8.377 3.008 8.077C3.017 7.581 3.035 7.147 3.064 6.774C3.134 5.867 3.288 5.056 3.526 4.342C3.535 4.315 3.545 4.289 3.558 4.265L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.825 12.532L10.904 11.611C10.891 11.653 10.876 11.695 10.86 11.736C10.758 11.993 10.609 12.219 10.414 12.414C10.219 12.609 9.993 12.758 9.736 12.86C9.5 12.953 9.254 13 9 13C8.746 13 8.5 12.953 8.264 12.86C8.007 12.758 7.781 12.609 7.586 12.414C7.391 12.219 7.242 11.993 7.14 11.736C7.047 11.5 7 11.254 7 11C7 10.477 7.11 9.995 7.331 9.554C7.416 9.383 7.525 9.205 7.656 9.022C7.721 8.931 7.816 8.806 7.941 8.648L6.808 7.516C6.795 7.537 6.781 7.558 6.767 7.577C6.566 7.859 6.31 8 6 8C5.359 8 4.818 7.602 4.375 6.805C4.291 6.653 4.205 6.478 4.119 6.28C4.095 6.465 4.076 6.655 4.061 6.851C4.034 7.204 4.016 7.619 4.008 8.095C4.003 8.389 4 8.857 4 9.5C4 10.072 4.105 10.624 4.316 11.156C4.545 11.734 4.879 12.243 5.318 12.682C5.757 13.121 6.266 13.455 6.844 13.684C7.376 13.895 7.928 14 8.5 14C9.18 14 9.827 13.853 10.44 13.56C10.972 13.306 11.434 12.964 11.825 12.532ZM6.065 6.772L4.935 5.642C5.044 5.912 5.149 6.138 5.25 6.32C5.485 6.744 5.72 6.97 5.952 6.997L5.953 6.997L5.953 6.996C5.988 6.948 6.025 6.874 6.065 6.772ZM8.653 9.36C8.574 9.461 8.513 9.542 8.469 9.603C8.369 9.744 8.287 9.877 8.225 10.001C8.075 10.301 8 10.634 8 11C8 11.276 8.098 11.512 8.293 11.707C8.488 11.902 8.724 12 9 12C9.276 12 9.512 11.902 9.707 11.707C9.902 11.512 10 11.276 10 11C10 10.893 9.994 10.789 9.981 10.689L8.653 9.36ZM6.786 4.786C6.759 4.685 6.766 4.582 6.807 4.476C7.344 3.107 8.134 1.987 9.18 1.116C9.286 1.027 9.408 0.99 9.545 1.002C9.683 1.015 9.796 1.074 9.884 1.18C9.938 1.245 9.974 1.319 9.99 1.402C10.069 1.794 10.253 2.213 10.544 2.661C10.731 2.949 11.067 3.388 11.552 3.977C11.931 4.438 12.214 4.793 12.399 5.044C12.717 5.473 12.98 5.885 13.189 6.278C13.73 7.294 14 8.368 14 9.5C14 9.952 13.945 10.397 13.835 10.836C13.801 10.973 13.726 11.076 13.609 11.146C13.492 11.216 13.365 11.234 13.229 11.2C13.215 11.196 13.201 11.192 13.188 11.188L12.872 10.872C12.843 10.784 12.841 10.691 12.865 10.593C12.955 10.234 13 9.87 13 9.5C13 8.534 12.769 7.617 12.306 6.747C12.12 6.398 11.883 6.028 11.595 5.639C11.42 5.402 11.148 5.06 10.78 4.613C10.526 4.305 10.339 4.073 10.219 3.919C10.016 3.659 9.845 3.421 9.705 3.206C9.528 2.932 9.381 2.664 9.266 2.399C8.986 2.691 8.733 3.005 8.508 3.344C8.212 3.788 7.955 4.287 7.739 4.841C7.687 4.972 7.599 5.065 7.475 5.119C7.366 5.167 7.255 5.174 7.141 5.141L6.786 4.786Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.533 13.24C12.061 13.751 11.507 14.159 10.872 14.462C10.122 14.821 9.331 15 8.5 15C7.801 15 7.126 14.871 6.475 14.614C5.769 14.334 5.148 13.926 4.611 13.389C4.074 12.852 3.666 12.231 3.386 11.525C3.129 10.874 3 10.199 3 9.5C3 8.851 3.003 8.377 3.008 8.077C3.017 7.581 3.035 7.147 3.064 6.774C3.134 5.867 3.288 5.056 3.526 4.342C3.535 4.315 3.545 4.289 3.558 4.265L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.825 12.532L10.904 11.611C10.891 11.653 10.876 11.695 10.86 11.736C10.758 11.993 10.609 12.219 10.414 12.414C10.219 12.609 9.993 12.758 9.736 12.86C9.5 12.953 9.254 13 9 13C8.746 13 8.5 12.953 8.264 12.86C8.007 12.758 7.781 12.609 7.586 12.414C7.391 12.219 7.242 11.993 7.14 11.736C7.047 11.5 7 11.254 7 11C7 10.477 7.11 9.995 7.331 9.554C7.416 9.383 7.525 9.205 7.656 9.022C7.721 8.931 7.816 8.806 7.941 8.648L6.808 7.516C6.795 7.537 6.781 7.558 6.767 7.577C6.566 7.859 6.31 8 6 8C5.359 8 4.818 7.602 4.375 6.805C4.291 6.653 4.205 6.478 4.119 6.28C4.095 6.465 4.076 6.655 4.061 6.851C4.034 7.204 4.016 7.619 4.008 8.095C4.003 8.389 4 8.857 4 9.5C4 10.072 4.105 10.624 4.316 11.156C4.545 11.734 4.879 12.243 5.318 12.682C5.757 13.121 6.266 13.455 6.844 13.684C7.376 13.895 7.928 14 8.5 14C9.18 14 9.827 13.853 10.44 13.56C10.972 13.306 11.434 12.964 11.825 12.532ZM6.065 6.772L4.935 5.642C5.044 5.912 5.149 6.138 5.25 6.32C5.485 6.744 5.72 6.97 5.952 6.997L5.953 6.997L5.953 6.996C5.988 6.948 6.025 6.874 6.065 6.772ZM8.653 9.36C8.574 9.461 8.513 9.542 8.469 9.603C8.369 9.744 8.287 9.877 8.225 10.001C8.075 10.301 8 10.634 8 11C8 11.276 8.098 11.512 8.293 11.707C8.488 11.902 8.724 12 9 12C9.276 12 9.512 11.902 9.707 11.707C9.902 11.512 10 11.276 10 11C10 10.893 9.994 10.789 9.981 10.689L8.653 9.36ZM6.786 4.786C6.759 4.685 6.766 4.582 6.807 4.476C7.344 3.107 8.134 1.987 9.18 1.116C9.286 1.027 9.408 0.99 9.545 1.002C9.683 1.015 9.796 1.074 9.884 1.18C9.938 1.245 9.974 1.319 9.99 1.402C10.069 1.794 10.253 2.213 10.544 2.661C10.731 2.949 11.067 3.388 11.552 3.977C11.931 4.438 12.214 4.793 12.399 5.044C12.717 5.473 12.98 5.885 13.189 6.278C13.73 7.294 14 8.368 14 9.5C14 9.952 13.945 10.397 13.835 10.836C13.801 10.973 13.726 11.076 13.609 11.146C13.492 11.216 13.365 11.234 13.229 11.2C13.215 11.196 13.201 11.192 13.188 11.188L12.872 10.872C12.843 10.784 12.841 10.691 12.865 10.593C12.955 10.234 13 9.87 13 9.5C13 8.534 12.769 7.617 12.306 6.747C12.12 6.398 11.883 6.028 11.595 5.639C11.42 5.402 11.148 5.06 10.78 4.613C10.526 4.305 10.339 4.073 10.219 3.919C10.016 3.659 9.845 3.421 9.705 3.206C9.528 2.932 9.381 2.664 9.266 2.399C8.986 2.691 8.733 3.005 8.508 3.344C8.212 3.788 7.955 4.287 7.739 4.841C7.687 4.972 7.599 5.065 7.475 5.119C7.366 5.167 7.255 5.174 7.141 5.141L6.786 4.786Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "flame-off" (line-round), MIT. https://gentleface.com/icons/flame-off import SwiftUI struct FlameOffIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 15.003, y: 14.5)) p.addCurve(to: CGPoint(x: 14.854, y: 14.854), control1: CGPoint(x: 15.003, y: 14.636), control2: CGPoint(x: 14.953, y: 14.754)) p.addCurve(to: CGPoint(x: 14.5, y: 15.003), control1: CGPoint(x: 14.754, y: 14.953), control2: CGPoint(x: 14.636, y: 15.003)) p.addCurve(to: CGPoint(x: 14.146, y: 14.854), control1: CGPoint(x: 14.364, y: 15.003), control2: CGPoint(x: 14.246, y: 14.953)) p.addLine(to: CGPoint(x: 12.533, y: 13.24)) p.addCurve(to: CGPoint(x: 10.872, y: 14.462), control1: CGPoint(x: 12.061, y: 13.751), control2: CGPoint(x: 11.507, y: 14.159)) p.addCurve(to: CGPoint(x: 8.5, y: 15), control1: CGPoint(x: 10.122, y: 14.821), control2: CGPoint(x: 9.331, y: 15)) p.addCurve(to: CGPoint(x: 6.475, y: 14.614), control1: CGPoint(x: 7.801, y: 15), control2: CGPoint(x: 7.126, y: 14.871)) p.addCurve(to: CGPoint(x: 4.611, y: 13.389), control1: CGPoint(x: 5.769, y: 14.334), control2: CGPoint(x: 5.148, y: 13.926)) p.addCurve(to: CGPoint(x: 3.386, y: 11.525), control1: CGPoint(x: 4.074, y: 12.852), control2: CGPoint(x: 3.666, y: 12.231)) p.addCurve(to: CGPoint(x: 3, y: 9.5), control1: CGPoint(x: 3.129, y: 10.874), control2: CGPoint(x: 3, y: 10.199)) p.addCurve(to: CGPoint(x: 3.008, y: 8.077), control1: CGPoint(x: 3, y: 8.851), control2: CGPoint(x: 3.003, y: 8.377)) p.addCurve(to: CGPoint(x: 3.064, y: 6.774), control1: CGPoint(x: 3.017, y: 7.581), control2: CGPoint(x: 3.035, y: 7.147)) p.addCurve(to: CGPoint(x: 3.526, y: 4.342), control1: CGPoint(x: 3.134, y: 5.867), control2: CGPoint(x: 3.288, y: 5.056)) p.addCurve(to: CGPoint(x: 3.558, y: 4.265), control1: CGPoint(x: 3.535, y: 4.315), control2: CGPoint(x: 3.545, y: 4.289)) p.addLine(to: CGPoint(x: 1.146, y: 1.854)) p.addCurve(to: CGPoint(x: 0.997, y: 1.5), control1: CGPoint(x: 1.047, y: 1.754), control2: CGPoint(x: 0.997, y: 1.636)) p.addCurve(to: CGPoint(x: 1.146, y: 1.146), control1: CGPoint(x: 0.997, y: 1.364), control2: CGPoint(x: 1.047, y: 1.246)) p.addCurve(to: CGPoint(x: 1.5, y: 0.997), control1: CGPoint(x: 1.246, y: 1.047), control2: CGPoint(x: 1.364, y: 0.997)) p.addCurve(to: CGPoint(x: 1.854, y: 1.146), control1: CGPoint(x: 1.636, y: 0.997), control2: CGPoint(x: 1.754, y: 1.047)) p.addLine(to: CGPoint(x: 14.854, y: 14.146)) p.addCurve(to: CGPoint(x: 15.003, y: 14.5), control1: CGPoint(x: 14.953, y: 14.246), control2: CGPoint(x: 15.003, y: 14.364)) p.closeSubpath() p.move(to: CGPoint(x: 11.825, y: 12.532)) p.addLine(to: CGPoint(x: 10.904, y: 11.611)) p.addCurve(to: CGPoint(x: 10.86, y: 11.736), control1: CGPoint(x: 10.891, y: 11.653), control2: CGPoint(x: 10.876, y: 11.695)) p.addCurve(to: CGPoint(x: 10.414, y: 12.414), control1: CGPoint(x: 10.758, y: 11.993), control2: CGPoint(x: 10.609, y: 12.219)) p.addCurve(to: CGPoint(x: 9.736, y: 12.86), control1: CGPoint(x: 10.219, y: 12.609), control2: CGPoint(x: 9.993, y: 12.758)) p.addCurve(to: CGPoint(x: 9, y: 13), control1: CGPoint(x: 9.5, y: 12.953), control2: CGPoint(x: 9.254, y: 13)) p.addCurve(to: CGPoint(x: 8.264, y: 12.86), control1: CGPoint(x: 8.746, y: 13), control2: CGPoint(x: 8.5, y: 12.953)) p.addCurve(to: CGPoint(x: 7.586, y: 12.414), control1: CGPoint(x: 8.007, y: 12.758), control2: CGPoint(x: 7.781, y: 12.609)) p.addCurve(to: CGPoint(x: 7.14, y: 11.736), control1: CGPoint(x: 7.391, y: 12.219), control2: CGPoint(x: 7.242, y: 11.993)) p.addCurve(to: CGPoint(x: 7, y: 11), control1: CGPoint(x: 7.047, y: 11.5), control2: CGPoint(x: 7, y: 11.254)) p.addCurve(to: CGPoint(x: 7.331, y: 9.554), control1: CGPoint(x: 7, y: 10.477), control2: CGPoint(x: 7.11, y: 9.995)) p.addCurve(to: CGPoint(x: 7.656, y: 9.022), control1: CGPoint(x: 7.416, y: 9.383), control2: CGPoint(x: 7.525, y: 9.205)) p.addCurve(to: CGPoint(x: 7.941, y: 8.648), control1: CGPoint(x: 7.721, y: 8.931), control2: CGPoint(x: 7.816, y: 8.806)) p.addLine(to: CGPoint(x: 6.808, y: 7.516)) p.addCurve(to: CGPoint(x: 6.767, y: 7.577), control1: CGPoint(x: 6.795, y: 7.537), control2: CGPoint(x: 6.781, y: 7.558)) p.addCurve(to: CGPoint(x: 6, y: 8), control1: CGPoint(x: 6.566, y: 7.859), control2: CGPoint(x: 6.31, y: 8)) p.addCurve(to: CGPoint(x: 4.375, y: 6.805), control1: CGPoint(x: 5.359, y: 8), control2: CGPoint(x: 4.818, y: 7.602)) p.addCurve(to: CGPoint(x: 4.119, y: 6.28), control1: CGPoint(x: 4.291, y: 6.653), control2: CGPoint(x: 4.205, y: 6.478)) p.addCurve(to: CGPoint(x: 4.061, y: 6.851), control1: CGPoint(x: 4.095, y: 6.465), control2: CGPoint(x: 4.076, y: 6.655)) p.addCurve(to: CGPoint(x: 4.008, y: 8.095), control1: CGPoint(x: 4.034, y: 7.204), control2: CGPoint(x: 4.016, y: 7.619)) p.addCurve(to: CGPoint(x: 4, y: 9.5), control1: CGPoint(x: 4.003, y: 8.389), control2: CGPoint(x: 4, y: 8.857)) p.addCurve(to: CGPoint(x: 4.316, y: 11.156), control1: CGPoint(x: 4, y: 10.072), control2: CGPoint(x: 4.105, y: 10.624)) p.addCurve(to: CGPoint(x: 5.318, y: 12.682), control1: CGPoint(x: 4.545, y: 11.734), control2: CGPoint(x: 4.879, y: 12.243)) p.addCurve(to: CGPoint(x: 6.844, y: 13.684), control1: CGPoint(x: 5.757, y: 13.121), control2: CGPoint(x: 6.266, y: 13.455)) p.addCurve(to: CGPoint(x: 8.5, y: 14), control1: CGPoint(x: 7.376, y: 13.895), control2: CGPoint(x: 7.928, y: 14)) p.addCurve(to: CGPoint(x: 10.44, y: 13.56), control1: CGPoint(x: 9.18, y: 14), control2: CGPoint(x: 9.827, y: 13.853)) p.addCurve(to: CGPoint(x: 11.825, y: 12.532), control1: CGPoint(x: 10.972, y: 13.306), control2: CGPoint(x: 11.434, y: 12.964)) p.closeSubpath() p.move(to: CGPoint(x: 6.065, y: 6.772)) p.addLine(to: CGPoint(x: 4.935, y: 5.642)) p.addCurve(to: CGPoint(x: 5.25, y: 6.32), control1: CGPoint(x: 5.044, y: 5.912), control2: CGPoint(x: 5.149, y: 6.138)) p.addCurve(to: CGPoint(x: 5.952, y: 6.997), control1: CGPoint(x: 5.485, y: 6.744), control2: CGPoint(x: 5.72, y: 6.97)) p.addLine(to: CGPoint(x: 5.953, y: 6.997)) p.addLine(to: CGPoint(x: 5.953, y: 6.996)) p.addCurve(to: CGPoint(x: 6.065, y: 6.772), control1: CGPoint(x: 5.988, y: 6.948), control2: CGPoint(x: 6.025, y: 6.874)) p.closeSubpath() p.move(to: CGPoint(x: 8.653, y: 9.36)) p.addCurve(to: CGPoint(x: 8.469, y: 9.603), control1: CGPoint(x: 8.574, y: 9.461), control2: CGPoint(x: 8.513, y: 9.542)) p.addCurve(to: CGPoint(x: 8.225, y: 10.001), control1: CGPoint(x: 8.369, y: 9.744), control2: CGPoint(x: 8.287, y: 9.877)) p.addCurve(to: CGPoint(x: 8, y: 11), control1: CGPoint(x: 8.075, y: 10.301), control2: CGPoint(x: 8, y: 10.634)) p.addCurve(to: CGPoint(x: 8.293, y: 11.707), control1: CGPoint(x: 8, y: 11.276), control2: CGPoint(x: 8.098, y: 11.512)) p.addCurve(to: CGPoint(x: 9, y: 12), control1: CGPoint(x: 8.488, y: 11.902), control2: CGPoint(x: 8.724, y: 12)) p.addCurve(to: CGPoint(x: 9.707, y: 11.707), control1: CGPoint(x: 9.276, y: 12), control2: CGPoint(x: 9.512, y: 11.902)) p.addCurve(to: CGPoint(x: 10, y: 11), control1: CGPoint(x: 9.902, y: 11.512), control2: CGPoint(x: 10, y: 11.276)) p.addCurve(to: CGPoint(x: 9.981, y: 10.689), control1: CGPoint(x: 10, y: 10.893), control2: CGPoint(x: 9.994, y: 10.789)) p.addLine(to: CGPoint(x: 8.653, y: 9.36)) p.closeSubpath() p.move(to: CGPoint(x: 6.786, y: 4.786)) p.addCurve(to: CGPoint(x: 6.807, y: 4.476), control1: CGPoint(x: 6.759, y: 4.685), control2: CGPoint(x: 6.766, y: 4.582)) p.addCurve(to: CGPoint(x: 9.18, y: 1.116), control1: CGPoint(x: 7.344, y: 3.107), control2: CGPoint(x: 8.134, y: 1.987)) p.addCurve(to: CGPoint(x: 9.545, y: 1.002), control1: CGPoint(x: 9.286, y: 1.027), control2: CGPoint(x: 9.408, y: 0.99)) p.addCurve(to: CGPoint(x: 9.884, y: 1.18), control1: CGPoint(x: 9.683, y: 1.015), control2: CGPoint(x: 9.796, y: 1.074)) p.addCurve(to: CGPoint(x: 9.99, y: 1.402), control1: CGPoint(x: 9.938, y: 1.245), control2: CGPoint(x: 9.974, y: 1.319)) p.addCurve(to: CGPoint(x: 10.544, y: 2.661), control1: CGPoint(x: 10.069, y: 1.794), control2: CGPoint(x: 10.253, y: 2.213)) p.addCurve(to: CGPoint(x: 11.552, y: 3.977), control1: CGPoint(x: 10.731, y: 2.949), control2: CGPoint(x: 11.067, y: 3.388)) p.addCurve(to: CGPoint(x: 12.399, y: 5.044), control1: CGPoint(x: 11.931, y: 4.438), control2: CGPoint(x: 12.214, y: 4.793)) p.addCurve(to: CGPoint(x: 13.189, y: 6.278), control1: CGPoint(x: 12.717, y: 5.473), control2: CGPoint(x: 12.98, y: 5.885)) p.addCurve(to: CGPoint(x: 14, y: 9.5), control1: CGPoint(x: 13.73, y: 7.294), control2: CGPoint(x: 14, y: 8.368)) p.addCurve(to: CGPoint(x: 13.835, y: 10.836), control1: CGPoint(x: 14, y: 9.952), control2: CGPoint(x: 13.945, y: 10.397)) p.addCurve(to: CGPoint(x: 13.609, y: 11.146), control1: CGPoint(x: 13.801, y: 10.973), control2: CGPoint(x: 13.726, y: 11.076)) p.addCurve(to: CGPoint(x: 13.229, y: 11.2), control1: CGPoint(x: 13.492, y: 11.216), control2: CGPoint(x: 13.365, y: 11.234)) p.addCurve(to: CGPoint(x: 13.188, y: 11.188), control1: CGPoint(x: 13.215, y: 11.196), control2: CGPoint(x: 13.201, y: 11.192)) p.addLine(to: CGPoint(x: 12.872, y: 10.872)) p.addCurve(to: CGPoint(x: 12.865, y: 10.593), control1: CGPoint(x: 12.843, y: 10.784), control2: CGPoint(x: 12.841, y: 10.691)) p.addCurve(to: CGPoint(x: 13, y: 9.5), control1: CGPoint(x: 12.955, y: 10.234), control2: CGPoint(x: 13, y: 9.87)) p.addCurve(to: CGPoint(x: 12.306, y: 6.747), control1: CGPoint(x: 13, y: 8.534), control2: CGPoint(x: 12.769, y: 7.617)) p.addCurve(to: CGPoint(x: 11.595, y: 5.639), control1: CGPoint(x: 12.12, y: 6.398), control2: CGPoint(x: 11.883, y: 6.028)) p.addCurve(to: CGPoint(x: 10.78, y: 4.613), control1: CGPoint(x: 11.42, y: 5.402), control2: CGPoint(x: 11.148, y: 5.06)) p.addCurve(to: CGPoint(x: 10.219, y: 3.919), control1: CGPoint(x: 10.526, y: 4.305), control2: CGPoint(x: 10.339, y: 4.073)) p.addCurve(to: CGPoint(x: 9.705, y: 3.206), control1: CGPoint(x: 10.016, y: 3.659), control2: CGPoint(x: 9.845, y: 3.421)) p.addCurve(to: CGPoint(x: 9.266, y: 2.399), control1: CGPoint(x: 9.528, y: 2.932), control2: CGPoint(x: 9.381, y: 2.664)) p.addCurve(to: CGPoint(x: 8.508, y: 3.344), control1: CGPoint(x: 8.986, y: 2.691), control2: CGPoint(x: 8.733, y: 3.005)) p.addCurve(to: CGPoint(x: 7.739, y: 4.841), control1: CGPoint(x: 8.212, y: 3.788), control2: CGPoint(x: 7.955, y: 4.287)) p.addCurve(to: CGPoint(x: 7.475, y: 5.119), control1: CGPoint(x: 7.687, y: 4.972), control2: CGPoint(x: 7.599, y: 5.065)) p.addCurve(to: CGPoint(x: 7.141, y: 5.141), control1: CGPoint(x: 7.366, y: 5.167), control2: CGPoint(x: 7.255, y: 5.174)) p.addLine(to: CGPoint(x: 6.786, y: 4.786)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // FlameOffIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "flame-off" (line-round), MIT. https://gentleface.com/icons/flame-off import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val FlameOffIcon: ImageVector by lazy { ImageVector.Builder( name = "flame-off", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L12.533 13.24C12.061 13.751 11.507 14.159 10.872 14.462C10.122 14.821 9.331 15 8.5 15C7.801 15 7.126 14.871 6.475 14.614C5.769 14.334 5.148 13.926 4.611 13.389C4.074 12.852 3.666 12.231 3.386 11.525C3.129 10.874 3 10.199 3 9.5C3 8.851 3.003 8.377 3.008 8.077C3.017 7.581 3.035 7.147 3.064 6.774C3.134 5.867 3.288 5.056 3.526 4.342C3.535 4.315 3.545 4.289 3.558 4.265L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM11.825 12.532L10.904 11.611C10.891 11.653 10.876 11.695 10.86 11.736C10.758 11.993 10.609 12.219 10.414 12.414C10.219 12.609 9.993 12.758 9.736 12.86C9.5 12.953 9.254 13 9 13C8.746 13 8.5 12.953 8.264 12.86C8.007 12.758 7.781 12.609 7.586 12.414C7.391 12.219 7.242 11.993 7.14 11.736C7.047 11.5 7 11.254 7 11C7 10.477 7.11 9.995 7.331 9.554C7.416 9.383 7.525 9.205 7.656 9.022C7.721 8.931 7.816 8.806 7.941 8.648L6.808 7.516C6.795 7.537 6.781 7.558 6.767 7.577C6.566 7.859 6.31 8 6 8C5.359 8 4.818 7.602 4.375 6.805C4.291 6.653 4.205 6.478 4.119 6.28C4.095 6.465 4.076 6.655 4.061 6.851C4.034 7.204 4.016 7.619 4.008 8.095C4.003 8.389 4 8.857 4 9.5C4 10.072 4.105 10.624 4.316 11.156C4.545 11.734 4.879 12.243 5.318 12.682C5.757 13.121 6.266 13.455 6.844 13.684C7.376 13.895 7.928 14 8.5 14C9.18 14 9.827 13.853 10.44 13.56C10.972 13.306 11.434 12.964 11.825 12.532ZM6.065 6.772L4.935 5.642C5.044 5.912 5.149 6.138 5.25 6.32C5.485 6.744 5.72 6.97 5.952 6.997L5.953 6.997L5.953 6.996C5.988 6.948 6.025 6.874 6.065 6.772ZM8.653 9.36C8.574 9.461 8.513 9.542 8.469 9.603C8.369 9.744 8.287 9.877 8.225 10.001C8.075 10.301 8 10.634 8 11C8 11.276 8.098 11.512 8.293 11.707C8.488 11.902 8.724 12 9 12C9.276 12 9.512 11.902 9.707 11.707C9.902 11.512 10 11.276 10 11C10 10.893 9.994 10.789 9.981 10.689L8.653 9.36ZM6.786 4.786C6.759 4.685 6.766 4.582 6.807 4.476C7.344 3.107 8.134 1.987 9.18 1.116C9.286 1.027 9.408 0.99 9.545 1.002C9.683 1.015 9.796 1.074 9.884 1.18C9.938 1.245 9.974 1.319 9.99 1.402C10.069 1.794 10.253 2.213 10.544 2.661C10.731 2.949 11.067 3.388 11.552 3.977C11.931 4.438 12.214 4.793 12.399 5.044C12.717 5.473 12.98 5.885 13.189 6.278C13.73 7.294 14 8.368 14 9.5C14 9.952 13.945 10.397 13.835 10.836C13.801 10.973 13.726 11.076 13.609 11.146C13.492 11.216 13.365 11.234 13.229 11.2C13.215 11.196 13.201 11.192 13.188 11.188L12.872 10.872C12.843 10.784 12.841 10.691 12.865 10.593C12.955 10.234 13 9.87 13 9.5C13 8.534 12.769 7.617 12.306 6.747C12.12 6.398 11.883 6.028 11.595 5.639C11.42 5.402 11.148 5.06 10.78 4.613C10.526 4.305 10.339 4.073 10.219 3.919C10.016 3.659 9.845 3.421 9.705 3.206C9.528 2.932 9.381 2.664 9.266 2.399C8.986 2.691 8.733 3.005 8.508 3.344C8.212 3.788 7.955 4.287 7.739 4.841C7.687 4.972 7.599 5.065 7.475 5.119C7.366 5.167 7.255 5.174 7.141 5.141L6.786 4.786Z"), fill = SolidColor(Color.Black), ).build() } // Icon(FlameOffIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "flame-off" (line-round), MIT. https://gentleface.com/icons/flame-off import 'package:flutter/widgets.dart'; class FlameOffIcon extends StatelessWidget { const FlameOffIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _FlameOffIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _FlameOffIconPainter extends CustomPainter { _FlameOffIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(15.003, 14.5) ..cubicTo(15.003, 14.636, 14.953, 14.754, 14.854, 14.854) ..cubicTo(14.754, 14.953, 14.636, 15.003, 14.5, 15.003) ..cubicTo(14.364, 15.003, 14.246, 14.953, 14.146, 14.854) ..lineTo(12.533, 13.24) ..cubicTo(12.061, 13.751, 11.507, 14.159, 10.872, 14.462) ..cubicTo(10.122, 14.821, 9.331, 15, 8.5, 15) ..cubicTo(7.801, 15, 7.126, 14.871, 6.475, 14.614) ..cubicTo(5.769, 14.334, 5.148, 13.926, 4.611, 13.389) ..cubicTo(4.074, 12.852, 3.666, 12.231, 3.386, 11.525) ..cubicTo(3.129, 10.874, 3, 10.199, 3, 9.5) ..cubicTo(3, 8.851, 3.003, 8.377, 3.008, 8.077) ..cubicTo(3.017, 7.581, 3.035, 7.147, 3.064, 6.774) ..cubicTo(3.134, 5.867, 3.288, 5.056, 3.526, 4.342) ..cubicTo(3.535, 4.315, 3.545, 4.289, 3.558, 4.265) ..lineTo(1.146, 1.854) ..cubicTo(1.047, 1.754, 0.997, 1.636, 0.997, 1.5) ..cubicTo(0.997, 1.364, 1.047, 1.246, 1.146, 1.146) ..cubicTo(1.246, 1.047, 1.364, 0.997, 1.5, 0.997) ..cubicTo(1.636, 0.997, 1.754, 1.047, 1.854, 1.146) ..lineTo(14.854, 14.146) ..cubicTo(14.953, 14.246, 15.003, 14.364, 15.003, 14.5) ..close() ..moveTo(11.825, 12.532) ..lineTo(10.904, 11.611) ..cubicTo(10.891, 11.653, 10.876, 11.695, 10.86, 11.736) ..cubicTo(10.758, 11.993, 10.609, 12.219, 10.414, 12.414) ..cubicTo(10.219, 12.609, 9.993, 12.758, 9.736, 12.86) ..cubicTo(9.5, 12.953, 9.254, 13, 9, 13) ..cubicTo(8.746, 13, 8.5, 12.953, 8.264, 12.86) ..cubicTo(8.007, 12.758, 7.781, 12.609, 7.586, 12.414) ..cubicTo(7.391, 12.219, 7.242, 11.993, 7.14, 11.736) ..cubicTo(7.047, 11.5, 7, 11.254, 7, 11) ..cubicTo(7, 10.477, 7.11, 9.995, 7.331, 9.554) ..cubicTo(7.416, 9.383, 7.525, 9.205, 7.656, 9.022) ..cubicTo(7.721, 8.931, 7.816, 8.806, 7.941, 8.648) ..lineTo(6.808, 7.516) ..cubicTo(6.795, 7.537, 6.781, 7.558, 6.767, 7.577) ..cubicTo(6.566, 7.859, 6.31, 8, 6, 8) ..cubicTo(5.359, 8, 4.818, 7.602, 4.375, 6.805) ..cubicTo(4.291, 6.653, 4.205, 6.478, 4.119, 6.28) ..cubicTo(4.095, 6.465, 4.076, 6.655, 4.061, 6.851) ..cubicTo(4.034, 7.204, 4.016, 7.619, 4.008, 8.095) ..cubicTo(4.003, 8.389, 4, 8.857, 4, 9.5) ..cubicTo(4, 10.072, 4.105, 10.624, 4.316, 11.156) ..cubicTo(4.545, 11.734, 4.879, 12.243, 5.318, 12.682) ..cubicTo(5.757, 13.121, 6.266, 13.455, 6.844, 13.684) ..cubicTo(7.376, 13.895, 7.928, 14, 8.5, 14) ..cubicTo(9.18, 14, 9.827, 13.853, 10.44, 13.56) ..cubicTo(10.972, 13.306, 11.434, 12.964, 11.825, 12.532) ..close() ..moveTo(6.065, 6.772) ..lineTo(4.935, 5.642) ..cubicTo(5.044, 5.912, 5.149, 6.138, 5.25, 6.32) ..cubicTo(5.485, 6.744, 5.72, 6.97, 5.952, 6.997) ..lineTo(5.953, 6.997) ..lineTo(5.953, 6.996) ..cubicTo(5.988, 6.948, 6.025, 6.874, 6.065, 6.772) ..close() ..moveTo(8.653, 9.36) ..cubicTo(8.574, 9.461, 8.513, 9.542, 8.469, 9.603) ..cubicTo(8.369, 9.744, 8.287, 9.877, 8.225, 10.001) ..cubicTo(8.075, 10.301, 8, 10.634, 8, 11) ..cubicTo(8, 11.276, 8.098, 11.512, 8.293, 11.707) ..cubicTo(8.488, 11.902, 8.724, 12, 9, 12) ..cubicTo(9.276, 12, 9.512, 11.902, 9.707, 11.707) ..cubicTo(9.902, 11.512, 10, 11.276, 10, 11) ..cubicTo(10, 10.893, 9.994, 10.789, 9.981, 10.689) ..lineTo(8.653, 9.36) ..close() ..moveTo(6.786, 4.786) ..cubicTo(6.759, 4.685, 6.766, 4.582, 6.807, 4.476) ..cubicTo(7.344, 3.107, 8.134, 1.987, 9.18, 1.116) ..cubicTo(9.286, 1.027, 9.408, 0.99, 9.545, 1.002) ..cubicTo(9.683, 1.015, 9.796, 1.074, 9.884, 1.18) ..cubicTo(9.938, 1.245, 9.974, 1.319, 9.99, 1.402) ..cubicTo(10.069, 1.794, 10.253, 2.213, 10.544, 2.661) ..cubicTo(10.731, 2.949, 11.067, 3.388, 11.552, 3.977) ..cubicTo(11.931, 4.438, 12.214, 4.793, 12.399, 5.044) ..cubicTo(12.717, 5.473, 12.98, 5.885, 13.189, 6.278) ..cubicTo(13.73, 7.294, 14, 8.368, 14, 9.5) ..cubicTo(14, 9.952, 13.945, 10.397, 13.835, 10.836) ..cubicTo(13.801, 10.973, 13.726, 11.076, 13.609, 11.146) ..cubicTo(13.492, 11.216, 13.365, 11.234, 13.229, 11.2) ..cubicTo(13.215, 11.196, 13.201, 11.192, 13.188, 11.188) ..lineTo(12.872, 10.872) ..cubicTo(12.843, 10.784, 12.841, 10.691, 12.865, 10.593) ..cubicTo(12.955, 10.234, 13, 9.87, 13, 9.5) ..cubicTo(13, 8.534, 12.769, 7.617, 12.306, 6.747) ..cubicTo(12.12, 6.398, 11.883, 6.028, 11.595, 5.639) ..cubicTo(11.42, 5.402, 11.148, 5.06, 10.78, 4.613) ..cubicTo(10.526, 4.305, 10.339, 4.073, 10.219, 3.919) ..cubicTo(10.016, 3.659, 9.845, 3.421, 9.705, 3.206) ..cubicTo(9.528, 2.932, 9.381, 2.664, 9.266, 2.399) ..cubicTo(8.986, 2.691, 8.733, 3.005, 8.508, 3.344) ..cubicTo(8.212, 3.788, 7.955, 4.287, 7.739, 4.841) ..cubicTo(7.687, 4.972, 7.599, 5.065, 7.475, 5.119) ..cubicTo(7.366, 5.167, 7.255, 5.174, 7.141, 5.141) ..lineTo(6.786, 4.786) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_FlameOffIconPainter old) => old.color != color; } ```