ICONYZ
English
Nightowl icon from Arcticons

Nightowl icon

arcticons:nightowl

The Nightowl icon (arcticons:nightowl) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Arcticons
Author
Donnnno
License
CC-BY-SA-4.0
Size
48 × 48
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.598 37.278a1.363 1.363 0 0 0 2.726 0v-2.405a1.363 1.363 0 0 0-2.726 0zm2.726 0a1.363 1.363 0 0 0 2.727 0v-2.405a1.363 1.363 0 0 0-2.727 0z"/><circle cx="32.405" cy="17.524" r="8.388" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="15.629" cy="17.524" r="8.388" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.521 19.358c-.01.05-.01.1-.01.149a3.13 3.13 0 0 0 3.124 3.124a3.114 3.114 0 0 0 3.104-2.816"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.007 17.219a14.2 14.2 0 0 1-6.268 2.596c-.686.1-1.393.15-2.109.15a14.1 14.1 0 0 1-8.377-2.746m17.003 2.318c2.308 1.622 5.113 2.577 8.148 2.577s5.84-.956 8.148-2.577M14.598 36.075a4.96 4.96 0 0 1-4.961-4.961v-7.722"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.637 30.803L8.154 32.51c-3.316-3.023-3.635-8.488-.331-11.91m4.669-11.936c-1.815-.326-3.473.005-3.95.519c-.586.63-.307 2.114.313 3.395M24 26.554l-2.635-2.911m12.04 12.429h4.158c1.095 0 1.98.895 1.98 1.99a1.98 1.98 0 0 1-1.98 1.99H10.437a1.98 1.98 0 0 1-1.98-1.99c0-1.095.885-1.99 1.98-1.99h4.158"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.402 37.278a1.363 1.363 0 0 1-2.727 0v-2.405a1.363 1.363 0 0 1 2.727 0z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.676 37.278a1.363 1.363 0 0 1-2.727 0v-2.405a1.363 1.363 0 0 1 2.727 0zm2.726-1.203a4.96 4.96 0 0 0 4.961-4.961v-7.722"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m38.363 30.803l1.483 1.706c3.316-3.023 3.635-8.488.331-11.91M35.508 8.664c1.815-.326 3.473.005 3.95.519c.586.63.307 2.114-.313 3.395"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.986 11.293c-.955-1.972-2.98-3.344-5.147-3.344H15.161c-2.167 0-4.191 1.372-5.147 3.344m17.939 24.779h-7.906M24 26.554l2.635-2.911"/></svg>

How to use the Nightowl icon

React

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

<Icon icon="arcticons:nightowl" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:nightowl" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:nightowl" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--nightowl]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="arcticons:nightowl"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/nightowl.svg" alt="Nightowl icon" width="24" height="24">

Nightowl icon FAQ

Is the Nightowl icon free for commercial use?

Yes. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Nightowl icon in React?

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

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

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

Browse all Arcticons →