Как правильно отображать логотип с помощью CSS?

Недавно я изучал CSS, и в серии руководств, которые я смотрю, говорится, что лучший способ отобразить изображение логотипа — это поместить текст в тег H1, а затем установить стиль CSS для этого тега на фоновое изображение., с текстовым отступом -99999 или аналогичным большим числом.

Это кажется невероятно хакерским и неэлегантным. Также кажется, что использование CSS для скрытия текста было бы большим запретом-для целей SEO(,так как скрытие текста с помощью CSS не одобряется).

Я также читал, что следует избегать использования img, так как сам логотип на самом деле не является содержанием, поэтому его следует отнести к дизайну-стороне кодирования (,т.е. CSS).

Каков текущий консенсус по этому поводу?