1. Icon Monks
2. Interface icons
3. Progress Bar

Progress Bar icon

A free progress bar icon from the Interface set, useful for loading, progress, loader, bar. It comes in six weights and is free for personal and commercial use under the MIT license.

SVG

SVG

SVG

SVG

SVG

SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the progress bar icon in your code

import { ProgressBar } from '@icon-monks/react';

<ProgressBar size={24} />

<script setup>
import { ProgressBar } from '@icon-monks/vue';
</script>

<ProgressBar :size="24" />

<icon-monks name="progress-bar" size="24"></icon-monks>

<i class="im im-progress-bar"></i>

Icon(IconMonks.progressBar)

Image(iconMonks: .progressBar)

Icon(IconMonks.Regular.ProgressBar, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

• loading
• progress
• loader
• bar
• playback

Related interface icons

• progress-circle
• circle-notch
• spinner
• layout-bottom-bar
• layout-top-bar
• progress-check
• cursor-hourglass
• cursor-spinner
• status-change
• accessibility
• ai-agent
• app-notification
• app-switcher
• app-window-bottom
• app-window-bottom-left
• app-window-bottom-right
• app-window-center
• app-window-minus

See all 489 interface icons