Light Mode Hdr アイコン
streamline-freehand:light-mode-hdr
Light Mode Hdr アイコン(streamline-freehand:light-mode-hdr)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 画像・写真
- タグ
- lightmode、modehdr、lightmodehdr
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.59 8.324c-.13-1.572.18-3.513-1.78-4.003c-2.803-.77-15.412-.55-18.094.15a.33.33 0 0 0 .16.64c2.582-.63 15.011-.66 17.673.12c1.24.37.93 1.792 1 3.223c.19 2.892.881 6.914-.45 9.476c-.57 1.101-2.492.73-3.682.83a100 100 0 0 1-13.18.351c-1.58-.07-3.412-.16-4.202-1.551c-.43-.89-.19-2.312-.18-3.322c.05-3.002.22-5.744.38-8.556a.29.29 0 0 0-.58 0c-.06.77-.711 10.237-.651 11.057a3.18 3.18 0 0 0 2.001 2.682c2.662 1.141 12.7.71 16.492.39c1.44-.13 3.652.33 4.563-1.43c1.551-2.913.77-6.975.53-10.057"/><path fill="currentColor" d="M3.656 15.218c.2-1.25.26-1.42.45-2.812c.321 0 .621.08.941.1q.915-.015 1.812-.19h.13a12.2 12.2 0 0 0 .13 3.293a.33.33 0 0 0 .64-.13c-.13-1.141.34-2.062.38-4.424V8.594a.29.29 0 0 0-.57-.08c-.81 3.412-.35 3.192-.66 3.172a3.28 3.28 0 0 0-2.712.06c.13-1.341.08-2.001.11-3.352a.292.292 0 0 0-.58-.07a21.4 21.4 0 0 0-.721 6.844a.33.33 0 0 0 .65.05m7.786-.17a.33.33 0 0 0 .43.49c1.211-1 2.752-2.291 2.902-3.852a3.67 3.67 0 0 0-2.251-3.563a2.18 2.18 0 0 0-2.462.42c-.37.481 0 .33.21 7.005a.29.29 0 1 0 .57 0c.17-4.002.15-2.701.14-5.924c0-.12-.19-.59 0-.56s0 0 0 .08c.23-.23.871-.16 1.191 0a2.84 2.84 0 0 1 1.702 2.472c-.08 1.23-1.521 2.582-2.432 3.432m8.576-6.264c-1-1.701-3.002-.9-3.713.69c-.78 1.832-.21 3.913.21 5.834a.29.29 0 0 0 .57-.11c-.31-1.65-.63-3.842.13-5.293c.381-.75 1.372-1.401 1.852-.57c1.08 1.82-1.841 2.39-1.941 2.491a.45.45 0 0 0-.14.35c0 .33.11.31 1.28 1a18 18 0 0 1 1.922 2.052a.33.33 0 0 0 .5-.42a10.7 10.7 0 0 0-2.181-2.452c1.921-.73 2.281-2.291 1.51-3.572"/></svg>
Light Mode Hdr アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:light-mode-hdr" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:light-mode-hdr" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:light-mode-hdr" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--light-mode-hdr]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:light-mode-hdr"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:light-mode-hdr"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/light-mode-hdr.svg" alt="Light Mode Hdr アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Light Mode Hdr アイコン
Light Mode Hdr アイコン のよくある質問
Light Mode Hdr アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Light Mode Hdr アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:light-mode-hdr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Light Mode Hdr アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/light-mode-hdr.svg" alt="Light Mode Hdr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
ICONYZ
