Progress Bar Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Progress Bar icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/321081.svg" alt="Progress Bar icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/321081.svg" alt="Progress Bar icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/321081.svg" alt="Progress Bar icon" :width="24" :height="24" />
CSS background
.icon-progress-bar {
background-image: url('https://proicons.com/icon/321081.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="progress-bar"> <g id="Group"> <rect id="Rectangle" x="112" y="182" width="416" height="16" fill="#E0E0E0"/> <rect id="Rectangle_2" x="112" y="182" width="312" height="16" fill="#0F62FE"/> <g id="Progress bar"> <path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M114.232 145.248V162H116.248V154.848H120.904C122.408 154.848 123.564 154.42 124.372 153.564C125.18 152.708 125.584 151.536 125.584 150.048C125.584 148.56 125.18 147.388 124.372 146.532C123.564 145.676 122.408 145.248 120.904 145.248H114.232ZM120.904 153.072H116.248V147.024H120.904C121.704 147.024 122.324 147.232 122.764 147.648C123.204 148.064 123.424 148.656 123.424 149.424V150.672C123.424 151.44 123.204 152.032 122.764 152.448C122.324 152.864 121.704 153.072 120.904 153.072Z" fill="#161616"/> <path id="Path" d="M128.619 162V149.616H130.539V151.896H130.659C130.883 151.304 131.283 150.776 131.859 150.312C132.435 149.848 133.227 149.616 134.235 149.616H134.979V151.536H133.851C132.811 151.536 131.999 151.732 131.415 152.124C130.831 152.516 130.539 153.008 130.539 153.6V162H128.619Z" fill="#161616"/> <path id="Shape_2" fill-rule="evenodd" clip-rule="evenodd" d="M139.981 161.832C140.669 162.136 141.429 162.288 142.261 162.288C143.093 162.288 143.849 162.136 144.529 161.832C145.209 161.528 145.797 161.092 146.293 160.524C146.789 159.956 147.173 159.276 147.445 158.484C147.717 157.692 147.853 156.8 147.853 155.808C147.853 154.832 147.717 153.944 147.445 153.144C147.173 152.344 146.789 151.66 146.293 151.092C145.797 150.524 145.209 150.088 144.529 149.784C143.849 149.48 143.093 149.328 142.261 149.328C141.429 149.328 140.669 149.48 139.981 149.784C139.293 150.088 138.705 150.524 138.217 151.092C137.729 151.66 137.349 152.344 137.077 153.144C136.805 153.944 136.669 154.832 136.669 155.808C136.669 156.8 136.805 157.692 137.077 158.484C137.349 159.276 137.729 159.956 138.217 160.524C138.705 161.092 139.293 161.528 139.981 161.832ZM144.805 159.624C144.149 160.264 143.301 160.584 142.261 160.584C141.221 160.584 140.373 160.264 139.717 159.624C139.061 158.984 138.733 158.008 138.733 156.696V154.92C138.733 153.608 139.061 152.632 139.717 151.992C140.373 151.352 141.221 151.032 142.261 151.032C143.301 151.032 144.149 151.352 144.805 151.992C145.461 152.632 145.789 153.608 145.789 154.92V156.696C145.789 158.008 145.461 158.984 144.805 159.624Z" fill="#161616"/> <path id="Shape_3" fill-rule="evenodd" clip-rule="evenodd" d="M161.735 163.369C161.735 164.649 161.235 165.589 160.235 166.189C159.235 166.789 157.735 167.089 155.735 167.089C153.799 167.089 152.407 166.825 151.559 166.297C150.711 165.769 150.287 165.017 150.287 164.041C150.287 163.369 150.463 162.845 150.815 162.469C151.167 162.093 151.647 161.817 152.255 161.641V161.377C151.519 161.025 151.151 160.449 151.151 159.649C151.151 159.025 151.351 158.549 151.751 158.221C152.151 157.893 152.663 157.649 153.287 157.489V157.393C152.551 157.041 151.979 156.537 151.571 155.881C151.163 155.225 150.959 154.465 150.959 153.601C150.959 152.977 151.071 152.401 151.295 151.873C151.519 151.345 151.835 150.893 152.243 150.517C152.651 150.141 153.139 149.849 153.707 149.641C154.275 149.433 154.911 149.329 155.615 149.329C156.495 149.329 157.279 149.489 157.967 149.809V149.593C157.967 149.113 158.079 148.717 158.303 148.405C158.527 148.093 158.895 147.937 159.407 147.937H161.255V149.617H158.903V150.409C159.351 150.793 159.699 151.253 159.947 151.789C160.195 152.325 160.319 152.929 160.319 153.601C160.319 154.225 160.207 154.801 159.983 155.329C159.759 155.857 159.443 156.309 159.035 156.685C158.627 157.061 158.135 157.353 157.559 157.561C156.983 157.769 156.343 157.873 155.639 157.873C155.239 157.873 154.839 157.833 154.439 157.753C154.023 157.865 153.647 158.029 153.311 158.245C152.975 158.461 152.807 158.761 152.807 159.145C152.807 159.513 152.983 159.761 153.335 159.889C153.687 160.017 154.143 160.081 154.703 160.081H157.343C158.879 160.081 159.995 160.373 160.691 160.957C161.387 161.541 161.735 162.345 161.735 163.369ZM159.935 163.513C159.935 163.017 159.747 162.621 159.371 162.325C158.995 162.029 158.327 161.881 157.367 161.881H153.239C152.471 162.233 152.087 162.793 152.087 163.561C152.087 164.105 152.291 164.569 152.699 164.953C153.107 165.337 153.799 165.529 154.775 165.529H156.551C157.623 165.529 158.455 165.361 159.047 165.025C159.639 164.689 159.935 164.185 159.935 163.513ZM157.583 155.749C157.103 156.141 156.455 156.337 155.639 156.337C154.823 156.337 154.175 156.141 153.695 155.749C153.215 155.357 152.975 154.753 152.975 153.937V153.265C152.975 152.449 153.215 151.845 153.695 151.453C154.175 151.061 154.823 150.865 155.639 150.865C156.455 150.865 157.103 151.061 157.583 151.453C158.063 151.845 158.303 152.449 158.303 153.265V153.937C158.303 154.753 158.063 155.357 157.583 155.749Z" fill="#161616"/> <path id="Path_2" d="M164.241 162V149.616H166.161V151.896H166.281C166.505 151.304 166.905 150.776 167.481 150.312C168.057 149.848 168.849 149.616 169.857 149.616H170.601V151.536H169.473C168.433 151.536 167.621 151.732 167.037 152.124C166.453 152.516 166.161 153.008 166.161 153.6V162H164.241Z" fill="#161616"/> <path id="Shape_4" fill-rule="evenodd" clip-rule="evenodd" d="M175.568 161.832C176.248 162.136 177.012 162.288 177.86 162.288C179.028 162.288 180.036 162.028 180.884 161.508C181.732 160.988 182.356 160.304 182.756 159.456L181.388 158.472C181.068 159.16 180.616 159.688 180.032 160.056C179.448 160.424 178.764 160.608 177.98 160.608C177.404 160.608 176.888 160.512 176.432 160.32C175.976 160.128 175.592 159.864 175.28 159.528C174.968 159.192 174.728 158.796 174.56 158.34C174.392 157.884 174.308 157.392 174.308 156.864V156.288H183.212V155.376C183.212 154.496 183.088 153.688 182.84 152.952C182.592 152.216 182.236 151.58 181.772 151.044C181.308 150.508 180.748 150.088 180.092 149.784C179.436 149.48 178.692 149.328 177.86 149.328C177.012 149.328 176.248 149.48 175.568 149.784C174.888 150.088 174.304 150.524 173.816 151.092C173.328 151.66 172.952 152.344 172.688 153.144C172.424 153.944 172.292 154.832 172.292 155.808C172.292 156.8 172.424 157.692 172.688 158.484C172.952 159.276 173.328 159.956 173.816 160.524C174.304 161.092 174.888 161.528 175.568 161.832ZM176.42 151.212C176.852 151.028 177.332 150.936 177.86 150.936C178.852 150.936 179.648 151.268 180.248 151.932C180.848 152.596 181.148 153.48 181.148 154.584V154.848H174.308V154.68C174.308 154.136 174.396 153.636 174.572 153.18C174.748 152.724 174.992 152.328 175.304 151.992C175.616 151.656 175.988 151.396 176.42 151.212Z" fill="#161616"/> <path id="Path_3" d="M190.375 162.288C189.223 162.288 188.259 162.068 187.483 161.628C186.707 161.188 186.039 160.6 185.479 159.864L186.847 158.76C187.327 159.368 187.863 159.836 188.455 160.164C189.047 160.492 189.735 160.656 190.519 160.656C191.335 160.656 191.971 160.48 192.427 160.128C192.883 159.776 193.111 159.28 193.111 158.64C193.111 158.16 192.955 157.748 192.643 157.404C192.331 157.06 191.767 156.824 190.951 156.696L189.967 156.552C189.391 156.472 188.863 156.348 188.383 156.18C187.903 156.012 187.483 155.788 187.123 155.508C186.763 155.228 186.483 154.88 186.283 154.464C186.083 154.048 185.983 153.552 185.983 152.976C185.983 152.368 186.095 151.836 186.319 151.38C186.543 150.924 186.851 150.544 187.243 150.24C187.635 149.936 188.103 149.708 188.647 149.556C189.191 149.404 189.775 149.328 190.399 149.328C191.407 149.328 192.251 149.504 192.931 149.856C193.611 150.208 194.207 150.696 194.719 151.32L193.447 152.472C193.175 152.088 192.775 151.74 192.247 151.428C191.719 151.116 191.055 150.96 190.255 150.96C189.455 150.96 188.851 151.132 188.443 151.476C188.035 151.82 187.831 152.288 187.831 152.88C187.831 153.488 188.035 153.928 188.443 154.2C188.851 154.472 189.439 154.672 190.207 154.8L191.167 154.944C192.543 155.152 193.519 155.548 194.095 156.132C194.671 156.716 194.959 157.48 194.959 158.424C194.959 159.624 194.551 160.568 193.735 161.256C192.919 161.944 191.799 162.288 190.375 162.288Z" fill="#161616"/> <path id="Path_4" d="M202.193 162.288C201.041 162.288 200.077 162.068 199.301 161.628C198.525 161.188 197.857 160.6 197.297 159.864L198.665 158.76C199.145 159.368 199.681 159.836 200.273 160.164C200.865 160.492 201.553 160.656 202.337 160.656C203.153 160.656 203.789 160.48 204.245 160.128C204.701 159.776 204.929 159.28 204.929 158.64C204.929 158.16 204.773 157.748 204.461 157.404C204.149 157.06 203.585 156.824 202.769 156.696L201.785 156.552C201.209 156.472 200.681 156.348 200.201 156.18C199.721 156.012 199.301 155.788 198.941 155.508C198.581 155.228 198.301 154.88 198.101 154.464C197.901 154.048 197.801 153.552 197.801 152.976C197.801 152.368 197.913 151.836 198.137 151.38C198.361 150.924 198.669 150.544 199.061 150.24C199.453 149.936 199.921 149.708 200.465 149.556C201.009 149.404 201.593 149.328 202.217 149.328C203.225 149.328 204.069 149.504 204.749 149.856C205.429 150.208 206.025 150.696 206.537 151.32L205.265 152.472C204.993 152.088 204.593 151.74 204.065 151.428C203.537 151.116 202.873 150.96 202.073 150.96C201.273 150.96 200.669 151.132 200.261 151.476C199.853 151.82 199.649 152.288 199.649 152.88C199.649 153.488 199.853 153.928 200.261 154.2C200.669 154.472 201.257 154.672 202.025 154.8L202.985 154.944C204.361 155.152 205.337 155.548 205.913 156.132C206.489 156.716 206.777 157.48 206.777 158.424C206.777 159.624 206.369 160.568 205.553 161.256C204.737 161.944 203.617 162.288 202.193 162.288Z" fill="#161616"/> <path id="Shape_5" fill-rule="evenodd" clip-rule="evenodd" d="M218.293 144.24H216.373V162H218.293V159.984H218.389C219.125 161.52 220.333 162.288 222.013 162.288C222.781 162.288 223.477 162.136 224.101 161.832C224.725 161.528 225.257 161.096 225.697 160.536C226.137 159.976 226.473 159.296 226.705 158.496C226.937 157.696 227.053 156.8 227.053 155.808C227.053 154.816 226.937 153.92 226.705 153.12C226.473 152.32 226.137 151.64 225.697 151.08C225.257 150.52 224.725 150.088 224.101 149.784C223.477 149.48 222.781 149.328 222.013 149.328C221.149 149.328 220.409 149.516 219.793 149.892C219.177 150.268 218.709 150.848 218.389 151.632H218.293V144.24ZM224.053 159.54C223.429 160.22 222.573 160.56 221.485 160.56C221.053 160.56 220.641 160.504 220.249 160.392C219.857 160.28 219.517 160.116 219.229 159.9C218.941 159.684 218.713 159.42 218.545 159.108C218.377 158.796 218.293 158.44 218.293 158.04V153.432C218.293 153.096 218.377 152.78 218.545 152.484C218.713 152.188 218.941 151.936 219.229 151.728C219.517 151.52 219.857 151.356 220.249 151.236C220.641 151.116 221.053 151.056 221.485 151.056C222.573 151.056 223.429 151.396 224.053 152.076C224.677 152.756 224.989 153.648 224.989 154.752V156.864C224.989 157.968 224.677 158.86 224.053 159.54Z" fill="#161616"/> <path id="Shape_6" fill-rule="evenodd" clip-rule="evenodd" d="M238.019 161.424C238.331 161.808 238.847 162 239.567 162H240.647V160.32H239.231V153.504C239.231 152.192 238.815 151.168 237.983 150.432C237.151 149.696 235.983 149.328 234.479 149.328C233.359 149.328 232.431 149.564 231.695 150.036C230.959 150.508 230.423 151.08 230.087 151.752L231.239 152.832C231.575 152.272 231.995 151.824 232.499 151.488C233.003 151.152 233.631 150.984 234.383 150.984C235.375 150.984 236.111 151.216 236.591 151.68C237.071 152.144 237.311 152.816 237.311 153.696V154.92H234.863C233.055 154.92 231.723 155.232 230.867 155.856C230.011 156.48 229.583 157.376 229.583 158.544C229.583 159.696 229.947 160.608 230.675 161.28C231.403 161.952 232.423 162.288 233.735 162.288C234.599 162.288 235.343 162.096 235.967 161.712C236.591 161.328 237.039 160.752 237.311 159.984H237.431C237.511 160.56 237.707 161.04 238.019 161.424ZM235.367 160.488C234.967 160.6 234.527 160.656 234.047 160.656C233.295 160.656 232.699 160.488 232.259 160.152C231.819 159.816 231.599 159.344 231.599 158.736V158.232C231.599 157.624 231.851 157.16 232.355 156.84C232.859 156.52 233.663 156.36 234.767 156.36H237.311V158.4C237.311 158.72 237.231 159.016 237.071 159.288C236.911 159.56 236.687 159.8 236.399 160.008C236.111 160.216 235.767 160.376 235.367 160.488Z" fill="#161616"/> <path id="Path_5" d="M243.657 162V149.616H245.577V151.896H245.697C245.921 151.304 246.321 150.776 246.897 150.312C247.473 149.848 248.265 149.616 249.273 149.616H250.017V151.536H248.889C247.849 151.536 247.037 151.732 246.453 152.124C245.869 152.516 245.577 153.008 245.577 153.6V162H243.657Z" fill="#161616"/> </g> </g> </g> </svg>
Copied!