Day Snow アイコン
fontisto:day-snow
Day Snow アイコン(fontisto:day-snow)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 25 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 25 × 24
- カテゴリ
- 天気
- タグ
- daysnow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24"><path fill="currentColor" d="M5.875 23.43a.57.57 0 1 1 1.14 0a.57.57 0 0 1-1.14 0m1.633-1.632a.57.57 0 1 1 1.14 0a.57.57 0 0 1-1.14 0m4.605-.744a.567.567 0 1 1-.001.002v-.004zm-8.772 0a.566.566 0 1 1-.001.004v-.004zm5.796-.887a.567.567 0 1 1 0 .005zm4.608-.744a.57.57 0 1 1 1.14 0a.57.57 0 0 1-1.14 0m-8.776 0a.57.57 0 1 1 1.14 0a.57.57 0 0 1-1.14 0m-.438-1.619h-.05a4.53 4.53 0 1 1 0-9.062h.053h-.003c.07 0 .14.006.21.009c1.064-1.888 3.057-3.143 5.342-3.143c.963 0 1.874.223 2.684.62l-.036-.016a4.409 4.409 0 1 1 5.36 6.856l-.023.012a3.076 3.076 0 0 1-2.6 4.72h-.005zm-3.275-4.531a3.28 3.28 0 0 0 3.274 3.275h10.929a1.825 1.825 0 1 0-1.181-3.217l.003-.002a.629.629 0 1 1-.815-.958l.001-.001a3.07 3.07 0 0 1 1.446-.681l.019-.003a4.852 4.852 0 0 0-8.868-2.693l-.011.017c.499.18.93.426 1.311.731l-.009-.007a.63.63 0 1 1-.787.981l.001.001a3.22 3.22 0 0 0-2.034-.718h-.009a3.28 3.28 0 0 0-3.272 3.274zm13.492-6.975a3.2 3.2 0 0 0-.918.601l.002-.002a6.1 6.1 0 0 1 2.364 4.823v.012c.356.089.669.228.95.412l-.012-.007a3.16 3.16 0 0 0 1.99-2.931a3.153 3.153 0 0 0-2.976-3.148h-.008q-.086-.004-.171-.004h-.008c-.438 0-.856.09-1.235.253l.02-.008zm9.765 4.002l-2.243-.121a.63.63 0 0 1-.594-.627l.001-.037v.002a.62.62 0 0 1 .664-.593h-.002l2.243.121a.628.628 0 0 1-.034 1.255zm-4.288-4.913a.624.624 0 0 1 .047-.886h.001l1.671-1.497a.628.628 0 1 1 .84.934h-.001l-1.672 1.5a.624.624 0 0 1-.886-.047V5.39zm-8.96-.485l-1.5-1.67a.628.628 0 0 1 .934-.839l.001.001l1.498 1.673a.628.628 0 0 1-.934.839l-.001-.001zm4.429-1.927L15.313.732A.628.628 0 1 1 16.551.52v.003l.381 2.243a.63.63 0 0 1-.51.724l-.004.001a.63.63 0 0 1-.724-.51l-.001-.004z"/></svg>Day Snow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:day-snow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:day-snow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:day-snow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--day-snow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:day-snow"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:day-snow"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/day-snow.svg" alt="Day Snow アイコン" width="24" height="24">Fontisto の関連アイコン
他のアイコンセットの Day Snow アイコン
Day Snow アイコン のよくある質問
Day Snow アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Day Snow アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:day-snow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Day Snow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/day-snow.svg" alt="Day Snow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。