Rounded Speech Bubble and Ellipsis Free Icons | Vector Assets

Representing Digital Conversation and Functionality, “Rounded Speech Bubble” Free Material

An icon with “…” (ellipsis) placed inside a rounded speech bubble close to a square. While cloud-shaped or oval speech bubbles emphasize “conversation,” this shape is closer to smartphone app icons or UI buttons, evoking “digital comments” or “systematic messages.” Because it is simple and neutral, it blends widely from business chats to game screens.

Specific Usage Scenes and Suggested Applications

This icon can be used for a wide variety of applications, from status displays in messaging apps to operation buttons on websites.

• For “Comment / Typing” Icons in Chat and SNS
  As a link button to the “Comment Section” for posts on bulletin boards and SNS. Or, it is ideal as a “Typing Indicator” when the other party is entering text on a chat screen. Because the square shape with rounded corners resembles a text box (input field), it also has the effect of prompting users to input.
• For “More / Menu” Buttons on Apps and Websites
  As a variation of the “…” button (meatballs menu) placed in the corner of the screen. Having a speech bubble frame intuitively conveys its role as a tooltip: “Pressing here will display detailed explanations and options.”
• For the Image of Posting “Impressions / Word of Mouth” on Review Sites
  As an icon indicating the action of users writing their impressions on product review or restaurant review sites. The square shape conjures the image of a rich comment containing long text and images.
• For Expressions of “Silence / Thinking” in Manga and Blogs
  As an expression of a “pause” indicating a scene where a character is at a loss for words, or a state where they are thinking about something but it hasn’t become words yet. Because it gives a slightly stiffer impression than an oval, it matches serious scenes or scenes where robots and AI are thinking.
• For “Supplementary Explanation” Icons in FAQ and Help
  As a mark indicating “Detailed information here” or “Supplement available.” By placing this icon at the end of a sentence, it suggests that there is omitted information and can induce clicks.

Editing Tips and the Merits of the EPS Format

The distribution files include PNG and SVG formats convenient for web production, as well as the EPS format of vector data suitable for DTP design and advanced editing.

By utilizing the EPS format (vector data), you can fine-tune the shape to match the tone and manner of the UI design. Using software like Adobe Illustrator, you can adjust the roundness (radius) of the corners to make it closer to a perfect square, or conversely closer to a circle.
It is also recommended to delete the tail (the protrusion of the speech bubble) and use it purely as a “square button.” If you rewrite the ellipsis inside to “i (Information)” or “? (Help),” you can apply it as a guidance icon within the site, and using it with a translucent background color overlaid on an image is also stylish.

Related Keywords

Speech bubble, Rounded corners, Square, Ellipsis, …, Dots, Typing, Comment, Chat, Menu, Options, Details, Thinking, Silence, UI, Icon, Speech bubble, Rounded rectangle, Typing, Menu, Comment