Cloud Sleet アイコン
f7:cloud-sleet
Cloud Sleet アイコン(f7:cloud-sleet)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- cloudsleet
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M12.646 34.516h28.273c7.473 0 13.032-5.673 13.032-12.713c0-7.245-5.923-12.553-13.647-12.553C37.456 3.622 32.17 0 25.586 0C17.02 0 9.957 6.698 9.206 15.173c-4.124 1.185-7.268 4.785-7.268 9.592c0 5.377 3.918 9.75 10.708 9.75m-.046-3.668c-4.67 0-7.017-2.597-7.017-5.97c0-2.756 1.595-5.216 5.468-6.242c1.253-.319 1.709-.911 1.822-2.21C13.399 9 18.98 3.646 25.587 3.646c5.126 0 9.159 2.802 11.62 7.86c.523 1.093 1.207 1.48 2.551 1.48c6.744 0 10.548 4.078 10.548 8.931c0 4.967-3.964 8.93-9.158 8.93Zm10.548 14.626l3.099-5.422c.387-.683.182-1.48-.479-1.89c-.706-.388-1.503-.16-1.89.523l-3.145 5.445c-.387.66-.182 1.458.524 1.868a1.403 1.403 0 0 0 1.891-.524m-2.62-2.71l1.55-2.712c.387-.66.182-1.48-.502-1.89c-.683-.388-1.48-.16-1.868.523l-1.572 2.734c-.364.66-.182 1.458.502 1.868a1.403 1.403 0 0 0 1.89-.524m15.675.797l1.982-3.44c.387-.684.182-1.504-.501-1.914a1.35 1.35 0 0 0-1.868.524l-2.005 3.508c-.365.638-.205 1.436.501 1.846c.684.387 1.504.16 1.891-.524m-25.084 8.953c.433 0 .73-.387.707-.82l-.16-2.164l1.823 1.23c.319.228.82.137 1.048-.205c.227-.342.09-.866-.342-1.07l-1.96-.958l1.983-.98a.78.78 0 0 0 .341-1.047c-.205-.365-.751-.433-1.07-.206l-1.823 1.254l.182-2.187a.732.732 0 0 0-.729-.82c-.455 0-.752.364-.729.82l.16 2.187l-1.846-1.254c-.319-.227-.82-.182-1.025.206c-.205.341-.114.82.319 1.048l1.96.98l-1.96.956c-.456.205-.547.706-.365 1.07c.205.365.752.434 1.071.206l1.846-1.23l-.137 2.164c-.023.433.25.82.706.82m23.877.091c.432 0 .729-.387.706-.82l-.16-2.164l1.823 1.23c.319.228.82.137 1.048-.205s.091-.866-.342-1.07l-1.96-.958l1.983-.98a.78.78 0 0 0 .342-1.047c-.205-.365-.752-.433-1.071-.205l-1.823 1.253l.183-2.187a.732.732 0 0 0-.73-.82c-.455 0-.751.364-.728.82l.159 2.187l-1.845-1.253c-.32-.228-.82-.183-1.026.205c-.205.341-.114.82.32 1.048l1.959.98l-1.96.956c-.455.205-.546.706-.364 1.071c.205.365.752.433 1.07.205l1.846-1.23l-.137 2.164c-.023.433.25.82.706.82M22.008 56c.41 0 .707-.387.684-.82l-.16-2.164l1.823 1.23c.319.227.843.136 1.07-.205a.76.76 0 0 0-.364-1.071l-1.959-.957l1.982-.98c.433-.205.524-.706.365-1.048c-.206-.364-.775-.432-1.094-.205l-1.823 1.253l.183-2.187c.045-.455-.297-.82-.707-.82c-.478 0-.751.365-.729.82l.137 2.187l-1.845-1.253c-.32-.227-.798-.182-1.026.205c-.205.342-.113.82.32 1.048l1.959.98l-1.96.957a.765.765 0 0 0-.341 1.07c.205.365.729.434 1.048.206l1.845-1.23l-.114 2.164c-.023.433.228.82.706.82"/></svg>
Cloud Sleet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:cloud-sleet" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:cloud-sleet" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:cloud-sleet" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--cloud-sleet]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:cloud-sleet"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:cloud-sleet"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/cloud-sleet.svg" alt="Cloud Sleet アイコン" width="24" height="24">
他のアイコンセットの Cloud Sleet アイコン
Cloud Sleet アイコン のよくある質問
Cloud Sleet アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloud Sleet アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:cloud-sleet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloud Sleet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/cloud-sleet.svg" alt="Cloud Sleet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
