Breadcrumb Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: breadcrumb

The Breadcrumb 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/321043.svg" alt="Breadcrumb icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/321043.svg" alt="Breadcrumb icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/321043.svg"
  alt="Breadcrumb icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-breadcrumb {
  background-image: url('https://proicons.com/icon/321043.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="breadcrumb">
<g id="Crumb 3">
<path id="Path" d="M406.136 184.288C404.008 184.288 402.352 183.564 401.168 182.116C399.984 180.668 399.392 178.536 399.392 175.72C399.392 172.904 399.984 170.74 401.168 169.228C402.352 167.716 404.008 166.96 406.136 166.96C407.544 166.96 408.724 167.28 409.676 167.92C410.628 168.56 411.368 169.464 411.896 170.632L410.264 171.616C409.928 170.752 409.416 170.06 408.728 169.54C408.04 169.02 407.176 168.76 406.136 168.76C405.416 168.76 404.772 168.896 404.204 169.168C403.636 169.44 403.156 169.828 402.764 170.332C402.372 170.836 402.072 171.436 401.864 172.132C401.656 172.828 401.552 173.608 401.552 174.472V176.968C401.552 178.696 401.952 180.048 402.752 181.024C403.552 182 404.68 182.488 406.136 182.488C407.208 182.488 408.104 182.212 408.824 181.66C409.544 181.108 410.072 180.376 410.408 179.464L412.016 180.472C411.488 181.656 410.728 182.588 409.736 183.268C408.744 183.948 407.544 184.288 406.136 184.288Z" fill="#171717"/>
<path id="Path_2" d="M414.943 184V171.616H416.863V173.896H416.983C417.207 173.304 417.607 172.776 418.183 172.312C418.759 171.848 419.551 171.616 420.559 171.616H421.303V173.536H420.175C419.135 173.536 418.323 173.732 417.739 174.124C417.155 174.516 416.863 175.008 416.863 175.6V184H414.943Z" fill="#171717"/>
<path id="Path_3" d="M431.384 181.984H431.288C431.16 182.272 431.004 182.556 430.82 182.836C430.636 183.116 430.408 183.364 430.136 183.58C429.864 183.796 429.536 183.968 429.152 184.096C428.768 184.224 428.32 184.288 427.808 184.288C426.528 184.288 425.512 183.876 424.76 183.052C424.008 182.228 423.632 181.064 423.632 179.56V171.616H425.552V179.224C425.552 181.448 426.496 182.56 428.384 182.56C428.768 182.56 429.14 182.512 429.5 182.416C429.86 182.32 430.18 182.176 430.46 181.984C430.74 181.792 430.964 181.548 431.132 181.252C431.3 180.956 431.384 180.6 431.384 180.184V171.616H433.304V184H431.384V181.984Z" fill="#171717"/>
<path id="Path_4" d="M437.384 184V171.616H439.304V173.632H439.4C439.544 173.312 439.708 173.012 439.892 172.732C440.076 172.452 440.3 172.208 440.564 172C440.828 171.792 441.136 171.628 441.488 171.508C441.84 171.388 442.256 171.328 442.736 171.328C443.552 171.328 444.304 171.524 444.992 171.916C445.68 172.308 446.192 172.952 446.528 173.848H446.576C446.8 173.176 447.22 172.588 447.836 172.084C448.452 171.58 449.288 171.328 450.344 171.328C451.608 171.328 452.596 171.74 453.308 172.564C454.02 173.388 454.376 174.552 454.376 176.056V184H452.456V176.392C452.456 175.288 452.24 174.456 451.808 173.896C451.376 173.336 450.688 173.056 449.744 173.056C449.36 173.056 448.996 173.104 448.652 173.2C448.308 173.296 448 173.44 447.728 173.632C447.456 173.824 447.24 174.068 447.08 174.364C446.92 174.66 446.84 175.008 446.84 175.408V184H444.92V176.392C444.92 175.288 444.704 174.456 444.272 173.896C443.84 173.336 443.168 173.056 442.256 173.056C441.872 173.056 441.504 173.104 441.152 173.2C440.8 173.296 440.488 173.44 440.216 173.632C439.944 173.824 439.724 174.068 439.556 174.364C439.388 174.66 439.304 175.008 439.304 175.408V184H437.384Z" fill="#171717"/>
<path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M460.256 166.24H458.336V184H460.256V181.984H460.352C461.088 183.52 462.296 184.288 463.976 184.288C464.744 184.288 465.44 184.136 466.064 183.832C466.688 183.528 467.22 183.096 467.66 182.536C468.1 181.976 468.436 181.296 468.668 180.496C468.9 179.696 469.016 178.8 469.016 177.808C469.016 176.816 468.9 175.92 468.668 175.12C468.436 174.32 468.1 173.64 467.66 173.08C467.22 172.52 466.688 172.088 466.064 171.784C465.44 171.48 464.744 171.328 463.976 171.328C463.112 171.328 462.372 171.516 461.756 171.892C461.14 172.268 460.672 172.848 460.352 173.632H460.256V166.24ZM466.016 181.54C465.392 182.22 464.536 182.56 463.448 182.56C463.016 182.56 462.604 182.504 462.212 182.392C461.82 182.28 461.48 182.116 461.192 181.9C460.904 181.684 460.676 181.42 460.508 181.108C460.34 180.796 460.256 180.44 460.256 180.04V175.432C460.256 175.096 460.34 174.78 460.508 174.484C460.676 174.188 460.904 173.936 461.192 173.728C461.48 173.52 461.82 173.356 462.212 173.236C462.604 173.116 463.016 173.056 463.448 173.056C464.536 173.056 465.392 173.396 466.016 174.076C466.64 174.756 466.952 175.648 466.952 176.752V178.864C466.952 179.968 466.64 180.86 466.016 181.54Z" fill="#171717"/>
<path id="Path_5" d="M482.144 174.352C483.28 174.352 484.132 174.092 484.7 173.572C485.268 173.052 485.552 172.384 485.552 171.568V171.4C485.552 170.52 485.276 169.86 484.724 169.42C484.172 168.98 483.448 168.76 482.552 168.76C481.688 168.76 480.984 168.948 480.44 169.324C479.896 169.7 479.448 170.208 479.096 170.848L477.608 169.696C477.816 169.36 478.068 169.028 478.364 168.7C478.66 168.372 479.008 168.08 479.408 167.824C479.808 167.568 480.272 167.36 480.8 167.2C481.328 167.04 481.928 166.96 482.6 166.96C483.304 166.96 483.968 167.052 484.592 167.236C485.216 167.42 485.756 167.692 486.212 168.052C486.668 168.412 487.028 168.856 487.292 169.384C487.556 169.912 487.688 170.512 487.688 171.184C487.688 171.728 487.604 172.216 487.436 172.648C487.268 173.08 487.04 173.456 486.752 173.776C486.464 174.096 486.124 174.368 485.732 174.592C485.34 174.816 484.92 174.984 484.472 175.096V175.192C484.92 175.288 485.356 175.444 485.78 175.66C486.204 175.876 486.58 176.156 486.908 176.5C487.236 176.844 487.5 177.26 487.7 177.748C487.9 178.236 488 178.792 488 179.416C488 180.136 487.864 180.796 487.592 181.396C487.32 181.996 486.936 182.508 486.44 182.932C485.944 183.356 485.344 183.688 484.64 183.928C483.936 184.168 483.16 184.288 482.312 184.288C481.592 184.288 480.952 184.208 480.392 184.048C479.832 183.888 479.336 183.672 478.904 183.4C478.472 183.128 478.092 182.824 477.764 182.488C477.436 182.152 477.144 181.8 476.888 181.432L478.4 180.28C478.608 180.616 478.836 180.92 479.084 181.192C479.332 181.464 479.608 181.696 479.912 181.888C480.216 182.08 480.56 182.228 480.944 182.332C481.328 182.436 481.776 182.488 482.288 182.488C483.472 182.488 484.368 182.22 484.976 181.684C485.584 181.148 485.888 180.384 485.888 179.392V179.2C485.888 178.208 485.584 177.444 484.976 176.908C484.368 176.372 483.472 176.104 482.288 176.104H480.32V174.352H482.144Z" fill="#171717"/>
</g>
<g id="Crumb 1">
<path id="Path_6" d="M138.136 184.288C136.008 184.288 134.352 183.564 133.168 182.116C131.984 180.668 131.392 178.536 131.392 175.72C131.392 172.904 131.984 170.74 133.168 169.228C134.352 167.716 136.008 166.96 138.136 166.96C139.544 166.96 140.724 167.28 141.676 167.92C142.628 168.56 143.368 169.464 143.896 170.632L142.264 171.616C141.928 170.752 141.416 170.06 140.728 169.54C140.04 169.02 139.176 168.76 138.136 168.76C137.416 168.76 136.772 168.896 136.204 169.168C135.636 169.44 135.156 169.828 134.764 170.332C134.372 170.836 134.072 171.436 133.864 172.132C133.656 172.828 133.552 173.608 133.552 174.472V176.968C133.552 178.696 133.952 180.048 134.752 181.024C135.552 182 136.68 182.488 138.136 182.488C139.208 182.488 140.104 182.212 140.824 181.66C141.544 181.108 142.072 180.376 142.408 179.464L144.016 180.472C143.488 181.656 142.728 182.588 141.736 183.268C140.744 183.948 139.544 184.288 138.136 184.288Z" fill="#0062FF"/>
<path id="Path_7" d="M146.943 184V171.616H148.863V173.896H148.983C149.207 173.304 149.607 172.776 150.183 172.312C150.759 171.848 151.551 171.616 152.559 171.616H153.303V173.536H152.175C151.135 173.536 150.323 173.732 149.739 174.124C149.155 174.516 148.863 175.008 148.863 175.6V184H146.943Z" fill="#0062FF"/>
<path id="Path_8" d="M163.384 181.984H163.288C163.16 182.272 163.004 182.556 162.82 182.836C162.636 183.116 162.408 183.364 162.136 183.58C161.864 183.796 161.536 183.968 161.152 184.096C160.768 184.224 160.32 184.288 159.808 184.288C158.528 184.288 157.512 183.876 156.76 183.052C156.008 182.228 155.632 181.064 155.632 179.56V171.616H157.552V179.224C157.552 181.448 158.496 182.56 160.384 182.56C160.768 182.56 161.14 182.512 161.5 182.416C161.86 182.32 162.18 182.176 162.46 181.984C162.74 181.792 162.964 181.548 163.132 181.252C163.3 180.956 163.384 180.6 163.384 180.184V171.616H165.304V184H163.384V181.984Z" fill="#0062FF"/>
<path id="Path_9" d="M169.384 184V171.616H171.304V173.632H171.4C171.544 173.312 171.708 173.012 171.892 172.732C172.076 172.452 172.3 172.208 172.564 172C172.828 171.792 173.136 171.628 173.488 171.508C173.84 171.388 174.256 171.328 174.736 171.328C175.552 171.328 176.304 171.524 176.992 171.916C177.68 172.308 178.192 172.952 178.528 173.848H178.576C178.8 173.176 179.22 172.588 179.836 172.084C180.452 171.58 181.288 171.328 182.344 171.328C183.608 171.328 184.596 171.74 185.308 172.564C186.02 173.388 186.376 174.552 186.376 176.056V184H184.456V176.392C184.456 175.288 184.24 174.456 183.808 173.896C183.376 173.336 182.688 173.056 181.744 173.056C181.36 173.056 180.996 173.104 180.652 173.2C180.308 173.296 180 173.44 179.728 173.632C179.456 173.824 179.24 174.068 179.08 174.364C178.92 174.66 178.84 175.008 178.84 175.408V184H176.92V176.392C176.92 175.288 176.704 174.456 176.272 173.896C175.84 173.336 175.168 173.056 174.256 173.056C173.872 173.056 173.504 173.104 173.152 173.2C172.8 173.296 172.488 173.44 172.216 173.632C171.944 173.824 171.724 174.068 171.556 174.364C171.388 174.66 171.304 175.008 171.304 175.408V184H169.384Z" fill="#0062FF"/>
<path id="Shape_2" fill-rule="evenodd" clip-rule="evenodd" d="M192.256 166.24H190.336V184H192.256V181.984H192.352C193.088 183.52 194.296 184.288 195.976 184.288C196.744 184.288 197.44 184.136 198.064 183.832C198.688 183.528 199.22 183.096 199.66 182.536C200.1 181.976 200.436 181.296 200.668 180.496C200.9 179.696 201.016 178.8 201.016 177.808C201.016 176.816 200.9 175.92 200.668 175.12C200.436 174.32 200.1 173.64 199.66 173.08C199.22 172.52 198.688 172.088 198.064 171.784C197.44 171.48 196.744 171.328 195.976 171.328C195.112 171.328 194.372 171.516 193.756 171.892C193.14 172.268 192.672 172.848 192.352 173.632H192.256V166.24ZM198.016 181.54C197.392 182.22 196.536 182.56 195.448 182.56C195.016 182.56 194.604 182.504 194.212 182.392C193.82 182.28 193.48 182.116 193.192 181.9C192.904 181.684 192.676 181.42 192.508 181.108C192.34 180.796 192.256 180.44 192.256 180.04V175.432C192.256 175.096 192.34 174.78 192.508 174.484C192.676 174.188 192.904 173.936 193.192 173.728C193.48 173.52 193.82 173.356 194.212 173.236C194.604 173.116 195.016 173.056 195.448 173.056C196.536 173.056 197.392 173.396 198.016 174.076C198.64 174.756 198.952 175.648 198.952 176.752V178.864C198.952 179.968 198.64 180.86 198.016 181.54Z" fill="#0062FF"/>
<path id="Path_10" d="M209.992 184V182.224H214.672V168.736H214.504L210.28 172.672L209.104 171.4L213.544 167.248H216.688V182.224H221.008V184H209.992Z" fill="#0062FF"/>
</g>
<g id="Crumb 1 Copy">
<path id="Path_11" d="M272.136 184.288C270.008 184.288 268.352 183.564 267.168 182.116C265.984 180.668 265.392 178.536 265.392 175.72C265.392 172.904 265.984 170.74 267.168 169.228C268.352 167.716 270.008 166.96 272.136 166.96C273.544 166.96 274.724 167.28 275.676 167.92C276.628 168.56 277.368 169.464 277.896 170.632L276.264 171.616C275.928 170.752 275.416 170.06 274.728 169.54C274.04 169.02 273.176 168.76 272.136 168.76C271.416 168.76 270.772 168.896 270.204 169.168C269.636 169.44 269.156 169.828 268.764 170.332C268.372 170.836 268.072 171.436 267.864 172.132C267.656 172.828 267.552 173.608 267.552 174.472V176.968C267.552 178.696 267.952 180.048 268.752 181.024C269.552 182 270.68 182.488 272.136 182.488C273.208 182.488 274.104 182.212 274.824 181.66C275.544 181.108 276.072 180.376 276.408 179.464L278.016 180.472C277.488 181.656 276.728 182.588 275.736 183.268C274.744 183.948 273.544 184.288 272.136 184.288Z" fill="#171717"/>
<path id="Path_12" d="M280.943 184V171.616H282.863V173.896H282.983C283.207 173.304 283.607 172.776 284.183 172.312C284.759 171.848 285.551 171.616 286.559 171.616H287.303V173.536H286.175C285.135 173.536 284.323 173.732 283.739 174.124C283.155 174.516 282.863 175.008 282.863 175.6V184H280.943Z" fill="#171717"/>
<path id="Path_13" d="M297.384 181.984H297.288C297.16 182.272 297.004 182.556 296.82 182.836C296.636 183.116 296.408 183.364 296.136 183.58C295.864 183.796 295.536 183.968 295.152 184.096C294.768 184.224 294.32 184.288 293.808 184.288C292.528 184.288 291.512 183.876 290.76 183.052C290.008 182.228 289.632 181.064 289.632 179.56V171.616H291.552V179.224C291.552 181.448 292.496 182.56 294.384 182.56C294.768 182.56 295.14 182.512 295.5 182.416C295.86 182.32 296.18 182.176 296.46 181.984C296.74 181.792 296.964 181.548 297.132 181.252C297.3 180.956 297.384 180.6 297.384 180.184V171.616H299.304V184H297.384V181.984Z" fill="#171717"/>
<path id="Path_14" d="M303.384 184V171.616H305.304V173.632H305.4C305.544 173.312 305.708 173.012 305.892 172.732C306.076 172.452 306.3 172.208 306.564 172C306.828 171.792 307.136 171.628 307.488 171.508C307.84 171.388 308.256 171.328 308.736 171.328C309.552 171.328 310.304 171.524 310.992 171.916C311.68 172.308 312.192 172.952 312.528 173.848H312.576C312.8 173.176 313.22 172.588 313.836 172.084C314.452 171.58 315.288 171.328 316.344 171.328C317.608 171.328 318.596 171.74 319.308 172.564C320.02 173.388 320.376 174.552 320.376 176.056V184H318.456V176.392C318.456 175.288 318.24 174.456 317.808 173.896C317.376 173.336 316.688 173.056 315.744 173.056C315.36 173.056 314.996 173.104 314.652 173.2C314.308 173.296 314 173.44 313.728 173.632C313.456 173.824 313.24 174.068 313.08 174.364C312.92 174.66 312.84 175.008 312.84 175.408V184H310.92V176.392C310.92 175.288 310.704 174.456 310.272 173.896C309.84 173.336 309.168 173.056 308.256 173.056C307.872 173.056 307.504 173.104 307.152 173.2C306.8 173.296 306.488 173.44 306.216 173.632C305.944 173.824 305.724 174.068 305.556 174.364C305.388 174.66 305.304 175.008 305.304 175.408V184H303.384Z" fill="#171717"/>
<path id="Shape_3" fill-rule="evenodd" clip-rule="evenodd" d="M326.256 166.24H324.336V184H326.256V181.984H326.352C327.088 183.52 328.296 184.288 329.976 184.288C330.744 184.288 331.44 184.136 332.064 183.832C332.688 183.528 333.22 183.096 333.66 182.536C334.1 181.976 334.436 181.296 334.668 180.496C334.9 179.696 335.016 178.8 335.016 177.808C335.016 176.816 334.9 175.92 334.668 175.12C334.436 174.32 334.1 173.64 333.66 173.08C333.22 172.52 332.688 172.088 332.064 171.784C331.44 171.48 330.744 171.328 329.976 171.328C329.112 171.328 328.372 171.516 327.756 171.892C327.14 172.268 326.672 172.848 326.352 173.632H326.256V166.24ZM332.016 181.54C331.392 182.22 330.536 182.56 329.448 182.56C329.016 182.56 328.604 182.504 328.212 182.392C327.82 182.28 327.48 182.116 327.192 181.9C326.904 181.684 326.676 181.42 326.508 181.108C326.34 180.796 326.256 180.44 326.256 180.04V175.432C326.256 175.096 326.34 174.78 326.508 174.484C326.676 174.188 326.904 173.936 327.192 173.728C327.48 173.52 327.82 173.356 328.212 173.236C328.604 173.116 329.016 173.056 329.448 173.056C330.536 173.056 331.392 173.396 332.016 174.076C332.64 174.756 332.952 175.648 332.952 176.752V178.864C332.952 179.968 332.64 180.86 332.016 181.54Z" fill="#171717"/>
<path id="Path_15" d="M343.992 184V182.224H348.672V168.736H348.504L344.28 172.672L343.104 171.4L347.544 167.248H350.688V182.224H355.008V184H343.992Z" fill="#171717"/>
</g>
<path id="/ copy 26" d="M239.944 187.624L246.208 166.24H244.48L238.216 187.624H239.944Z" fill="#171717"/>
<path id="/ copy 122" d="M373.944 187.624L380.208 166.24H378.48L372.216 187.624H373.944Z" fill="#171717"/>
</g>
</svg>

Copied!

Breadcrumb Icon

More from Carbon Icons