Как сверстать правильно это сообщение для чата?

Question

[Владимир]

Как сверстать данный блок сообщения для чата?
Там рамка ещё задана градиентом:

linear-gradient(160.32deg, #1FB1A0 8.84%, #3809A3 88.48%);

Comments

[Алекс Глебов]

Точно надо верстать? Это живосайт или калибри виджет ставят.

[Владимир]

надо верстать..без всяких библиотек))

Answer 1

[Максим]

Comments

[Владимир]

а как вы перевели градиент в svg иконку?

[Максим]

Владимир, в svg это можно делать - просто градиентом окрасить stroke

[Владимир]

Максим Ленский, большое вам спасибо) что наглядно и с кодом)

Answer 2

[aferwzwerfz]

https://www.html-code-generator.com/css/speech-bub...
https://doodlenerd.com/css-element/speech-bubble-g...