В каком формате делать эти иконки?

Question

[Nazi]

спасибо

Answer 1

[Захар Сторожук]

sprite

Comments

[Nazi]

спрайт с пнг, свг ?

[romanu418]

Nazi: если они svg то svg

[Nazi]

romanu418: сразу с блоками с цветами?

Answer 2

[Ильшат]

fontawesome.io/icons - подключай шрифт и делай через обычные div блоки

Comments

[Nazi]

с удовольствием но в этом проекте нельзя

Answer 3

[Андрей Федоров]

тут ничего необычного нет. можно найти бесплатный набор в формате svg, например https://github.com/larsenwork/web.svg.min
для примера иконка facebook:

<div style="width: 40px; height: 40px; background-color: #3A5999; fill: #fff;">
  <svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
    <path d="M445 643h-90V419h-75v-87h75v-64q0-55 32-86 30-29 80-29 28 0 67 3v78h-47q-42 0-42 38v60h86l-11 87h-75v224z"/>
  </svg>
</div>

codepen.io/aliencash/pen/ZLYVLW