ребят заметил что многие сайты иконок использую тэг <i> для обертки, но ведь его используют для текста как курсив, насколько семантически верно его юзать, или его чем-то заменить?
Тег <i /> - это самый короткий тег среди всех, что есть. Кроме прямого назначения "italic" он также ассоциируется с "icon". А классы на него можно навешать какие угодно, так же как и на <span> <strong> <div>