Message Square Heart SVG icon

Lucide · MIT · message-square-heart

Use the Message Square Heart icon as raw SVG, copy it as a React component, or send it directly into SVGView tools for cleanup, optimization, and export.

Message Square Heart is a Lucide SVG icon for interface design, documentation, dashboards, and reusable component libraries.

viewBox

0 0 24 24

Size

24×24

Source

Lucide

License

MIT

Icon details

messagesquareheart

Aliases

MessageSquareHeart

How to use this icon

Copy the message-square-heart icon name for lucide-react, download the SVG for design tools, or generate standalone React code for production UI.

Copy actions

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-heart" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path><path d="M7.5 9.5c0 .687.265 1.383.697 1.844l3.009 3.264a1.14 1.14 0 0 0 .407.314 1 1 0 0 0 .783-.004 1.14 1.14 0 0 0 .398-.31l3.008-3.264A2.77 2.77 0 0 0 16.5 9.5 2.5 2.5 0 0 0 12 8a2.5 2.5 0 0 0-4.5 1.5"></path></svg>