Menu

Beta
Sign in
Beta
Tall Blob SVG element, flat

Tall Blob SVG element, flat

A narrow upright shape ends in uneven rounded curves at the top and bottom. Place it behind a vertical list on a poster or beside a photo in a magazine layout.

Free · from Blob Elements, Flat · Set 2

Similar SVGs

More from Blob Elements, 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/CXo60DyELYLm/amnt.svg" alt="Tall Blob" 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="teal" data-name="Teal"><path d="M498 48c-41 3-76 32-95 67-32 58-6 79-3 133 2 48-24 92-18 140 5 44 29 83 35 127 6 47-13 89-27 133-19 62 5 82 7 138 1 29-6 57-5 85 4 68 62 109 126 105 98-7 144-102 117-190-20-63-20-70-7-134 12-59-9-80-22-131-26-103 40-184 22-281-8-42-38-73-49-113-4-12-5-26-11-38-12-28-41-43-70-41z" fill="#17b6a6" stroke="#17b6a6"/></g><g id="navy" data-name="Navy"><path d="M492 35c-42 5-79 34-100 70-16 29-23 63-16 95 3 14 8 27 10 41 5 51-23 97-18 147 5 47 31 87 35 133 5 49-18 90-30 137-14 56 13 93 11 146-2 26-8 52-5 78 9 71 74 114 142 107 100-9 154-101 130-196-8-31-22-59-19-92 1-16 7-31 9-47 13-68-8-80-22-139-24-99 45-192 20-291-9-33-32-59-43-90-4-9-5-19-8-28-11-46-47-76-96-71zm6 13c29-2 58 13 70 41 6 12 7 26 11 38 11 40 41 71 49 113 18 97-48 178-22 281 13 51 34 72 22 131-13 64-13 71 7 134 27 88-19 183-117 190-64 4-122-37-126-105-1-28 6-56 5-85-2-56-26-76-7-138 14-44 33-86 27-133-6-44-30-83-35-127-6-48 20-92 18-140-3-54-29-75 3-133 19-35 54-64 95-67z" fill="#0d2953" stroke="#0d2953"/></g></svg>
CSS background-image
.tall-blob {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/CXo60DyELYLm/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.tall-blob {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/CXo60DyELYLm/amnt.svg") center / contain no-repeat;
}
React
import TallBlobSvg from "./tall-blob.jsx"; // from the React tab above

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

Tags

tallblobverticalshapeblobselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Tall Blob: Draw a narrow, upright filled shape with uneven rounded top and bottom. A flat element. as part of the pack Blob Elements, 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