In Progress Error

By IBM in Carbon

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 32 32">
  <path fill="currentColor" d="M30 24a6 6 0 1 0-6 6a6.007 6.007 0 0 0 6-6Zm-2 0a3.952 3.952 0 0 1-.567 2.019l-5.452-5.452A3.953 3.953 0 0 1 24 20a4.005 4.005 0 0 1 4 4Zm-8 0a3.952 3.952 0 0 1 .567-2.019l5.452 5.452A3.953 3.953 0 0 1 24 28a4.005 4.005 0 0 1-4-4Z"/>
  <path fill="currentColor" d="M14 2a12 12 0 1 0 2 23.82v-2.022A10 10 0 1 1 14 4v10l4.343 4.343A7.975 7.975 0 0 1 24 16h1.82A11.93 11.93 0 0 0 14 2Z"/>
</svg>


In Progress Error Icons examples

See what this icon looks like in some mockup designs
In Progress ErrorHome

Related icons in Carbon

copy save
add
copy save
add-alt
copy save
add-comment
copy save
add-filled
copy save
add-large
copy save
align-box-bottom-center
copy save
align-box-bottom-left
copy save
align-box-bottom-right
copy save
align-box-middle-center
copy save
align-box-middle-left
copy save
align-box-middle-right
copy save
align-box-top-center
copy save
align-box-top-left
copy save
align-box-top-right
copy save
align-horizontal-center
copy save
align-horizontal-left
copy save
align-horizontal-right
copy save
align-vertical-bottom
copy save
align-vertical-center
copy save
align-vertical-top