Icon sets / TDesign Icons / chat-heart
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><g fill="none"><path d="M2.5 3h19v14h-15l-4 3.5z"/><path d="M8.641 10.091a2.25 2.25 0 0 1 3.182-3.182l.177.177l.177-.177a2.25 2.25 0 1 1 3.182 3.182L12 13.45z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M2.5 3h19v14h-15l-4 3.5z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M8.641 10.091a2.25 2.25 0 0 1 3.182-3.182l.177.177l.177-.177a2.25 2.25 0 1 1 3.182 3.182L12 13.45z" clip-rule="evenodd"/></g></g></svg>
Customize
About this icon
The TDesign Icons version of the chat heart icon, in a line style. Speech bubbles mean chat, comments or support. A filled bubble in your accent colour is easy to spot as a help button.
It's drawn with lines on a 24 × 24 grid. The lines are about 2 px at 24 px, so it stays crisp even at 16 px. Want it heavier? Drag the stroke slider, then download.
It's free for personal and commercial use (MIT). Not quite the look you need? The same symbol comes in 10 other styles below.
| Icon set | TDesign Icons (version 1.2.19) |
| Author | TDesign |
| Licence | MIT |
| Style | line |
| Original size | 24 × 24 |
| Name | tdesign:chat-heart |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it