Nightwatch アイコン

Q: Nightwatch アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。

file-icons:nightwatch

Nightwatch アイコン(file-icons:nightwatch)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 423 × 512 のグリッドで描かれています。 File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 423 × 512

SVG をダウンロード

SVG コード

<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>

Nightwatch アイコンの使い方

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 コンポーネント

<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 画像

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

他のアイコンセットの Nightwatch アイコン

Nightwatch アイコンのよくある質問

Nightwatch アイコンは商用利用でも無料ですか?

はい。File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Nightwatch アイコンを使うには?

@iconify/react をインストールして <Icon icon="file-icons:nightwatch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Nightwatch アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/nightwatch.svg" alt="Nightwatch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

File Icons をすべて見る →