Einfache Frage. Mir wurde gesagt, dass die Verwendung von zum Beispiel diesem

<span class="fa-stack fa-lg">
  <i class="fa fa-cloud fa-stack-2x"></i>
  <i class="fa fa-cog fa-stack-1x"></i>
</span>

(was zu einer Wolke mit einem Zahnrad in der Mitte führt), ist für ordnungsgemäß zugängliche HTML-Dateien verboten, da die beiden<i> tags sind leer.

Aber wie kann man so etwas machen, ohne auf ein Bild zurückzugreifen? Mein Ziel ist es, so wenig Bilder wie möglich auf einer Seite zu erzeugen, was nur mit Schriftsymbolen möglich ist.