Cloud Sleet Fill アイコン
f7:cloud-sleet-fill
Cloud Sleet Fill アイコン(f7:cloud-sleet-fill)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- cloudsleet、sleetfill、cloudsleetfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M12.634 34.051H40.92c7.225 0 12.81-5.447 12.81-12.467c0-7.088-5.835-12.399-13.562-12.33C37.25 3.374 31.894 0 25.58 0C17.17 0 10.082 6.61 9.42 15.111C5 16.32 2.15 20.057 2.15 24.524c0 5.653 4.24 9.527 10.484 9.527m10.735 11.42l3.1-5.425c.387-.684.182-1.482-.479-1.892c-.706-.388-1.504-.16-1.891.524l-3.146 5.447c-.387.661-.182 1.459.525 1.87a1.403 1.403 0 0 0 1.891-.525m-2.62-2.713l1.55-2.712c.387-.661.181-1.482-.502-1.892c-.684-.388-1.482-.16-1.87.524l-1.572 2.735c-.364.661-.182 1.459.502 1.87a1.404 1.404 0 0 0 1.891-.525m15.68.798l1.983-3.442a1.39 1.39 0 0 0-.501-1.915a1.35 1.35 0 0 0-1.87.525l-2.005 3.51c-.365.638-.205 1.435.502 1.846c.683.387 1.504.16 1.891-.524m-25.094 8.957c.433 0 .73-.388.707-.82l-.16-2.166l1.824 1.23c.319.229.82.138 1.048-.204s.091-.866-.342-1.072l-1.96-.957l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.205.342-.114.82.319 1.048l1.96.98l-1.96.957c-.456.206-.547.707-.365 1.072c.205.364.752.433 1.071.205l1.846-1.23l-.136 2.164c-.023.433.25.82.706.82m23.886.091c.433 0 .73-.387.707-.82l-.16-2.166l1.824 1.231c.319.228.82.137 1.048-.205s.091-.866-.342-1.071l-1.96-.958l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.206.342-.114.82.319 1.048l1.96.98l-1.96.958c-.456.205-.547.706-.365 1.07c.205.365.752.434 1.071.206l1.846-1.23l-.136 2.164c-.023.434.25.821.706.821M22.23 56c.41 0 .706-.388.684-.82l-.16-2.166l1.823 1.231c.32.228.844.137 1.072-.205a.76.76 0 0 0-.365-1.071l-1.96-.958l1.983-.98c.433-.205.524-.706.364-1.048c-.205-.365-.775-.433-1.094-.205l-1.823 1.253l.182-2.188c.046-.456-.296-.82-.706-.82c-.479 0-.752.364-.73.82l.137 2.188l-1.846-1.253c-.32-.228-.798-.183-1.026.205c-.205.342-.114.82.32 1.048l1.96.98l-1.96.958a.765.765 0 0 0-.342 1.07c.205.365.729.434 1.048.206l1.846-1.23l-.114 2.164c-.023.433.228.821.707.821"/></svg>
Cloud Sleet Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:cloud-sleet-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:cloud-sleet-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:cloud-sleet-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-sleet-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-sleet-fill"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:cloud-sleet-fill"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/cloud-sleet-fill.svg" alt="Cloud Sleet Fill アイコン" width="24" height="24">
他のアイコンセットの Cloud Sleet Fill アイコン
Cloud Sleet Fill アイコン のよくある質問
Cloud Sleet Fill アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloud Sleet Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:cloud-sleet-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloud Sleet Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/cloud-sleet-fill.svg" alt="Cloud Sleet Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
