flashlight emoji

flashlight from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name
flashlight
Set
Noto Emoji
Style
Default
Category
Objects
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

flashlightAkar IconsflashlightEmoji One (Colored)flashlight-16-filledFluent UI System IconsflashlightFluent EmojiflashlightFluent Emoji FlatflashlightFluent Emoji High ContrastflashlightHuge IconsflashlightIconParkflashlightIconPark OutlineflashlightIconPark SolidflashlightIconPark TwoToneflashlightIonIconsflashlightLucideflashlightMaterial Design Iconsflashlight-fillMingCute IconflashlightOpenMojiflashlightPhosphorflashlight-fillRemix Iconflashlight-boldSolarflashlightStreamline EmojisflashlightTDesign IconsflashlightTwitter Emoji

More objects icons from Noto Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the flashlight emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#2f7889" d="m121.702 95.228l-52-54.9c-4.3-20.8-17.5-33.2-17.5-33.2l-44.9 44.9s10.7 14.3 33.1 17.5l55.2 51.9c5.4 4.6 15 2.7 21.8-4.5c6.5-6.9 8.5-16.5 4.2-21.8z"/><path fill="#9e740b" d="M49.602 10.028c5.7 5.7 1.5 19.2-9.4 30.1s-24.4 15.1-30.1 9.4s-1.5-19.2 9.4-30.1s24.4-15.1 30.1-9.4"/><path fill="#ffee58" d="M50.902 14.328c4.6 4.6-.6 15.8-10.7 25.9s-21.3 15.3-25.9 10.7s-.2-16.5 9.9-26.6s22-14.5 26.6-9.9"/><path fill="#fff" d="M53.502 22.828s-3.6 10.1-12 18.5s-18.5 12-18.5 12c-4.9-4.9-2.1-15.8 6.3-24.2s19.3-11.3 24.2-6.3"/><path fill="#80deea" d="M47.702 9.728c5 5 .5 17.5-9.9 28s-23 14.9-28 9.9s-.5-17.5 9.9-28c10.5-10.5 23-14.9 28-9.9m4.4-2.6c-3.4-3.4-9.1-4-16-1.6c-6.1 2.2-12.6 6.5-18.3 12.2s-10.1 12.2-12.2 18.3c-2.4 6.9-1.9 12.5 1.6 16c3.4 3.4 9.1 4 16 1.6c6.1-2.2 12.6-6.5 18.3-12.2s10.1-12.2 12.2-18.3c2.4-6.9 1.9-12.5-1.6-16"/><path fill="#ffff8d" d="M18.302 40.728c-1.6.2-3 .3-2.6-1c3-10.5 13.3-19.7 20.7-22.8c1.7-.7 1 1.7.8 3.1s-.6 2.2-1.4 2.6c-4.1 2.2-12 8.3-14.8 16.4s-1.1 1.4-2.7 1.6z"/><path fill="#e2a610" d="M11.302 41.028c-1.3.4-2.7 1.3-2.4 0c2.8-14.8 15.5-27.3 27.9-31.4s.7.4.4 2.4c-.3 1.9-.7 2.1-1.2 2.4c-7.5 3.9-18 11.6-22.9 24.5s-.5 1.6-1.9 2.1z"/><path fill="#212121" d="m81.002 72.128l-10.4-9.4c-1.5-1.5-1.5-3.9 0-5.3l1.4-1.6c1.5-1.5 3.9-1.5 5.3 0l10 10c1.5 1.5 1.5 3.9 0 5.3l-1 1c-1.5 1.5-3.9 1.5-5.3 0"/><circle cx="75.102" cy="60.228" r="3.3" fill="#49a4ba"/><path fill="#49a4ba" d="M54.002 34.528c0 3.8 3.2 2.8 6.2 9.5c1.1 2.5 2.5 1.8 3.2.8c3.2-4.5 2.6-5.5 1.5-9.8s-4.3-11.7-5.9-11.9s-1.6 1.6-2.1 3.2c-1.2 4.5-3 6.2-3 8.2z"/><path fill="#212121" d="M36.502 68.828s10.5-1.8 21.5-12.7c10.9-10.9 10.8-19.3 10.8-19.6l.8 3.7s1.5 8.6-8.8 18.9s-20.6 10.4-20.6 10.4z"/></svg>

React

import type { SVGProps } from "react";

export function NotoFlashlight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#2f7889" d="m121.702 95.228l-52-54.9c-4.3-20.8-17.5-33.2-17.5-33.2l-44.9 44.9s10.7 14.3 33.1 17.5l55.2 51.9c5.4 4.6 15 2.7 21.8-4.5c6.5-6.9 8.5-16.5 4.2-21.8z"/><path fill="#9e740b" d="M49.602 10.028c5.7 5.7 1.5 19.2-9.4 30.1s-24.4 15.1-30.1 9.4s-1.5-19.2 9.4-30.1s24.4-15.1 30.1-9.4"/><path fill="#ffee58" d="M50.902 14.328c4.6 4.6-.6 15.8-10.7 25.9s-21.3 15.3-25.9 10.7s-.2-16.5 9.9-26.6s22-14.5 26.6-9.9"/><path fill="#fff" d="M53.502 22.828s-3.6 10.1-12 18.5s-18.5 12-18.5 12c-4.9-4.9-2.1-15.8 6.3-24.2s19.3-11.3 24.2-6.3"/><path fill="#80deea" d="M47.702 9.728c5 5 .5 17.5-9.9 28s-23 14.9-28 9.9s-.5-17.5 9.9-28c10.5-10.5 23-14.9 28-9.9m4.4-2.6c-3.4-3.4-9.1-4-16-1.6c-6.1 2.2-12.6 6.5-18.3 12.2s-10.1 12.2-12.2 18.3c-2.4 6.9-1.9 12.5 1.6 16c3.4 3.4 9.1 4 16 1.6c6.1-2.2 12.6-6.5 18.3-12.2s10.1-12.2 12.2-18.3c2.4-6.9 1.9-12.5-1.6-16"/><path fill="#ffff8d" d="M18.302 40.728c-1.6.2-3 .3-2.6-1c3-10.5 13.3-19.7 20.7-22.8c1.7-.7 1 1.7.8 3.1s-.6 2.2-1.4 2.6c-4.1 2.2-12 8.3-14.8 16.4s-1.1 1.4-2.7 1.6z"/><path fill="#e2a610" d="M11.302 41.028c-1.3.4-2.7 1.3-2.4 0c2.8-14.8 15.5-27.3 27.9-31.4s.7.4.4 2.4c-.3 1.9-.7 2.1-1.2 2.4c-7.5 3.9-18 11.6-22.9 24.5s-.5 1.6-1.9 2.1z"/><path fill="#212121" d="m81.002 72.128l-10.4-9.4c-1.5-1.5-1.5-3.9 0-5.3l1.4-1.6c1.5-1.5 3.9-1.5 5.3 0l10 10c1.5 1.5 1.5 3.9 0 5.3l-1 1c-1.5 1.5-3.9 1.5-5.3 0"/><circle cx="75.102" cy="60.228" r="3.3" fill="#49a4ba"/><path fill="#49a4ba" d="M54.002 34.528c0 3.8 3.2 2.8 6.2 9.5c1.1 2.5 2.5 1.8 3.2.8c3.2-4.5 2.6-5.5 1.5-9.8s-4.3-11.7-5.9-11.9s-1.6 1.6-2.1 3.2c-1.2 4.5-3 6.2-3 8.2z"/><path fill="#212121" d="M36.502 68.828s10.5-1.8 21.5-12.7c10.9-10.9 10.8-19.3 10.8-19.6l.8 3.7s1.5 8.6-8.8 18.9s-20.6 10.4-20.6 10.4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#2f7889" d="m121.702 95.228l-52-54.9c-4.3-20.8-17.5-33.2-17.5-33.2l-44.9 44.9s10.7 14.3 33.1 17.5l55.2 51.9c5.4 4.6 15 2.7 21.8-4.5c6.5-6.9 8.5-16.5 4.2-21.8z"/><path fill="#9e740b" d="M49.602 10.028c5.7 5.7 1.5 19.2-9.4 30.1s-24.4 15.1-30.1 9.4s-1.5-19.2 9.4-30.1s24.4-15.1 30.1-9.4"/><path fill="#ffee58" d="M50.902 14.328c4.6 4.6-.6 15.8-10.7 25.9s-21.3 15.3-25.9 10.7s-.2-16.5 9.9-26.6s22-14.5 26.6-9.9"/><path fill="#fff" d="M53.502 22.828s-3.6 10.1-12 18.5s-18.5 12-18.5 12c-4.9-4.9-2.1-15.8 6.3-24.2s19.3-11.3 24.2-6.3"/><path fill="#80deea" d="M47.702 9.728c5 5 .5 17.5-9.9 28s-23 14.9-28 9.9s-.5-17.5 9.9-28c10.5-10.5 23-14.9 28-9.9m4.4-2.6c-3.4-3.4-9.1-4-16-1.6c-6.1 2.2-12.6 6.5-18.3 12.2s-10.1 12.2-12.2 18.3c-2.4 6.9-1.9 12.5 1.6 16c3.4 3.4 9.1 4 16 1.6c6.1-2.2 12.6-6.5 18.3-12.2s10.1-12.2 12.2-18.3c2.4-6.9 1.9-12.5-1.6-16"/><path fill="#ffff8d" d="M18.302 40.728c-1.6.2-3 .3-2.6-1c3-10.5 13.3-19.7 20.7-22.8c1.7-.7 1 1.7.8 3.1s-.6 2.2-1.4 2.6c-4.1 2.2-12 8.3-14.8 16.4s-1.1 1.4-2.7 1.6z"/><path fill="#e2a610" d="M11.302 41.028c-1.3.4-2.7 1.3-2.4 0c2.8-14.8 15.5-27.3 27.9-31.4s.7.4.4 2.4c-.3 1.9-.7 2.1-1.2 2.4c-7.5 3.9-18 11.6-22.9 24.5s-.5 1.6-1.9 2.1z"/><path fill="#212121" d="m81.002 72.128l-10.4-9.4c-1.5-1.5-1.5-3.9 0-5.3l1.4-1.6c1.5-1.5 3.9-1.5 5.3 0l10 10c1.5 1.5 1.5 3.9 0 5.3l-1 1c-1.5 1.5-3.9 1.5-5.3 0"/><circle cx="75.102" cy="60.228" r="3.3" fill="#49a4ba"/><path fill="#49a4ba" d="M54.002 34.528c0 3.8 3.2 2.8 6.2 9.5c1.1 2.5 2.5 1.8 3.2.8c3.2-4.5 2.6-5.5 1.5-9.8s-4.3-11.7-5.9-11.9s-1.6 1.6-2.1 3.2c-1.2 4.5-3 6.2-3 8.2z"/><path fill="#212121" d="M36.502 68.828s10.5-1.8 21.5-12.7c10.9-10.9 10.8-19.3 10.8-19.6l.8 3.7s1.5 8.6-8.8 18.9s-20.6 10.4-20.6 10.4z"/></svg>
</template>

CSS

.icon-flashlight {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%232f7889%22%20d%3D%22m121.702%2095.228l-52-54.9c-4.3-20.8-17.5-33.2-17.5-33.2l-44.9%2044.9s10.7%2014.3%2033.1%2017.5l55.2%2051.9c5.4%204.6%2015%202.7%2021.8-4.5c6.5-6.9%208.5-16.5%204.2-21.8z%22%2F%3E%3Cpath%20fill%3D%22%239e740b%22%20d%3D%22M49.602%2010.028c5.7%205.7%201.5%2019.2-9.4%2030.1s-24.4%2015.1-30.1%209.4s-1.5-19.2%209.4-30.1s24.4-15.1%2030.1-9.4%22%2F%3E%3Cpath%20fill%3D%22%23ffee58%22%20d%3D%22M50.902%2014.328c4.6%204.6-.6%2015.8-10.7%2025.9s-21.3%2015.3-25.9%2010.7s-.2-16.5%209.9-26.6s22-14.5%2026.6-9.9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M53.502%2022.828s-3.6%2010.1-12%2018.5s-18.5%2012-18.5%2012c-4.9-4.9-2.1-15.8%206.3-24.2s19.3-11.3%2024.2-6.3%22%2F%3E%3Cpath%20fill%3D%22%2380deea%22%20d%3D%22M47.702%209.728c5%205%20.5%2017.5-9.9%2028s-23%2014.9-28%209.9s-.5-17.5%209.9-28c10.5-10.5%2023-14.9%2028-9.9m4.4-2.6c-3.4-3.4-9.1-4-16-1.6c-6.1%202.2-12.6%206.5-18.3%2012.2s-10.1%2012.2-12.2%2018.3c-2.4%206.9-1.9%2012.5%201.6%2016c3.4%203.4%209.1%204%2016%201.6c6.1-2.2%2012.6-6.5%2018.3-12.2s10.1-12.2%2012.2-18.3c2.4-6.9%201.9-12.5-1.6-16%22%2F%3E%3Cpath%20fill%3D%22%23ffff8d%22%20d%3D%22M18.302%2040.728c-1.6.2-3%20.3-2.6-1c3-10.5%2013.3-19.7%2020.7-22.8c1.7-.7%201%201.7.8%203.1s-.6%202.2-1.4%202.6c-4.1%202.2-12%208.3-14.8%2016.4s-1.1%201.4-2.7%201.6z%22%2F%3E%3Cpath%20fill%3D%22%23e2a610%22%20d%3D%22M11.302%2041.028c-1.3.4-2.7%201.3-2.4%200c2.8-14.8%2015.5-27.3%2027.9-31.4s.7.4.4%202.4c-.3%201.9-.7%202.1-1.2%202.4c-7.5%203.9-18%2011.6-22.9%2024.5s-.5%201.6-1.9%202.1z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22m81.002%2072.128l-10.4-9.4c-1.5-1.5-1.5-3.9%200-5.3l1.4-1.6c1.5-1.5%203.9-1.5%205.3%200l10%2010c1.5%201.5%201.5%203.9%200%205.3l-1%201c-1.5%201.5-3.9%201.5-5.3%200%22%2F%3E%3Ccircle%20cx%3D%2275.102%22%20cy%3D%2260.228%22%20r%3D%223.3%22%20fill%3D%22%2349a4ba%22%2F%3E%3Cpath%20fill%3D%22%2349a4ba%22%20d%3D%22M54.002%2034.528c0%203.8%203.2%202.8%206.2%209.5c1.1%202.5%202.5%201.8%203.2.8c3.2-4.5%202.6-5.5%201.5-9.8s-4.3-11.7-5.9-11.9s-1.6%201.6-2.1%203.2c-1.2%204.5-3%206.2-3%208.2z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M36.502%2068.828s10.5-1.8%2021.5-12.7c10.9-10.9%2010.8-19.3%2010.8-19.6l.8%203.7s1.5%208.6-8.8%2018.9s-20.6%2010.4-20.6%2010.4z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%232f7889%22%20d%3D%22m121.702%2095.228l-52-54.9c-4.3-20.8-17.5-33.2-17.5-33.2l-44.9%2044.9s10.7%2014.3%2033.1%2017.5l55.2%2051.9c5.4%204.6%2015%202.7%2021.8-4.5c6.5-6.9%208.5-16.5%204.2-21.8z%22%2F%3E%3Cpath%20fill%3D%22%239e740b%22%20d%3D%22M49.602%2010.028c5.7%205.7%201.5%2019.2-9.4%2030.1s-24.4%2015.1-30.1%209.4s-1.5-19.2%209.4-30.1s24.4-15.1%2030.1-9.4%22%2F%3E%3Cpath%20fill%3D%22%23ffee58%22%20d%3D%22M50.902%2014.328c4.6%204.6-.6%2015.8-10.7%2025.9s-21.3%2015.3-25.9%2010.7s-.2-16.5%209.9-26.6s22-14.5%2026.6-9.9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M53.502%2022.828s-3.6%2010.1-12%2018.5s-18.5%2012-18.5%2012c-4.9-4.9-2.1-15.8%206.3-24.2s19.3-11.3%2024.2-6.3%22%2F%3E%3Cpath%20fill%3D%22%2380deea%22%20d%3D%22M47.702%209.728c5%205%20.5%2017.5-9.9%2028s-23%2014.9-28%209.9s-.5-17.5%209.9-28c10.5-10.5%2023-14.9%2028-9.9m4.4-2.6c-3.4-3.4-9.1-4-16-1.6c-6.1%202.2-12.6%206.5-18.3%2012.2s-10.1%2012.2-12.2%2018.3c-2.4%206.9-1.9%2012.5%201.6%2016c3.4%203.4%209.1%204%2016%201.6c6.1-2.2%2012.6-6.5%2018.3-12.2s10.1-12.2%2012.2-18.3c2.4-6.9%201.9-12.5-1.6-16%22%2F%3E%3Cpath%20fill%3D%22%23ffff8d%22%20d%3D%22M18.302%2040.728c-1.6.2-3%20.3-2.6-1c3-10.5%2013.3-19.7%2020.7-22.8c1.7-.7%201%201.7.8%203.1s-.6%202.2-1.4%202.6c-4.1%202.2-12%208.3-14.8%2016.4s-1.1%201.4-2.7%201.6z%22%2F%3E%3Cpath%20fill%3D%22%23e2a610%22%20d%3D%22M11.302%2041.028c-1.3.4-2.7%201.3-2.4%200c2.8-14.8%2015.5-27.3%2027.9-31.4s.7.4.4%202.4c-.3%201.9-.7%202.1-1.2%202.4c-7.5%203.9-18%2011.6-22.9%2024.5s-.5%201.6-1.9%202.1z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22m81.002%2072.128l-10.4-9.4c-1.5-1.5-1.5-3.9%200-5.3l1.4-1.6c1.5-1.5%203.9-1.5%205.3%200l10%2010c1.5%201.5%201.5%203.9%200%205.3l-1%201c-1.5%201.5-3.9%201.5-5.3%200%22%2F%3E%3Ccircle%20cx%3D%2275.102%22%20cy%3D%2260.228%22%20r%3D%223.3%22%20fill%3D%22%2349a4ba%22%2F%3E%3Cpath%20fill%3D%22%2349a4ba%22%20d%3D%22M54.002%2034.528c0%203.8%203.2%202.8%206.2%209.5c1.1%202.5%202.5%201.8%203.2.8c3.2-4.5%202.6-5.5%201.5-9.8s-4.3-11.7-5.9-11.9s-1.6%201.6-2.1%203.2c-1.2%204.5-3%206.2-3%208.2z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M36.502%2068.828s10.5-1.8%2021.5-12.7c10.9-10.9%2010.8-19.3%2010.8-19.6l.8%203.7s1.5%208.6-8.8%2018.9s-20.6%2010.4-20.6%2010.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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