Nightowl アイコン
arcticons:nightowl
Nightowl アイコン(arcticons:nightowl)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<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>Nightowl アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:nightowl"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/nightowl.svg" alt="Nightowl アイコン" width="24" height="24">Nightowl アイコン のよくある質問
Nightowl アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Nightowl アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:nightowl" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nightowl アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/nightowl.svg" alt="Nightowl アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。