Ribbon Icon

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

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: ribbon

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

React JSX

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

Vue template

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

CSS background

.icon-ribbon {
  background-image: url('https://proicons.com/icon/310933.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.432 10.6058L17.1395 12.301C17.5706 12.5712 18.066 12.7208 18.5743 12.7343C19.0825 12.7479 19.5851 12.6249 20.0299 12.3781C20.4748 12.1313 20.8457 11.7697 21.1042 11.3308C21.3627 10.8919 21.4993 10.3917 21.5 9.88196V6.85336C21.4993 6.34367 21.3627 5.84343 21.1042 5.40453C20.8457 4.96562 20.4748 4.60403 20.0299 4.35725C19.5851 4.11046 19.0825 3.98746 18.5743 4.00101C18.066 4.01456 17.5706 4.16416 17.1395 4.4343L14.432 6.12955" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.56803 6.12955L6.86054 4.4343C6.4294 4.16416 5.93404 4.01456 5.4258 4.00101C4.91756 3.98746 4.41496 4.11046 3.97012 4.35725C3.52527 4.60403 3.15437 4.96562 2.89589 5.40453C2.6374 5.84343 2.50073 6.34367 2.50005 6.85336V9.88196C2.49761 10.2851 2.58032 10.6843 2.74273 11.0531C2.90514 11.422 3.14359 11.7522 3.44239 12.0221C3.7412 12.2919 4.09359 12.4953 4.47641 12.6189C4.85923 12.7425 5.26381 12.7835 5.66354 12.7391C6.09 12.6964 6.50025 12.5528 6.86054 12.3201L9.56803 10.6248" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.85 7.37717V9.35814C14.8514 9.77789 14.7145 10.1864 14.4605 10.5201L14.394 10.6058C14.2148 10.8131 13.9929 10.9792 13.7437 11.0926C13.4945 11.206 13.2237 11.2641 12.95 11.2629H11.05C10.7763 11.2641 10.5056 11.206 10.2564 11.0926C10.0072 10.9792 9.78531 10.8131 9.60604 10.6058C9.55237 10.5437 9.50466 10.4768 9.46354 10.4058C9.25913 10.0948 9.15013 9.73056 9.15004 9.35814V7.37717C9.15004 6.87199 9.35022 6.38751 9.70654 6.03029C10.0629 5.67308 10.5461 5.4724 11.05 5.4724H12.95C13.4539 5.4724 13.9372 5.67308 14.2935 6.03029C14.6498 6.38751 14.85 6.87199 14.85 7.37717Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.65 12.7391L20.1605 18.3772C20.1702 18.4142 20.1685 18.4532 20.1558 18.4892C20.1431 18.5252 20.1198 18.5566 20.0891 18.5792C20.0584 18.6018 20.0216 18.6146 19.9835 18.6159C19.9454 18.6173 19.9078 18.6071 19.8755 18.5868L16.788 16.7963L15.04 19.9011C15.0216 19.9348 14.9933 19.9622 14.959 19.9796C14.9248 19.9969 14.886 20.0034 14.848 19.9983C14.8099 19.9931 14.7743 19.9765 14.7458 19.9507C14.7174 19.9248 14.6974 19.8909 14.6885 19.8534L12.399 11.282" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.42553 10.4058C9.46665 10.4768 9.51436 10.5437 9.56803 10.6058L6.86054 12.301C6.50025 12.5337 6.09 12.6773 5.66355 12.7201L4.15305 18.3772C4.14504 18.4129 4.14743 18.4501 4.15994 18.4844C4.17244 18.5188 4.19453 18.5488 4.22357 18.5708C4.25262 18.5929 4.28738 18.6062 4.32373 18.609C4.36007 18.6118 4.39646 18.6041 4.42855 18.5868L7.52554 16.7963L9.31153 19.9011C9.32999 19.9348 9.35823 19.9622 9.39252 19.9796C9.42681 19.9969 9.46553 20.0034 9.5036 19.9983C9.54166 19.9931 9.57727 19.9765 9.60574 19.9507C9.6342 19.9248 9.65418 19.8909 9.66303 19.8534L11.9525 11.282" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.75 8.36765H14.888" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.11204 8.36765H7.25005" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>