Moon Outline アイコン
cuida:moon-outline
Moon Outline アイコン(cuida:moon-outline)は、Cuida Icons セットの無料 SVG アイコンです（作者: Sysvale）。 24 × 24 のグリッドで描かれています。 Cuida Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cuida Icons
- 作者
- Sysvale
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- moonoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.008 13.562c.588-.15 1.656-.177 2.41.74c.588.716.552 1.535.519 1.86c-.078.761-.44 1.53-.862 2.07c-2.283 2.92-6.196 4.21-9.845 3.75c-5.744-.723-9.815-5.967-9.091-11.711c.223-1.769.74-3.355 1.694-4.701c.961-1.357 2.272-2.337 3.864-3.035a7.1 7.1 0 0 1 1.939-.52c.18-.018.4-.03.638-.014c.209.014.587.06.983.262a2.17 2.17 0 0 1 1.157 1.538c.129.7-.116 1.256-.261 1.522c-.175.32-.424.838-.64 1.376c-.232.576-.356 1.006-.38 1.207a5.326 5.326 0 0 0 4.618 5.95c.233.03.826.02 1.591-.05c.738-.07 1.384-.173 1.666-.244m.76 2.995c.264-.567.301-1.201-.268-1.057c-.351.09-.923.182-1.542.252l-.025.003c-.895.1-1.882.155-2.432.085a7.326 7.326 0 0 1-6.353-8.184c.054-.432.234-1 .453-1.563l.068-.17c.241-.597.518-1.173.727-1.557c.193-.352-.164-.415-.642-.35a5.3 5.3 0 0 0-1.68.55C5.71 5.742 4.488 7.618 4.123 10.52a8.483 8.483 0 0 0 7.356 9.477c2.769.348 5.614-.518 7.452-2.357A7 7 0 0 0 19.5 17c.102-.13.194-.284.268-.444ZM10.066 5.992h-.003Z" clip-rule="evenodd"/><path fill="currentColor" d="M14.883 7.585a.238.238 0 0 1 .38.047q.016.032.043.056a.24.24 0 0 1-.048.38a.2.2 0 0 0-.056.043a.237.237 0 0 1-.379-.048a.2.2 0 0 0-.043-.056a.237.237 0 0 1 .047-.379a.2.2 0 0 0 .056-.043"/><path fill="currentColor" fill-rule="evenodd" d="M15.678 7.354a.737.737 0 0 1-.142 1.13a.737.737 0 0 1-1.129-.143a.737.737 0 0 1 .142-1.129a.737.737 0 0 1 1.13.142Zm-.523.638a.26.26 0 0 0 .032-.256a.26.26 0 0 0-.256-.032a.26.26 0 0 0-.049.195q.005.03.017.06a.26.26 0 0 0 .256.033" clip-rule="evenodd"/><path fill="currentColor" d="M18.235 4.983c.11-.116.3-.092.378.048q.018.031.044.056c.116.11.092.3-.048.379a.2.2 0 0 0-.056.043a.237.237 0 0 1-.378-.048a.2.2 0 0 0-.044-.056a.237.237 0 0 1 .048-.378a.2.2 0 0 0 .056-.044"/><path fill="currentColor" fill-rule="evenodd" d="M19.03 4.753a.737.737 0 0 1-.143 1.129a.737.737 0 0 1-1.128-.143a.737.737 0 0 1 .142-1.129a.737.737 0 0 1 1.129.143m-.524.637a.26.26 0 0 0 .049-.195a.3.3 0 0 0-.017-.06a.26.26 0 0 0-.256-.033a.26.26 0 0 0-.032.256a.26.26 0 0 0 .256.032" clip-rule="evenodd"/><path fill="currentColor" d="M18.602 10.069a.237.237 0 0 1 .379.047q.017.032.043.057c.116.11.092.3-.047.378a.2.2 0 0 0-.056.044a.237.237 0 0 1-.379-.048a.2.2 0 0 0-.044-.056a.237.237 0 0 1 .048-.379a.2.2 0 0 0 .056-.043"/><path fill="currentColor" fill-rule="evenodd" d="M19.397 9.838a.737.737 0 0 1-.142 1.13a.737.737 0 0 1-1.13-.143a.737.737 0 0 1 .143-1.129a.737.737 0 0 1 1.13.142Zm-.524.638a.26.26 0 0 0 .051-.143a.3.3 0 0 0-.018-.113a.26.26 0 0 0-.143-.051a.3.3 0 0 0-.113.019a.26.26 0 0 0-.051.142a.3.3 0 0 0 .018.114a.26.26 0 0 0 .143.05a.3.3 0 0 0 .113-.018" clip-rule="evenodd"/></svg>Moon Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cuida:moon-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cuida:moon-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cuida:moon-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--moon-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:moon-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cuida:moon-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cuida/moon-outline.svg" alt="Moon Outline アイコン" width="24" height="24">他のアイコンセットの Moon Outline アイコン
Moon Outline アイコン のよくある質問
Moon Outline アイコンは商用利用でも無料ですか?
はい。Cuida Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Moon Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="cuida:moon-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Moon Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cuida/moon-outline.svg" alt="Moon Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。