Исправьте стиль в приведённом коде, чтобы иконка после ссылки отображалась небольшого размера.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Новая вкладка</title>
<style>
a[target=_blank]::after {
content: url(/example/image/new-tab.svg);
padding-left: 10px;
vertical-align: middle;
}
</style>
</head>
<body>
<p><a href="page/help.html">Открыть в текущей вкладке</a>
<p><a href="page/help.html" target="_blank">Открыть в новой вкладке</a>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Новая вкладка</title>
<style>
a[target=_blank]::after {
content: ''; /* Пустое содержимое */
display: inline-block; /* Преобразуем в строчно-блочный элемент */
width: 12px; /* Ширина картинки */
height: 12px; /* Высота картинки */
background-image: url(/example/image/new-tab.svg); /* Выводим фоновую картинку */
background-size: 100%; /* Масштабируем картинку */
margin-left: 10px; /* Расстояние от картинки до текста */
vertical-align: middle; /* Положение по вертикали */
}
</style>
</head>
<body>
<p><a href="page/help.html">Открыть в текущей вкладке</a>
<p><a href="page/help.html" target="_blank">Открыть в новой вкладке</a>
</body>
</html>