Partly Cloudy Day アイコン
wpf:partly-cloudy-day
Partly Cloudy Day アイコン(wpf:partly-cloudy-day)は、Icons8 Windows 8 Icons セットの無料 SVG アイコンです（作者: Icons8）。 26 × 26 のグリッドで描かれています。 Icons8 Windows 8 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 8 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 26 × 26
- タグ
- partlycloudy、cloudyday、partlycloudyday
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="m8.875.375l-.063.031A.6.6 0 0 0 8.406 1v2.656a.6.6 0 0 0 .094.375a4.9 4.9 0 0 0-1.531.438a.6.6 0 0 0-.125-.375L5.53 1.78l-.03-.06l-.031-.032l-.032-.062l-.062-.031a.6.6 0 0 0-.188-.125a.6.6 0 0 0-.25-.032a1 1 0 0 0-.093.032a.6.6 0 0 0-.375.906l1.343 2.313a.6.6 0 0 0 .22.28c-.402.297-.734.695-1.032 1.095a.6.6 0 0 0-.313-.25L2.376 4.468a.6.6 0 0 0-.094-.063a.6.6 0 0 0-.25-.031a.6.6 0 0 0-.125.031a.6.6 0 0 0-.125 1.125l2.313 1.313a.6.6 0 0 0 .343.125c-.213.468-.316.969-.375 1.5a1 1 0 0 0-.093-.031a.6.6 0 0 0-.313-.032H1a.6.6 0 0 0-.125 0H.812A.601.601 0 0 0 1 9.594h2.656a.6.6 0 0 0 .25 0a.6.6 0 0 0 .125-.094q.083.813.407 1.531h-.063a1 1 0 0 0-.094.031a.6.6 0 0 0-.187.094L1.78 12.47a.609.609 0 1 0 .594 1.062l2.313-1.344a.6.6 0 0 0 .406-.53l1.437-.97A2.987 2.987 0 0 1 9 6a3 3 0 0 1 2.625 1.532l1.438-.812a.6.6 0 0 0 .687.218a.6.6 0 0 0 .156-.093L16.22 5.53a.604.604 0 0 0 .156-1.062a.6.6 0 0 0-.156-.094a.6.6 0 0 0-.344 0a1 1 0 0 0-.094.031a.6.6 0 0 0-.156.063l-2.313 1.343a.6.6 0 0 0-.28.22a5 5 0 0 0-1.063-1.063a.6.6 0 0 0 .125-.125l.031-.063l.031-.031l.031-.063l1.344-2.312a.6.6 0 0 0 .031-.625a.6.6 0 0 0-.312-.281a.6.6 0 0 0-.25-.032a.6.6 0 0 0-.125.032a.6.6 0 0 0-.406.312l-1.313 2.313l-.031.062a.6.6 0 0 0-.094.313A5.1 5.1 0 0 0 9.5 4.062c.01.001.022-.032.031-.03a.6.6 0 0 0 .031-.126a.6.6 0 0 0 .032-.156a1 1 0 0 0 0-.094V1a.6.6 0 0 0-.031-.188A1 1 0 0 0 9.53.72a.6.6 0 0 0-.06-.126L9.439.563a.6.6 0 0 0-.25-.157a.6.6 0 0 0-.313-.031zM17 7c-2.262 0-4.17 1.3-5.188 3.156C11.54 10.105 11.299 10 11 10c-2.407 0-4.345 1.757-4.813 4.031C6.12 14.027 6.07 14 6 14c-2.197 0-4 1.803-4 4s1.803 4 4 4h15c2.75 0 5-2.25 5-5c0-2.06-1.305-3.77-3.094-4.531C22.626 9.423 20.116 7 17 7m0 2c2.222 0 4 1.778 4 4c0-.137.005-.095 0 .125l-.031.781l.781.188A2.985 2.985 0 0 1 24 17c0 1.668-1.332 3-3 3H6c-1.115 0-2-.885-2-2a1.987 1.987 0 0 1 2.688-1.875l1.437.531l-.094-1.531C8.027 15.061 8.005 15.03 8 15c0-.026-.002-.023 0-.031v-.031A2.987 2.987 0 0 1 11 12c.334 0 .662.068 1 .188l.938.312l.343-.906C13.851 10.078 15.28 9 17 9"/></svg>Partly Cloudy Day アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:partly-cloudy-day" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:partly-cloudy-day" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:partly-cloudy-day" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--partly-cloudy-day]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:partly-cloudy-day"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:partly-cloudy-day"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/wpf/partly-cloudy-day.svg" alt="Partly Cloudy Day アイコン" width="24" height="24">Icons8 Windows 8 Icons の関連アイコン
他のアイコンセットの Partly Cloudy Day アイコン
Partly Cloudy Day アイコン のよくある質問
Partly Cloudy Day アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 8 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Partly Cloudy Day アイコンを使うには?
@iconify/react をインストールして <Icon icon="wpf:partly-cloudy-day" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Partly Cloudy Day アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wpf/partly-cloudy-day.svg" alt="Partly Cloudy Day アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。