Smartphone and Speech Bubble Free Icons | Vector Assets

Visualizing Real-Time “Connection”, Smartphone & Chat Material

An icon where a speech bubble indicating a message from a conversation partner is displayed on the smartphone display, with “…” (ellipsis) drawn inside it. This imitates the typing indicator used in many messaging apps to show the status “the other party is currently typing text.” Even as a still image, it expresses the dynamic atmosphere and excitement of communication, indicating that “you are connected with the other person right now” and “a reply is coming soon.”

Specific Usage Scenes and Suggested Applications

This icon can be used in any digital scene where someone is interacting with someone else, from the UI design of communication apps to web customer service tools and SNS expressions.

• For “Typing” Displays in Messaging and Chat Apps
  In the UI design of the app’s talk screen, it is ideal as a placeholder (temporary display) while the other party is composing a message. Rather than displaying “Typing…” in text, having this speech bubble icon animate (*processing to GIF etc. is recommended) allows the user to intuitively understand the situation, reducing the stress of waiting for a reply.
• For Expressions of “Generating Answer” for Chatbots and AI Assistants
  As an icon indicating that the AI is thinking about the user’s question or generating an answer in a chatbot placed at the bottom right of a website. By displaying it with a message like “Please wait a moment,” it gives a positive impression that the system is processing hard, not freezing.
• For the Image of “Thinking / Hesitating” on SNS and Comment Sections
  As a visual representing the psychological state of a user who wants to say something but is choosing their words, or is hesitating whether to reply in SNS posts or blog comment sections. It is suitable for expressing an unspoken “pause.”
• For Guiding to “Online Consultation / Support” of Web Services
  By using it as an icon for the “Consult via chat” button, it has the effect of lowering the hurdle of use by emphasizing the live feeling of being able to “converse with the person in charge in real-time,” rather than a one-way inquiry like an email form.
• For App Notification Icons and the App Icon Itself
  As a symbol to communicate at a glance that it is a communication-type app. Because the combination of the smartphone frame and speech bubble briefly represents the app’s function (conversing on a smartphone), it is very easy to understand as an app icon or push notification image.

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 freely customize it to match the service’s brand color. Using software like Adobe Illustrator, you can easily create designs reminiscent of specific apps, such as making the speech bubble “green” for a LINE style, “blue” for a Messenger style, or “light blue” for a Skype style.
It is also possible to change the smartphone model (frame shape) or horizontally flip the position of the speech bubble to express “your own typing.” The EPS format, where the parts are separated, is very convenient as raw data when creating GIF animation materials like making the dots of “…” blink one by one.

Related Keywords

Smartphone, Chat, Message, Speech bubble, …, Ellipsis, Dots, Typing, Waiting for reply, Thinking, Communication, SNS, App, UI, Icon, Smartphone, Chat, Message bubble, Typing indicator, Communication