Progress Old icon

file-icons:progress-old

The Progress Old icon (file-icons:progress-old) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512
Tags: progressold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M492.758 334.265c-5.266-2.563-111.972-48.31-173.234-74.548c46.085-33.22 134.216-96.802 138.654-100.374c5.987-4.816 5.027-6.539-2.203-3.82c-4.447 1.682-81.08 32.404-139.42 55.808c32.674-64.31 77.831-153.37 79.941-158.494c1.883-4.583 2.06-6.963.817-6.963c-.941 0-2.718 1.386-5.223 4.246c-4.459 5.137-87.882 116.28-124.453 165.042c-21.8-60.173-73.512-202.69-76.661-209.31c-3.998-8.384-6.627-7.674-5.827 1.582c.545 6.466 20.252 129.436 32.13 203.275c-30.796-24.909-72.175-58.313-75.096-60.338c-1.777-1.244-3.074-1.848-3.784-1.848c-1.173 0-.853 1.563 1.172 4.476c1.869 2.706 35.472 46.786 63.719 83.794c-65.685-1.327-177.02-3.528-182.8-3.315c-8.244.32-8.582 2.7-.765 5.312c6.058 2.01 136.33 30.28 194.644 42.899c-24.629 33.845-79.654 109.48-82.34 113.335c-3.464 5.01-2.202 6.253 2.79 2.789c3.92-2.721 80.496-64.773 113.188-91.286c16.124 51.958 60.255 193.95 62.895 200.113c3.25 7.585 5.596 7.053 5.223-1.173c-.258-5.69-15.947-112.817-25.594-178.313c47.957 39.098 114.849 93.55 118.667 96.201c5.987 4.175 7.515 2.665 3.358-3.34c-3.022-4.333-64.845-75.965-98.764-115.203c65.68 12.974 171.896 33.87 177.545 34.445c8.19.854 8.83-1.385 1.421-4.992"/></svg>

How to use the Progress Old icon

React

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

<Icon icon="file-icons:progress-old" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:progress-old" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:progress-old" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--progress-old]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:progress-old"></div>

Web component

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

<iconify-icon icon="file-icons:progress-old"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/progress-old.svg" alt="Progress Old icon" width="24" height="24">

Related icons in File Icons

Progress Old icon FAQ

Is the Progress Old icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Progress Old icon in React?

Install @iconify/react and render <Icon icon="file-icons:progress-old" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Progress Old icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/progress-old.svg" alt="Progress Old icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →