Cloud Upload Bold アイコン

Q: Cloud Upload Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:cloud-upload-bold

Cloud Upload Bold アイコン(solar:cloud-upload-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 天気
タグ: cloudupload、uploadbold、clouduploadbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.50001 18L6.50001 17.9105C6.49991 17.0449 6.49981 16.2512 6.58661 15.6056C6.6822 14.8946 6.90709 14.1432 7.52514 13.5251C8.14319 12.9071 8.89464 12.6822 9.6056 12.5866C10.2512 12.4998 11.0449 12.4999 11.9105 12.5H12.0895C12.9551 12.4999 13.7488 12.4998 14.3944 12.5866C15.1054 12.6822 15.8568 12.9071 16.4749 13.5251C17.0929 14.1432 17.3178 14.8946 17.4134 15.6056C17.4989 16.2417 17.5001 17.0215 17.5 17.8722C20.0726 17.3221 22 15.0599 22 12.3529C22 9.88113 20.393 7.78024 18.1551 7.01498C17.8371 4.19371 15.4159 2 12.4762 2C9.32028 2 6.7619 4.52827 6.7619 7.64706C6.7619 8.33687 6.88706 8.9978 7.11616 9.60887C6.8475 9.55673 6.56983 9.52941 6.28571 9.52941C3.91878 9.52941 2 11.4256 2 13.7647C2 16.1038 3.91878 18 6.28571 18L6.50001 18Z"/><path fill-rule="evenodd" d="M12 14C10.1144 14 9.17157 14 8.58579 14.5858C8 15.1716 8 16.1144 8 18C8 19.8856 8 20.8284 8.58579 21.4142C9.17157 22 10.1144 22 12 22C13.8856 22 14.8284 22 15.4142 21.4142C16 20.8284 16 19.8856 16 18C16 16.1144 16 15.1716 15.4142 14.5858C14.8284 14 13.8856 14 12 14ZM13.8047 17.0842L12.4714 15.7508C12.2111 15.4905 11.7889 15.4905 11.5286 15.7508L10.1953 17.0842C9.93491 17.3445 9.93491 17.7666 10.1953 18.027C10.4556 18.2873 10.8777 18.2873 11.1381 18.027L11.3333 17.8317V19.7778C11.3333 20.146 11.6318 20.4444 12 20.4444C12.3682 20.4444 12.6667 20.146 12.6667 19.7778V17.8317L12.8619 18.027C13.1223 18.2873 13.5444 18.2873 13.8047 18.027C14.0651 17.7666 14.0651 17.3445 13.8047 17.0842Z" clip-rule="evenodd"/></g></svg>

Cloud Upload Bold アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:cloud-upload-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:cloud-upload-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:cloud-upload-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloud-upload-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloud-upload-bold"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:cloud-upload-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/cloud-upload-bold.svg" alt="Cloud Upload Bold アイコン" width="24" height="24">

Solar の関連アイコン

他のアイコンセットの Cloud Upload Bold アイコン

Cloud Upload Bold アイコンのよくある質問

Cloud Upload Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Cloud Upload Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:cloud-upload-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cloud Upload Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/cloud-upload-bold.svg" alt="Cloud Upload Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →