JSFiddle - React, Tailwind, and code Playground
HTML
<p class="tagster">Телевизор, Холодильник, Кондиционер, Интернет, Чайник, Вода, Завтрак</p>
CSS
.tagIcon {
display: inline-block;
width: 36px;
height: 36px;
margin: 6px;
}
JavaScript
let tagster = document.querySelector('.tagster');
let tagsterHTML = '';
let imgMap = {
'Телевизор': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg',
'Холодильник': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg',
'Кондиционер': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg',
'Интернет': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg',
'Чайник': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg',
'Вода': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg',
'Завтрак': 'https://sun1-21.userapi.com/c841121/v841121754/60829/AWOAkeCvm3s.jpg'
};
tagster.innerHTML.replace(/\s?\,\s?/g, ',').split(',').map(el => {
tagsterHTML += `<img class="tagIcon" src="${imgMap[el]}" alt="${el}" title="${el}" />`;
});
tagster.innerHTML = tagsterHTML;