Imagem no thymeleaf

Tenho este HTML, que serve para enviar email.

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	xmlns:v="urn:schemas-microsoft-com:vml"
	xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<title></title>
</head>
<body width="100%">
	<center style="width: 100%;">
		<div style="max-width: 600px; margin: 0 auto;">
			<table align="center" role="presentation" cellspacing="0"
				cellpadding="0" border="0" width="100%" style="margin: auto;">
				<tr>
					<td valign="middle" style="padding: 2em 0 4em 0;">
						<table role="presentation" border="0" cellpadding="0"
							cellspacing="0" width="100%">
							<tr>
								<td
									style="padding: 0 2.5em; text-align: center; padding-bottom: 3em;">
									<div class="text">
										<h2 th:text="${textoInicial}"></h2>
									</div>
								</td>
							</tr>
							<tr>
								<td
									style="padding: 0 2.5em; text-align: center; padding-bottom: 3em;">
									<div class="text">
										<h3>Data de vencimento:</h3>
										<h2 th:text="${vencimento}"></h2>
									</div>
								</td>
							</tr>
							<tr>
								<td
									style="padding: 0 2.5em; text-align: center; padding-bottom: 3em;">
									<div class="text">
										<h3>QRCode:</h3>
										<h2>
											<a th:href="${qrCode}">Clique aqui</a>.
										</h2>
										<h3>Se não funcionar, copie e cole:</h3>
										<h2 th:text="${qrCode}"></h2>
									</div>
								</td>
							</tr>
							<tr>
								<td
									style="padding: 0 2.5em; text-align: center; padding-bottom: 3em;">
									<div class="text">
										<h3>Imagem do QRCode:</h3>
										<img th:src="@{imgQrCode}"/>
										<h3>Se não funcionar, copie e cole:</h3>
										<h2 th:text="${imgQrCode}"></h2>
									</div>
								</td>
							</tr>
							<tr>
								<td
									style="padding: 0 2.5em; text-align: center; padding-bottom: 3em;">
									<div class="text">
										<h2 th:text="${textoEmail}"></h2>
									</div>
								</td>
							</tr>
							<tr>
								<td
									style="padding: 0 2.5em; text-align: center; padding-bottom: 3em;">
									<div class="text">
										<h3>
											Caso tenha alguma dúvida, entre em contato conosco pelos
											nossos canais de atendimento.<br> <br> Abraço.<br>
										</h3>
									</div>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			<table align="center" role="presentation" cellspacing="0"
				cellpadding="0" border="0" width="100%" style="margin: auto;">
				<tr>
					<td class="bg_light" style="text-align: center;">
						<p>Não reponda, este é um e-mail automático.</p>
					</td>
				</tr>
			</table>
		</div>
	</center>
</body>
</html>

Tenho uma imagem de QRCODE: https://sandbox.api.pagseguro.com/qrcode/QRCO_92715160-B381-45C8-B500-74A5C4610609/png

Já tentei assim: <img th:src="@{imgQrCode}"/>

Assim: <img th:src="@{${imgQrCode}}"/>

E assim <img th:src="${imgQrCode}"/>

Mas nenhum imprimiu o QRCODE.


Dentro da tag <img> não fez nada, conforme a imagem abaixo:

Como fazer para imprimir este QRCODE no email ?