Нужно загружать в одной странице около 1000 иконок, размер допустим около 1 кб. Т.е. уже получается около 1 Мб в сумме. Причем, чувствую, что из-за такого большого числа хттп-запросов будут жуткие тормоза. Иконки планируется размещать в ряды, т.е. примерно 50 рядов по 20 иконок.

Как можно оптимизировать загрузку?

Была идея объединить все иконки в одну большую картинку, чтоб только ее один раз закачать. Но просто иконки находится должны на некотором расстоянии друг от друга, т.е. в итоге получится уж очень большая картинка по размерам в пикселях.

Но можно сделать картинку более вертикальной, тогда и горизонтального скролла не будет.
Хм, кроме использования изображения карты в таком аспекте я другого не вижу.
Проще закачать все это в архив, как-то разукрасить графически (ссылку на скачивание иконок),
проблем будет меньше и тебе и пользователю.

Можно сделать одну картинку без отступов и показывать на каждой иконке только требуемую часть с помощью CSS (свойства clip или background-position, если использовать картинку как фон).

Да, хороший способ, читал о нем.
Может есть еще хорошие способы?

есть впринцыпе, можно сделать картинку с отступами уже в ней. Но не одной а штук 20-50

Хм, а можете вы это показать "на коде"?

А что показывать то? Кстати, иконки допустим ты выведеш. Но для какой цели?

А мне интересно как реализовать вышеописанный эффект