Você pode usar a tag `img`, ajustando o tamanho, e se quiser, os atributos `title` e `alt` também:

~~~html
<img src="https://i.imgur.com/JPbXIwA.png"
width="30" height="20" 
title="coffee" alt="xícara">
~~~
Fica assim:

<img src="https://i.imgur.com/JPbXIwA.png" width="30" height="20" title="coffee" alt="xícara">

Ou, se quiser preservar as proporções originais:

~~~html
<img src="https://i.imgur.com/JPbXIwA.png"
width="30" height="auto" 
title="coffee" alt="xícara">
~~~
Fica assim:

<img src="https://i.imgur.com/JPbXIwA.png" width="30" height="auto" title="coffee" alt="xícara">


---


Comparando com o markdown, só pra ver o tamanho original:
~~~markdown
![xícara](https://i.imgur.com/JPbXIwA.png "coffee")
~~~

Que fica assim:

![xícara](https://i.imgur.com/JPbXIwA.png "coffee")

caraca, não saba que podia jogar uma tag html que renderizava direto. Obrigado pela dica

Você pode usar a tag img, ajustando o tamanho, e se quiser, os atributos title e alt também: Fica assim: Ou, se quiser preservar as proporções originais: Fica assim: Comparando com o mark...