Семантически правильно использовать элемент figure для таких значков:
<figure class="icon clouds"></figure>
Это значок рядом с элементом навигации.
нет, его определенно нет: http://html5doctor.com/the-figure-figcaption-elements/
Элемент figure представляет единицу содержимого, необязательно с заголовком, , который является автономным , на который обычно ссылаютсякак единое целое из основного потока документа, и его можно убрать из основного потока документа, не затрагивая смысла документа.Спецификация W3C
Вы не можете удалить его из потока документа.Это не рядом с точкой навигации, это больше не имеет смысла.
Просто используйте span или псевдоэлемент: before.