Cloud Loading 1 アイコン
streamline-freehand-color:cloud-loading-1
Cloud Loading 1 アイコン(streamline-freehand-color:cloud-loading-1)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- インターネット・ネットワーク・サーバー
- タグ
- cloudloading
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M3.579 12.994c1.57.68 1.32-.7.75-.43a4.4 4.4 0 0 1-1.84-1.07c-2.09-3.23.51-5 2.57-4.76c.26.056.506.158.73.3a.45.45 0 0 0 .46-.77c-.21-.21-.16-.71-.16-1a3 3 0 0 1 4.8-2.18c.63.45.45 1.32 1.14 1.3a.55.55 0 0 0 .52-.39a3.52 3.52 0 0 1 3.88-2.65a4.18 4.18 0 0 1 3.43 2.32a2.9 2.9 0 0 1-.05 2.27c-1 1.86-1.42 1.51-1.43 2.09c0 .13.41.79.93.43a1.65 1.65 0 0 1 1.37.22c1.17.83 1.44 2.38.21 3.16c-3.52 2.23-6.1 1.49-10.74 1.31a14.4 14.4 0 0 1-3.72-.45a.35.35 0 0 0-.32.62c1.296.4 2.644.601 4 .6c4.69.28 7.46 1.09 11.3-1.24c2.4-1.46 1.2-4.86-1.15-5.34c.18-.28.39-.55.55-.84a4.07 4.07 0 0 0 .19-3.29c-1.26-3-6-4.29-8.37-1.59c-.72.8-.59 1-.66.87a4.06 4.06 0 0 0-2.34-1.06a4 4 0 0 0-4.45 4.45a4.08 4.08 0 0 0-3.65 1.55c-1 1.44-.59 3 .4 4.44a5.3 5.3 0 0 0 1.65 1.13"/><path fill="#0c6fff" d="M12.329 17.694c-.1-.53-.48-.7-1.55.06a30 30 0 0 0-4.16 3.87q.06.999 1.23.12a34 34 0 0 0 3.15-2.75c.41-.44.89-.85 1.33-1.3m-9.5 3.09c-.49.7.13.65 1.11.33a13.5 13.5 0 0 0 2.79-2.62q.15-.166.32-.31c-.45-.52-1-.53-1.86.37c-.78.69-1.68 1.53-2.36 2.23"/><path fill="#020202" d="M23.639 18.484c-2.25-3.82-20-2.92-22.5-1.19c-1.7 1.21-1.43 4.7.36 5.5c4.71 2.14 10.64.4 16.51.39a.35.35 0 0 0 0-.7c-12.85.51-14.01.07-16.07-.68c-1-.51-1.11-2.88-.13-3.55c.81-.57 3.81-.91 4.8-1c4.14-.74 12.3-1 15.7 1c1.15.69 1.3 2 .05 3.1a3.6 3.6 0 0 1-2.85.89a.31.31 0 0 0-.295.458a.3.3 0 0 0 .165.142c2.25.61 5.76-1.85 4.26-4.36"/></g></svg>
Cloud Loading 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:cloud-loading-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:cloud-loading-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:cloud-loading-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--cloud-loading-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:cloud-loading-1"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:cloud-loading-1"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/cloud-loading-1.svg" alt="Cloud Loading 1 アイコン" width="24" height="24">
Freehand color icons の関連アイコン
Cloud Loading 1 アイコン のよくある質問
Cloud Loading 1 アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cloud Loading 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:cloud-loading-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloud Loading 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/cloud-loading-1.svg" alt="Cloud Loading 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand color icons をすべて見る →
ICONYZ
