Cloud Disable アイコン
streamline-freehand:cloud-disable
Cloud Disable アイコン(streamline-freehand:cloud-disable)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- インターネット・ネットワーク・サーバー
- タグ
- clouddisable
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M21.261 7.677a4.94 4.94 0 0 0 1-3C21.91.68 14.754-1.66 12.264 3.139a2.3 2.3 0 0 0-.51-.47a4.418 4.418 0 0 0-6.997 4.199C1.368 6.467-1.24 9.746.62 13.345c.57 1.12 2.799 1.949 3.458 1.619a.31.31 0 0 0-.27-.55a3.49 3.49 0 0 1-2.569-1.41a4.8 4.8 0 0 1-.46-1.999a3.28 3.28 0 0 1 3.83-3.218c.291.06.57.176.819.34a.49.49 0 0 0 .5-.83c-.25-.24-.19-.81-.18-1.18a3.359 3.359 0 0 1 5.348-2.499c.73.51.52 1.47 1.25 1.45c.47 0 .51-.33.91-1.34c1.828-3.799 7.636-1.9 7.996 1a4.32 4.32 0 0 1-.93 2.649s-.55.34-.48.48a.49.49 0 0 0-.22.42c0 .12.37.67.81.34c2.77-.65 3.66 3.508 1.83 5.067a6.44 6.44 0 0 1-2.86 1.32a.35.35 0 0 0 .14.68a7.2 7.2 0 0 0 3.17-1.39c2.219-1.8 1.47-6.287-1.45-6.617"/><path d="M8.006 13.265a.34.34 0 0 0 .37.56c2-1.3 5.218-1.27 6.877.94a4.878 4.878 0 0 1-2.819 7.576a4.59 4.59 0 0 1-3.858-.79c.41-.59 1.77-1.849 2.949-3.398c.83-1.1 1.58-2.28 2.489-3.269a.34.34 0 0 0-.48-.47a33 33 0 0 0-5.528 6.698c-1.46-1.39-2-4.359-.9-5.728a.3.3 0 0 0-.44-.38c-1.11 1.26-.94 3.589-.35 5.058a5.62 5.62 0 0 0 6.368 3.359a5.828 5.828 0 0 0 3.32-9.247a6 6 0 0 0-7.998-.91"/></g></svg>
Cloud Disable アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:cloud-disable" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:cloud-disable" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:cloud-disable" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--cloud-disable]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:cloud-disable"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:cloud-disable"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/cloud-disable.svg" alt="Cloud Disable アイコン" width="24" height="24">
Freehand free icons の関連アイコン
他のアイコンセットの Cloud Disable アイコン
Cloud Disable アイコン のよくある質問
Cloud Disable アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cloud Disable アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:cloud-disable" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloud Disable アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/cloud-disable.svg" alt="Cloud Disable アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Freehand free icons をすべて見る →
ICONYZ
