flashlight on icon

flashlight-on-f from Jam Icons by Michael Amprimo · Filled · MIT Free for personal and commercial use.

Name
flashlight-on-f
Set
Jam Icons
Style
Filled
Viewbox
24×24
License
MIT

1 other variant in Jam Icons

flashlight-on

The same icon in other sets

flashlight-onMaterial Symbolsflashlight-onMaterial Symbols Lightflashlight-on-boldSolar

Related icons in Jam Icons

flashlight-off

Use the flashlight on icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1 -1 24 24"><path fill="currentColor" d="m7.2 10.81l3.99 3.99l-6.65 6.65a1.88 1.88 0 0 1-2.66 0L.55 20.12a1.88 1.88 0 0 1 0-2.66zm.85-1.809a2.8 2.8 0 0 1 .654-1.024l3.151-3.15a.94.94 0 0 1 1.33 0l3.99 3.99a.94.94 0 0 1 0 1.33l-3.123 3.121a2.8 2.8 0 0 1-1.066.669zm8.714-1.925a.87.87 0 0 1 0-1.227l2.098-2.097a.868.868 0 0 1 1.227 1.227l-2.097 2.097a.87.87 0 0 1-1.228 0m1.573 1.394a.87.87 0 0 1 .614-1.063l1.956-.524a.868.868 0 0 1 .45 1.677l-1.957.524a.87.87 0 0 1-1.063-.614m-3.414-3.235a.87.87 0 0 1 0-1.227L17.02 1.91a.868.868 0 0 1 1.228 1.227L16.15 5.235a.87.87 0 0 1-1.228 0zM13.53 3.663a.87.87 0 0 1-.614-1.063L13.44.644a.868.868 0 0 1 1.677.449l-.524 1.956a.87.87 0 0 1-1.063.614"/></svg>

React

import type { SVGProps } from "react";

export function JamFlashlightOnF(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1 -1 24 24"><path fill="currentColor" d="m7.2 10.81l3.99 3.99l-6.65 6.65a1.88 1.88 0 0 1-2.66 0L.55 20.12a1.88 1.88 0 0 1 0-2.66zm.85-1.809a2.8 2.8 0 0 1 .654-1.024l3.151-3.15a.94.94 0 0 1 1.33 0l3.99 3.99a.94.94 0 0 1 0 1.33l-3.123 3.121a2.8 2.8 0 0 1-1.066.669zm8.714-1.925a.87.87 0 0 1 0-1.227l2.098-2.097a.868.868 0 0 1 1.227 1.227l-2.097 2.097a.87.87 0 0 1-1.228 0m1.573 1.394a.87.87 0 0 1 .614-1.063l1.956-.524a.868.868 0 0 1 .45 1.677l-1.957.524a.87.87 0 0 1-1.063-.614m-3.414-3.235a.87.87 0 0 1 0-1.227L17.02 1.91a.868.868 0 0 1 1.228 1.227L16.15 5.235a.87.87 0 0 1-1.228 0zM13.53 3.663a.87.87 0 0 1-.614-1.063L13.44.644a.868.868 0 0 1 1.677.449l-.524 1.956a.87.87 0 0 1-1.063.614"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-1 -1 24 24"><path fill="currentColor" d="m7.2 10.81l3.99 3.99l-6.65 6.65a1.88 1.88 0 0 1-2.66 0L.55 20.12a1.88 1.88 0 0 1 0-2.66zm.85-1.809a2.8 2.8 0 0 1 .654-1.024l3.151-3.15a.94.94 0 0 1 1.33 0l3.99 3.99a.94.94 0 0 1 0 1.33l-3.123 3.121a2.8 2.8 0 0 1-1.066.669zm8.714-1.925a.87.87 0 0 1 0-1.227l2.098-2.097a.868.868 0 0 1 1.227 1.227l-2.097 2.097a.87.87 0 0 1-1.228 0m1.573 1.394a.87.87 0 0 1 .614-1.063l1.956-.524a.868.868 0 0 1 .45 1.677l-1.957.524a.87.87 0 0 1-1.063-.614m-3.414-3.235a.87.87 0 0 1 0-1.227L17.02 1.91a.868.868 0 0 1 1.228 1.227L16.15 5.235a.87.87 0 0 1-1.228 0zM13.53 3.663a.87.87 0 0 1-.614-1.063L13.44.644a.868.868 0 0 1 1.677.449l-.524 1.956a.87.87 0 0 1-1.063.614"/></svg>
</template>

CSS

.icon-flashlight-on-f {
  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%22-1%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.2%2010.81l3.99%203.99l-6.65%206.65a1.88%201.88%200%200%201-2.66%200L.55%2020.12a1.88%201.88%200%200%201%200-2.66zm.85-1.809a2.8%202.8%200%200%201%20.654-1.024l3.151-3.15a.94.94%200%200%201%201.33%200l3.99%203.99a.94.94%200%200%201%200%201.33l-3.123%203.121a2.8%202.8%200%200%201-1.066.669zm8.714-1.925a.87.87%200%200%201%200-1.227l2.098-2.097a.868.868%200%200%201%201.227%201.227l-2.097%202.097a.87.87%200%200%201-1.228%200m1.573%201.394a.87.87%200%200%201%20.614-1.063l1.956-.524a.868.868%200%200%201%20.45%201.677l-1.957.524a.87.87%200%200%201-1.063-.614m-3.414-3.235a.87.87%200%200%201%200-1.227L17.02%201.91a.868.868%200%200%201%201.228%201.227L16.15%205.235a.87.87%200%200%201-1.228%200zM13.53%203.663a.87.87%200%200%201-.614-1.063L13.44.644a.868.868%200%200%201%201.677.449l-.524%201.956a.87.87%200%200%201-1.063.614%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%22-1%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.2%2010.81l3.99%203.99l-6.65%206.65a1.88%201.88%200%200%201-2.66%200L.55%2020.12a1.88%201.88%200%200%201%200-2.66zm.85-1.809a2.8%202.8%200%200%201%20.654-1.024l3.151-3.15a.94.94%200%200%201%201.33%200l3.99%203.99a.94.94%200%200%201%200%201.33l-3.123%203.121a2.8%202.8%200%200%201-1.066.669zm8.714-1.925a.87.87%200%200%201%200-1.227l2.098-2.097a.868.868%200%200%201%201.227%201.227l-2.097%202.097a.87.87%200%200%201-1.228%200m1.573%201.394a.87.87%200%200%201%20.614-1.063l1.956-.524a.868.868%200%200%201%20.45%201.677l-1.957.524a.87.87%200%200%201-1.063-.614m-3.414-3.235a.87.87%200%200%201%200-1.227L17.02%201.91a.868.868%200%200%201%201.228%201.227L16.15%205.235a.87.87%200%200%201-1.228%200zM13.53%203.663a.87.87%200%200%201-.614-1.063L13.44.644a.868.868%200%200%201%201.677.449l-.524%201.956a.87.87%200%200%201-1.063.614%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/flashlight-on-f.svg?color=%231a73e8&size=48