Nightwatch icon

file-icons:nightwatch

The Nightwatch icon (file-icons:nightwatch) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 423 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 423 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="423" height="512" viewBox="0 0 423 512"><path fill="currentColor" d="M292.138 461.658c118.178-42.663 175.507-171.476 89.45-275.307c-5.223-29.835-14.34-57.527-26.566-81.951l10.534-93.89c.765-6.83-5.913-12.065-12.344-9.693l-64.79 23.845C236.69-8.936 185.52-7.66 134.859 25.159L68.73.817C62.288-1.555 55.614 3.68 56.37 10.51l10.92 97.174c-11.405 23.606-19.922 50.166-24.9 78.673C-35.602 280-6.056 409.677 131.726 461.635c-23.786 9.9-25.148 46.11-3.388 50.365c8.501 0 15.403-10.125 15.403-22.618c0 12.493 6.881 22.618 15.383 22.618c8.51 0 15.395-10.125 15.395-22.618c0 12.493 6.897 22.618 15.399 22.618c8.497 0 15.433-10.278 15.433-22.772a67 67 0 0 0 12.642-.11c0 12.494 6.875 22.882 15.369 22.882c8.509 0 15.395-10.125 15.395-22.618c0 12.493 6.901 22.618 15.399 22.618c8.505 0 15.398-10.125 15.398-22.618c0 12.493 6.898 22.618 15.403 22.618c19.803-1.92 21.9-39.035-2.819-50.342M140.533 254.175c-107.74-8.827-106.282-177.715.953-185.512c29.572 0 55.46 17.96 69.725 44.826c14.265-26.873 40.153-44.838 69.72-44.838c108.971 6.714 108.606 175.968 2.439 185.482c84.646 54.685 65.678 204.843-71.387 204.843c-129.005 0-156.94-142.862-71.45-204.8m6.09 66.654c0 21.84 32.554 21.84 32.554 0zm49.447 0c0 21.84 32.555 21.84 32.555 0zm49.46 0c0 21.84 32.554 21.84 32.554 0zm-98.907 64.196c0 21.839 32.554 21.839 32.554 0zm49.447 0c0 21.839 32.555 21.839 32.555 0zm49.46 0c0 21.839 32.554 21.839 32.554 0zM121.9 352.568c0 21.84 32.554 21.84 32.554 0zm49.447 0c0 21.84 32.554 21.84 32.554 0zm49.459 0c0 21.84 32.554 21.84 32.554 0zm49.44 0c0 21.84 32.554 21.84 32.554 0zm-98.9-64.187c0 21.839 32.555 21.839 32.555 0zm49.452 0c0 21.839 32.554 21.839 32.554 0zm-49.451 128.383c0 9 7.285 16.281 16.285 16.281c8.987 0 16.27-7.282 16.27-16.281zm49.447 0c0 9 7.286 16.281 16.281 16.281c8.996 0 16.281-7.282 16.281-16.281zm32.484-187.438c-9.305 14.83-20.583 25.979-34.962 37.033a9.84 9.84 0 0 1-11.964 0c-14.38-11.05-25.657-22.203-34.966-37.033c-2.416-3.843-2.204-8.834.725-12.301c9.278-10.96 18.332-18.132 33.19-23.979a18.6 18.6 0 0 1 13.98.145c14.198 5.906 24.362 13.16 33.295 23.709c2.96 3.501 3.137 8.548.702 12.426m-124.9-119.295c-31.523 18.174-31.523 63.855 0 82.029c31.524 18.174 71.143-4.667 71.143-41.015s-39.619-59.188-71.143-41.014m25.704 39.537c-7.3-4.209-7.3-14.788 0-18.997c7.301-4.209 16.476 1.081 16.476 9.499c0 8.417-9.175 13.707-16.476 9.498m90.222-39.537c-31.524 18.174-31.524 63.855 0 82.029c31.523 18.174 71.142-4.667 71.142-41.015s-39.619-59.188-71.142-41.014m25.715 39.537c-7.3-4.209-7.3-14.788 0-18.997s16.476 1.081 16.476 9.499c0 8.417-9.175 13.707-16.476 9.498"/></svg>

How to use the Nightwatch icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:nightwatch" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:nightwatch" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:nightwatch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--nightwatch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:nightwatch"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:nightwatch"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/nightwatch.svg" alt="Nightwatch icon" width="24" height="24">

Nightwatch icon in other icon sets

Nightwatch icon FAQ

Is the Nightwatch icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Nightwatch icon in React?

Install @iconify/react and render <Icon icon="file-icons:nightwatch" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Nightwatch icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/nightwatch.svg" alt="Nightwatch icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →