AI chat interface icons

The forty icons a chat with a model needs — composing, sending, streaming, stopping, regenerating, rating, copying, and the model itself.

A chat UI is a small vocabulary used constantly: the send button, the stop-generation button, the regenerate arrow, the thumbs, the copy control, the model picker, the attachment clip, the voice toggle. Generalist sets have the send and the clip; they do not have the model, the token, the context window or the guardrail — and a product that draws those four itself ends up with five icon styles on one screen.

Everything here is drawn on the same 24 px grid at the same stroke, in outline and duotone at three weights, so the send button and the model badge are one set. Each icon links to its own page with the code for React, Vue, Svelte, Solid, Preact, React Native, Astro, Laravel and Flutter.

import { Send, Stop, Regenerate, Model } from "@iconmind/react";

The 40 icons, described

Messagemessage: A message — something somebody said, a chat bubble or a comment.
Chat addchat-add: A speech bubble with a plus inside — start a new conversation, open another thread.
Sendsend: Send — off it goes, submit and post it away to the recipient.
Stopstop: Stop — end it now, halt playback or cancel a running process.
Refreshrefresh: Refresh — ask again and show the latest answer, reload the view.
Likedliked: A heart in a round button — something you liked, marked as such.
Unlikeunlike: A heart with an X beside it — take a like back and un-favourite.
Copycopy: Copy — make another one, duplicate an item or put it on the clipboard.
Attachattach: Attach — clip a file to the message so it travels along with it.
Microphonemic: A microphone — speak, record audio or use voice input instead of typing.
Modelmodel: A trained machine learning model, the network of weights that turns an input into an output.
Toggletoggle: A toggle — on or off, a switch that flips a boolean setting either way.
Tokentoken: A token, the unit of text a language model actually reads and counts — a word piece or a symbol.
Context windowcontext-window: The context window — how many tokens a model can see and reason over at once.
Streamstream: A stream — data or tokens arriving continuously in real time rather than in batches.
Typing indicatortyping-indicator: A speech bubble with three dots — someone is typing a reply and it is on its way.
Message threadmessage-thread: A speech bubble with an indented line inside — a threaded reply.
Chat replychat-reply: A speech bubble with an arrow pointing back — reply to a message.
Chat morechat-more: A speech bubble with three dots inside — someone is typing, or more of the thread to come.
Chat codechat-code: A speech bubble holding angle brackets — a code block sent in a conversation.
Chat imagechat-image: A speech bubble holding a picture — an image sent in a conversation.
Voice messagevoice-message: A speech bubble holding a waveform — a recorded voice message.
Promptprompt: A prompt — the instruction, question or input you write for a language model to answer.
System promptsystem-prompt: A system prompt — the standing instruction a language model always has before the conversation.
Temperaturetemperature: Temperature, the sampling setting that controls how much randomness a model's output is allowed.
Guardrailguardrail: A guardrail — a safety limit the model's output is not allowed to cross.
Content filtercontent-filter: A content filter — the moderation screen that decides what is not allowed through.
Citationcitation: A citation — where that claim came from, a reference to the source.
Source citationsource-citation: A source citation — chapter and verse for the claim, a footnote to the reference.
Reviewreview: Review — another pair of eyes on the change before it lands in the main branch.
Historyhistory: History — what happened before, the log of recent actions and past versions.
Composecompose: A speech bubble with a plus inside — start a new message or conversation.
Pinpin: Pin — keep it where it is, fix an item in place so it does not move.
Shareshare: Share — give others a way to reach it, publish a link they can open.
Editedit: Edit — the pencil that lets you change, rewrite or modify something in place.
Trashtrash: Trash — throw it away, delete an item or move it to the bin for later removal.
Settingssettings: Settings — the gear that opens preferences, options and controls for how something behaves.
Useruser: A user — a person and the account, profile and permissions that belong to them.
Chat botchat-bot: A speech bubble with an agent inside — a message from the assistant.
Agentagent: An autonomous AI agent that decides and acts on its own to reach a goal, without step-by-step prompts.

In code, each is one import — import { Message } from "@iconmind/react/icons/message" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Other collections

Agent dashboard RAG pipeline MCP servers and tools LLM observability Voice agent CI/CD pipeline Data platform Security posture Cloud console Automation builder Analytics dashboard Devices and hardware

Every ai chat interface icon, free to ship

40 icons drawn on one grid, in outline and duotone at three weights, with the code for nine frameworks. MIT — commercial use, no attribution, no seat count.

Browse the whole set Install the package Request an icon