solid
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Cloud Moon SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Cloud Moon - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Cloud Moon icon"><title>Cloud Moon - Phosphor Icons icon</title><desc>Free Cloud Moon vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 657 bytes.</desc><path d="M172,72a76.45,76.45,0,0,0-12.36,1A71.93,71.93,0,0,0,104.17,9.83a8,8,0,0,0-9.59,9.58A56.05,56.05,0,0,1,40,88a56.45,56.45,0,0,1-12.59-1.42,8,8,0,0,0-9.59,9.59,72.22,72.22,0,0,0,32.29,45.06A52,52,0,0,0,92,224h80a76,76,0,0,0,0-152ZM37.37,104c.87,0,1.75,0,2.63,0a72.08,72.08,0,0,0,72-72c0-.89,0-1.78,0-2.67a55.63,55.63,0,0,1,32,48,76.28,76.28,0,0,0-43,43.4A52,52,0,0,0,62,129.59,56.22,56.22,0,0,1,37.37,104ZM172,208H92a36,36,0,1,1,4.78-71.69c-.37,2.37-.63,4.79-.77,7.23a8,8,0,0,0,16,.92,58.91,58.91,0,0,1,1.88-11.81c0-.16.09-.32.12-.48A60.06,60.06,0,1,1,172,208Z"/></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Cloud Moon
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Cloud Moon
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | 登録不要 | 100%ブラウザ完結処理
キーワード
#phosphor
#regular
#cloud
#moon
#outline
Cloud Moon - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Cloud Moon
| 正規の識別子 | phosphor/phosphor-regular-cloud-moon |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 917 bytes (~504 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| Upstream Source | https://github.com/phosphor-icons/core |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Cloud Moon
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。
phosphor-regular-cloud-moon.svg aria-hidden="true" focusable="false"
同じカテゴリの クラウド＆サーバー
見るoutline
Cloud Moon
Lucide|cloudoutline
Cloud Check
Bootstrap Icons|cloudoutline
Cloud Drizzle
Bootstrap Icons|cloudbrand
Gcp Data Transfer
Authentic Brand Logos|cloudbrand
Gcp Filestore
Authentic Brand Logos|cloud
Gcp Persistent Disk
Authentic Brand Logos|cloud
Microsoft SQL Server Dark
selfh.st Icons|cloud
Tech Cloud
Domain Icons|cloud
Tech Cloud
Domain Icons|cloud
Tech Cloud
Domain Icons|cloud
Relic Storage Dark
selfh.st Icons|cloud
Server
Tabler Icons|cloud
Server Bolt
Tabler Icons|cloud
Server Off
Tabler Icons|cloud
File Cloud Circle
Material Icons|cloud
File Cloud Done
Material Icons|cloud
File Cloud Off
Material Icons|cloud
Shoko Server
selfh.st Icons|cloud
Book Database
Fluent UI Color|cloud
Cloud
Fluent UI Color|cloud
Cloud Upload
Open Iconic|cloud
Cloud Words
Fluent UI Color|cloud
Cloud Data Sample
SVG Icons Collection|cloudさらに見る
よくある質問
Cloud Moon - よくある質問
Cloud Moonにはどのライセンスが適用されますか？ +
Cloud MoonはPhosphor Iconsのもので、MITの対象です。帰属表示：クレジット必須。
Cloud Moonはどの形式でダウンロードできますか？ +
Cloud Moonはoutlineスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Cloud Moonアイコンはどこから来たのですか？ +
Cloud MoonはPhosphor Iconsライブラリの一部です。作者はHelena Zhang & Toby Fried、カテゴリはクラウド＆サーバーです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。