Round Downloading アイコン
ic:round-downloading
Round Downloading アイコン(ic:round-downloading)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Google Material Icons
- 作者
- Material Design Authors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ファイル
- タグ
- arrow、circle、down、download、downloading、downloads、install、pending、progress、upload、file、rounddownloading
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.33 3.55c-.94-.6-1.99-1.04-3.12-1.3a.998.998 0 0 0-1.21.98c0 .45.3.87.74.97c.91.2 1.77.56 2.53 1.05c.39.25.89.17 1.22-.16c.45-.45.38-1.2-.16-1.54M20.77 11c.64 0 1.13-.59.98-1.21c-.26-1.12-.7-2.17-1.3-3.12c-.34-.54-1.1-.61-1.55-.16c-.32.32-.4.83-.16 1.22c.49.77.85 1.62 1.05 2.53a1 1 0 0 0 .98.74m-1.87 6.49c.45.45 1.21.38 1.55-.15c.6-.94 1.04-1.99 1.3-3.11c.14-.62-.35-1.21-.98-1.21c-.45 0-.87.3-.97.74c-.2.91-.57 1.76-1.05 2.53c-.25.37-.17.88.15 1.2M13 20.77c0 .64.59 1.13 1.21.98c1.12-.26 2.17-.7 3.11-1.3c.54-.34.61-1.1.16-1.55c-.32-.32-.83-.4-1.21-.15c-.76.49-1.61.85-2.53 1.05c-.44.1-.74.51-.74.97M13 12V8c0-.55-.45-1-1-1s-1 .45-1 1v4H9.41c-.89 0-1.34 1.08-.71 1.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71zm-2 8.77c0 .64-.59 1.13-1.21.99C5.33 20.75 2 16.77 2 12s3.33-8.75 7.79-9.75a.998.998 0 0 1 1.21.98c0 .46-.31.87-.76.97C6.67 5 4 8.19 4 12s2.67 7 6.24 7.8c.45.1.76.51.76.97"/></svg>
Round Downloading アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ic:round-downloading" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ic:round-downloading" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ic:round-downloading" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--round-downloading]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:round-downloading"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:round-downloading"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ic/round-downloading.svg" alt="Round Downloading アイコン" width="24" height="24">
Google Material Icons の関連アイコン
Round Downloading アイコン のよくある質問
Round Downloading アイコンは商用利用でも無料ですか?
はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Round Downloading アイコンを使うには?
@iconify/react をインストールして <Icon icon="ic:round-downloading" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Round Downloading アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/round-downloading.svg" alt="Round Downloading アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Google Material Icons をすべて見る →
ICONYZ
