Skip to content
Kineticons

Draft chat

message-circle-dashed, <MessageCircleDashed />

The dashes turn round the bubble like a marching outline, and the tail gives a small kick.

1620243240
tsx
import { MessageCircleDashed } from "kineticons";

// moves when the button is pointed at or focused
<button className="ki-trigger">
  <MessageCircleDashed />
  Draft chat
</button>

npm install kineticons. Works in Server Components; only the icons you import are bundled.

Icons like draft chat

More in Communication