Menu

No Messages SVG illustration, flat

No Messages SVG illustration, flat

Two empty speech bubbles overlap above a small shadow. Add them to chat inboxes and discussion threads before a conversation begins.

Similar SVGs

More from Empty States, Flat Illustrations

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RU-V2iZyMcQc/amnt.svg" alt="No Messages" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="201" cy="246" rx="103" ry="11" fill="#E9EDF2"/><path d="M185 105H307C319.15 105 329 114.85 329 127V187C329 199.15 319.15 209 307 209H300L304 231L271 209H185C172.85 209 163 199.15 163 187V127C163 114.85 172.85 105 185 105Z" fill="#B8D3D2"/><path d="M185 105H279V160C279 175.46 266.46 188 251 188H163V127C163 114.85 172.85 105 185 105Z" fill="#A5C4C5"/><path d="M91 56H244C257.25 56 268 66.75 268 80V151C268 164.25 257.25 175 244 175H133L98 200L103 175H91C77.75 175 67 164.25 67 151V80C67 66.75 77.75 56 91 56Z" fill="#DCE3EC"/><path d="M91 56H244C257.25 56 268 66.75 268 80V145C268 158.25 257.25 169 244 169H130L101 190L105 169H91C77.75 169 67 158.25 67 145V80C67 66.75 77.75 56 91 56Z" fill="#F0F3F7"/></svg>
CSS background-image
.no-messages {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RU-V2iZyMcQc/amnt.svg");
  background-size: contain;
}
React
import NoMessagesSvg from "./no-messages.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words No Messages: Two overlapping speech bubbles, both empty, above a small ground shadow. as part of the pack Empty States, Flat Illustrations. 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