gentleface

Gentleface › Social & emotions › flame-off

flame-off icon

Flame off: no open flames, fire off. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path 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"/></svg>
React
// Gentleface "flame-off" (line-round), MIT. https://gentleface.com/icons/flame-off
import type { SVGProps } from 'react';

export function FlameOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path 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" />
    </svg>
  );
}
Vue
Vue: see /icons/flame-off.md
Svelte
Svelte: see /icons/flame-off.md
HTML img
HTML img: see /icons/flame-off.md
CSS
CSS: see /icons/flame-off.md
Data URL
Data URL: see /icons/flame-off.md
Sprite
Sprite: see /icons/flame-off.md
SwiftUI
SwiftUI: see /icons/flame-off.md
Compose
Compose: see /icons/flame-off.md
Android XML
Android XML: see /icons/flame-off.md
Flutter
Flutter: see /icons/flame-off.md

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. 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. More in how to use.

With npm: import { FlameOffIcon } from '@gentleface/react'; (setup).

Meaning

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
Category
Social & emotions
Component name
FlameOffIcon
History
  • added, released in 0.4.0
Since
version 0.4.0

Family 2

More social & emotions icons

For agents

Metadata: /icons/flame-off.json · Markdown: /icons/flame-off.md · SVG: https://gentleface.com/svg/{style}/16/flame-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/flame-off.png