Menu

AI SVG Studio
Sign in
Ribbon SVG logo, flat

Ribbon SVG logo, flat

A folded ribbon banner has curled ends and a blank central panel for short text. Use it on a prize certificate or a school fair poster.

Free ยท from Emblem Logos, Flat

Similar SVGs

More from Emblem Logos, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8MbqI3m_AidA/amnt.svg" alt="Ribbon" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Folded ribbon banner with curled ends"><g stroke="#172B4D" stroke-width="7" stroke-linejoin="round" stroke-linecap="round"><path fill="#42C7B8" d="M75 105 49 94c-13-5-24 4-24 17v34c0 13 11 22 24 17l26-11z"/><path fill="#42C7B8" d="m181 105 26-11c13-5 24 4 24 17v34c0 13-11 22-24 17l-26-11z"/><path fill="#172B4D" d="m75 151-21 13v-27h21zm106 0 21 13v-27h-21z"/><rect x="65" y="88" width="126" height="65" rx="8" fill="#42C7B8"/><path fill="#42C7B8" d="M47 99c-14 0-22 11-22 25s8 25 22 25c11 0 18-8 18-18 0-8-5-13-12-13-6 0-10 4-10 9 0 4 3 7 7 7"/><path fill="#42C7B8" d="M209 99c14 0 22 11 22 25s-8 25-22 25c-11 0-18-8-18-18 0-8 5-13 12-13 6 0 10 4 10 9 0 4-3 7-7 7"/></g></svg>
CSS background-image
.ribbon {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8MbqI3m_AidA/amnt.svg");
  background-size: contain;
}
React
import RibbonSvg from "./ribbon.jsx"; // from the React tab above

<RibbonSvg width={48} height={48} />

Tags

ribbonbannerawardemblememblemslogoflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Ribbon: A folded ribbon banner with curled ends and a blank central panel. as part of the pack Emblem Logos, Flat. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings