Menu

Beta
Sign in
Beta
Ribbon Tail SVG element, flat

Ribbon Tail SVG element, flat

Two separate ribbon tails hang downward, one with a V-notch and the other cut diagonally. Add them beneath a certificate seal or a scrapbook title.

Free · from Ribbons and Banners, Flat · Set 2

Similar SVGs

More from Ribbons and Banners, Flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UuVtvYhycyS4/amnt.svg" alt="Ribbon Tail" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M229 53v827c12-12 95-99 102-99s90 86 102 98v-826z" fill="#fb1112" stroke="#fb1112"/></g><g id="purple" data-name="Purple"><path d="M593 53v829c17-7 33-20 49-30 37-23 74-46 111-68 6-4 41-24 42-27 4-7 1-49 1-59 0-43 0-86 0-129 0-172 0-344 0-516z" fill="#0156fb" stroke="#0156fb"/></g><g id="black" data-name="Black"><path d="M332 796c25 25 50 50 76 75 4 5 22 26 28 27 3 0 6-1 8-3 4-5 2-70 2-81 0-101 0-201 0-301 0-101 0-201 0-301 0-50 0-101 0-150 0-6 1-13-2-18-4-6-41-3-50-3-24 0-48-1-72 0s-49 0-74 0c-41 0-31 0-31 40 0 49 1 98-1 147-1 18 1 37 1 56 0 55-1 112-1 168 0 23 2 48 1 72-1 34-1 69 0 104 1 16-1 32-1 48 0 46 1 94 1 141 0 10-2 73 1 78 2 3 5 3 9 3 5-1 24-23 29-27 14-14 64-68 76-75zM229 53h204v826c-12-12-95-98-102-98s-90 87-102 99z" fill="#0c0b0b" stroke="#0c0b0b"/><path d="M588 40c-5 2-6 3-8 8-3 11 0 102 0 122 0 45 0 90 0 136 0 90 0 181 0 272 0 90 0 181 0 272 0 12-3 29 0 41 2 4 4 7 8 8 5 0 43-25 49-29 28-18 57-35 85-52 12-8 79-46 84-53 7-9 3-113 3-132 0-91 0-182 0-272 0-91 0-182 0-272 0-10 3-39-2-45-6-7-73-4-85-4-40 0-79 1-118 1-6 0-11-2-16-1zm5 13h203c0 172 0 344 0 516 0 43 0 86 0 129 0 10 3 52-1 59-1 3-36 23-42 27-37 22-74 45-111 68-16 10-32 23-49 30z" fill="#0c0b0b" stroke="#0c0b0b"/></g></svg>
CSS background-image
.ribbon-tail {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UuVtvYhycyS4/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.ribbon-tail {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UuVtvYhycyS4/amnt.svg") center / contain no-repeat;
}
React
import RibbonTailSvg from "./ribbon-tail.jsx"; // from the React tab above

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

Tags

ribbontailsendsdecorationribbonselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Ribbon Tail: Two separate ribbon tails hanging downward, one V-notched and one cut diagonally. A flat element. as part of the pack Ribbons and Banners, Flat · Set 2. 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