Что лучше? Как правильней?
А <img src="img.png"> уже запретили?
1. Это должна быть векторная картинка
2. Вешать на общий фон карточки совершенно неправильно.
Остается только один из ваших вариантов — псевдоэлемент.
Вариантик прямо скажем, в данном случае так себе.
Наиболее верный подход — вставка отдельного элемента с отдельным классом. Что это будет, div, img или svg не суть важно. В любом случае вы дадите ему роль "для визуального представления"role="presentation"
что исключит элемент из дерева доступности.
Я бы собрал svg-спрайт из всех иконок и вставлял бы посредством use.