Bagel SVG icon, solid

Bagel SVG icon, solid

A seeded bagel ring with a large center opening appears inside a rounded diamond frame. It works on deli menu boards and bagel shop wrappers to identify a breakfast staple.

Similar SVGs

More from Artisan Bakery Emblems

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/iXKWF2ipI-0k/amnt.svg" alt="Bagel" 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="layer-1" data-name="Group 1"><path d="M582.71 172.59L851.41 441.29C890.46 480.34 890.46 543.66 851.41 582.71L582.71 851.41C543.66 890.46 480.34 890.46 441.29 851.41L172.59 582.71C133.54 543.66 133.54 480.34 172.59 441.29L441.29 172.59C480.34 133.54 543.66 133.54 582.71 172.59Z" fill="none" stroke="#25201c" stroke-width="58" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><g><defs><mask id="k0_0"><rect width="1024" height="1024" fill="#ffffff"/><circle cx="512" cy="512" r="108" fill="#000000"/><ellipse cx="395" cy="395" rx="53" ry="23" transform="rotate(45 395 395)" fill="#000000"/><ellipse cx="629" cy="395" rx="53" ry="23" transform="rotate(-45 629 395)" fill="#000000"/><ellipse cx="629" cy="629" rx="53" ry="23" transform="rotate(45 629 629)" fill="#000000"/><ellipse cx="395" cy="629" rx="53" ry="23" transform="rotate(-45 395 629)" fill="#000000"/></mask></defs><path d="M512 276C645 270 754 376 750 512C755 647 647 754 512 749C376 755 270 647 275 512C270 378 378 281 512 276Z" fill="#25201c" mask="url(#k0_0)"/></g></g></svg>
CSS background-image
.bagel {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/iXKWF2ipI-0k/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.bagel {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/iXKWF2ipI-0k/amnt.svg") center / contain no-repeat;
}
React
import BagelSvg from "./bagel.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original bagel bakery logo: a slightly irregular bagel ring with a large central opening and four broad seed-shaped cutouts inside a rounded diamond emblem frame. Use clean, bold solid shapes, no lettering, centred in a square on a transparent background, readable small. as part of the pack Artisan Bakery Emblems. 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