Menu

Beta
Sign in
Slab Serif B SVG icon, solid

Slab Serif B SVG icon, solid

This uppercase B has a heavy straight stem, squared serifs, and two rounded bowls, with the lower bowl slightly larger. Place it on a book publisher’s website or a paperback’s title page.

Free · from Bookish Slab-Serif Letters A–M

Similar SVGs

More from Bookish Slab-Serif Letters A–M

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6sSqVOfQo5Go/amnt.svg" alt="Slab Serif B" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Shape 1"><path d="M80 64L270 64C361 64 408 101 408 165C408 207 387 236 351 249C399 261 432 295 432 347C432 413 382 448 286 448L80 448L80 402L116 402L116 110L80 110L80 64ZM200 118L200 224L264 224C304 224 328 205 328 171C328 137 304 118 264 118L200 118ZM200 278L200 394L276 394C322 394 350 374 350 336C350 298 322 278 276 278L200 278Z" fill="#000000" fill-rule="evenodd"/></g></svg>
CSS background-image
.slab-serif-b {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6sSqVOfQo5Go/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.slab-serif-b {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6sSqVOfQo5Go/amnt.svg") center / contain no-repeat;
}
React
import SlabSerifBSvg from "./slab-serif-b.jsx"; // from the React tab above

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

Tags

letter bmonogrampublisheralphabet

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw one uppercase B logo for a book publisher: a bold slab-serif monogram with a straight heavy stem, squared stem serifs, and two rounded bowls with the lower bowl slightly larger. Keep both counters generous. Construct the clean, bold letterform from solid black shapes; centre it on a transparent background, readable small. No additional letters, text, or icons. as part of the pack Bookish Slab-Serif Letters A–M. 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