Add icons to this collection by clicking the heart icon.
Progress icon - also known as level, job, work, progress, professions and jobs, job promotion, advancement, and promoted. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<path fill="#31c292" d="M320 472V264H184v224h120z" />
<circle cx="304" cy="424" r="64" fill="#f2c383" />
<path fill="#31c292" d="M24 328h136v160H24z" />
<path fill="#f3c990" d="M384 72h64l32 32-64 72-64-72z" />
<path fill="#efb465" d="M480 104H352l64 72z" />
<path fill="#f9dbb7" d="M424 72h-16l-16 32h48z" />
<path fill="#f3c990" d="m416 176 24-72h-48z" />
<rect width="128" height="96" x="192" y="128" fill="#576cd3" rx="16" />
<path
fill="#576cd3"
d="M280 136a8 8 0 0 1-8-8v-16a8.01 8.01 0 0 0-8-8h-16a8.01 8.01 0 0 0-8 8v16a8 8 0 0 1-16 0v-16a24.027 24.027 0 0 1 24-24h16a24.027 24.027 0 0 1 24 24v16a8 8 0 0 1-8 8z"
/>
<path fill="#31c292" d="M352 216h136v176H352z" />
<path
fill="#00b378"
d="m152 191.999-5.808-5.808a40 40 0 0 0-54.318-2.084l-2.72 2.332a40 40 0 0 1-51.022.866L24 175.999v96l14.133 11.306a40 40 0 0 0 51.02-.866l2.721-2.333a40 40 0 0 1 54.319 2.086l5.807 5.807z"
/>
<circle cx="88" cy="231.999" r="16" fill="#f1bc75" />
<g fill="#dfdfdf">
<path
d="M415.993 45.843a7.954 7.954 0 0 1-3.731-.93 112.495 112.495 0 0 0-74.67-10.673 8 8 0 1 1-3.184-15.68 128.483 128.483 0 0 1 85.33 12.209 8.001 8.001 0 0 1-3.745 15.074zM296.008 50.474a8 8 0 0 1-4.28-14.765 128.035 128.035 0 0 1 8.534-4.94 8 8 0 1 1 7.476 14.144 112.596 112.596 0 0 0-7.466 4.323 7.962 7.962 0 0 1-4.264 1.238zM86.828 128.002a8.005 8.005 0 0 1-7.543-10.668A128.224 128.224 0 0 1 200 32a126.914 126.914 0 0 1 76.805 25.595 8 8 0 0 1-9.61 12.793A111.03 111.03 0 0 0 200 48a112.197 112.197 0 0 0-105.629 74.666 8.004 8.004 0 0 1-7.543 5.336zM80 168a8 8 0 0 1-8-8c0-2.831.094-5.7.28-8.524a8 8 0 0 1 15.965 1.048A115.029 115.029 0 0 0 88 160a8 8 0 0 1-8 8z"
/>
</g>
<rect width="144" height="128" x="344" y="360" fill="#576cd3" rx="16" />
<path
fill="#576cd3"
d="M376 376a8 8 0 0 1-8-8v-24a8 8 0 0 1 16 0v24a8 8 0 0 1-8 8zM456 376a8 8 0 0 1-8-8v-24a8 8 0 0 1 16 0v24a8 8 0 0 1-8 8z"
/>
<path
fill="#3f589e"
d="M344 392h144v-16a16 16 0 0 0-16-16H360a16 16 0 0 0-16 16z"
/>
<path
fill="#7f9ae5"
d="M400 432h-24a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16zM400 464h-24a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16zM456 432h-24a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16zM456 464h-24a8 8 0 0 1 0-16h24a8 8 0 0 1 0 16z"
/>
<path
fill="#d7a25b"
d="M280 456a8 8 0 0 1-5.657-13.657L296 420.687V392a8 8 0 0 1 16 0v32a8.002 8.002 0 0 1-2.343 5.657l-24 24A7.978 7.978 0 0 1 280 456z"
/>
<path
fill="#f4cf9b"
d="M231.997 368.501a8 8 0 0 1-5.995-13.294A104.083 104.083 0 0 1 304 320a8 8 0 0 1 0 16 88.072 88.072 0 0 0-66.002 29.795 7.982 7.982 0 0 1-6 2.706zM211.03 408.002a8.008 8.008 0 0 1-7.753-9.996 103.495 103.495 0 0 1 6.158-17.344 8 8 0 0 1 14.54 6.676 87.595 87.595 0 0 0-5.204 14.656 8.003 8.003 0 0 1-7.74 6.008z"
/>
<path
fill="#3f589e"
d="M192 144v16h128v-16a16 16 0 0 0-16-16h-96a16 16 0 0 0-16 16z"
/>
</svg>
More icons in the same style and category