![](https://habrastorage.org/webt/sm/n3/2g/smn32gsnjf-eeizjytfihbtzski.png)
В этой статье ознакомимся с 15 лучшими и крупнейшими доступными библиотеками иконок для веб-сайтов. Многие из них предлагают тысячи, а то и миллионы пиктограмм, так что обязательно найдётся именно то, что нужно.
Сразу уточняем: это не 15 самых лучших библиотек, а 15 из лучших. Разумеется, есть и другие, не менее замечательные, о которых я не упомянул или не знаю.
И, нет, это не рейтинг — список маркированный, а не нумерованный.
Перевод сделан при поддержке компании EDISON.
Мы занимаемся доработкой и сопровождением сайтов на 1С-Битрикс, а также делали сайты и приложения для Московского ювелирного завода.
Мы очень любим создавать и поддерживать сайты! ;-)
The Noun Project
![](https://habrastorage.org/webt/ie/2f/if/ie2fifrtitj4kxdjrjnco65ilsk.png)
![](https://habrastorage.org/webt/mw/ry/mz/mwrymzf3_3dwfzxoelib-tcutcy.png)
The Noun Project — это громадная библиотека иконок, количество коих, по слухам, перевалило за 2 миллиона. Всё это создано самими участниками — у проекта огромное активное сообщество, к которому можно присоединиться.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Регистрация на сайте](https://habrastorage.org/webt/dj/ug/kg/djugkgdnbcvoodrnugbrc5vg0la.png)
![Особо рекомендовано!](https://habrastorage.org/webt/_z/dv/dm/_zdvdmex3jobksmq8pmhuscdcww.png)
iconmonstr
![](https://habrastorage.org/webt/a_/eu/1t/a_eu1thql0_wjyqgq3diwajy2hq.png)
![](https://habrastorage.org/webt/-i/kh/4g/-ikh4gj0p8vr-_yxcqasi-ha_2k.png)
iconmonstr — это библиотека значков, предлагающая более 4-х тысяч иконок, распределённых в три с лишним сотни различных коллекций. Библиотека поддерживается одним человеком. Очень круто, что SVG-версии можно получить в виде HTML-кода прямо на сайте, так что скачивание необязательно.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Особо рекомендовано!](https://habrastorage.org/webt/_z/dv/dm/_zdvdmex3jobksmq8pmhuscdcww.png)
Good Stuff No Nonsense
![](https://habrastorage.org/webt/69/5h/ct/695hct9iu81ysbkylxylhx5xbie.png)
![](https://habrastorage.org/webt/7u/gv/ci/7ugvcivxwzdyoe3qwbg-qovpcva.png)
Good Stuff No Nonsense — и это библиотека, также созданная кем-то единолично. Всё отрисовано вручную.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
Orion
![](https://habrastorage.org/webt/yw/qo/57/ywqo579fpq21xtugydlzumkyt7a.png)
![](https://habrastorage.org/webt/-m/qi/1d/-mqi1dcurt7fx1ht1ccd-uxbpi0.png)
Унифицированные иконки на Orion предлагаются в 4-х стилях:
Line, Solid, Color и Flat.
Адаптируется к любому типу проекта посредством изменяемой толщины линий, контролем цветности и отличной читаемости.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Особо рекомендовано!](https://habrastorage.org/webt/_z/dv/dm/_zdvdmex3jobksmq8pmhuscdcww.png)
IcoMoon
![](https://habrastorage.org/webt/fj/ht/p_/fjhtp_onuqk8mhcgmtb2knkadru.png)
![](https://habrastorage.org/webt/16/lt/vp/16ltvpa-1vk43ny-mjsv1pg0n3m.png)
Доступный и как веб-сайт и как приложение, IcoMoon предлагает более 4 тысяч бесплатных иконок и автономное хранилище для них. Каждый пакет имеет подробное лицензирование, так что дизайнерам и разработчикам сразу ясно, на каких условиях возможно использование. Пользователи также могут создавать свои собственные шрифты из значков.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Особо рекомендовано!](https://habrastorage.org/webt/_z/dv/dm/_zdvdmex3jobksmq8pmhuscdcww.png)
Pictonic
![](https://habrastorage.org/webt/94/du/qo/94duqoauovsfyhx6zbouwryvgha.png)
![](https://habrastorage.org/webt/b8/eq/gb/b8eqgbu8mwkuuo4awt79jcayby0.png)
Все значки в Pictonic выдержаны в точном пиксельном масштабе, благодаря чему их размер можно менять без потери качества и целостности. Так как они предлагаются в виде наборов шрифтов, значки этой коллекции можно стилизовать с помощью CSS.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Регистрация на сайте](https://habrastorage.org/webt/dj/ug/kg/djugkgdnbcvoodrnugbrc5vg0la.png)
icons8
![](https://habrastorage.org/webt/df/uc/jm/dfucjmlb95ow4c3bcxxs9f5yhxi.png)
![](https://habrastorage.org/webt/du/ry/qb/duryqbsuxvkxmsyezvojujpxukm.png)
Когда дело касается разнообразия в выборе — Icons8 трудно превзойти с его ежедневно пополняемым легионом из более чем 85-ти тысячи значков. Чтобы найти нужную графику, можно поискать по тегам или же полистать какие-либо из 50+ имеющихся тематических коллекций.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
Flaticon
![](https://habrastorage.org/webt/cz/xy/cq/czxycqvidwojvoj22mishba4qpm.png)
![](https://habrastorage.org/webt/_7/pw/v6/_7pwv6l4coyz_youhakcrcirj9y.png)
Под два миллиона бесплатных векторных пиктограмм в форматах SVG, PSD, PNG, EPS или ICON FONT. Тысячи тысяч бесплатных значков в крупнейшей базе векторных иконок по свободной лицензии от Flaticon!
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Особо рекомендовано!](https://habrastorage.org/webt/_z/dv/dm/_zdvdmex3jobksmq8pmhuscdcww.png)
Примечание: для загрузки и просмотра регистрация на сайте не нужна, а вот для настройки значков нужно авторизовываться.
Font Awesome
![](https://habrastorage.org/webt/3n/g9/v4/3ng9v4o5suxlczc7mq6ng553o6c.png)
![](https://habrastorage.org/webt/q1/kk/pl/q1kkpld-rywsm8sllr3vcpmcsuc.png)
Ну и куда уж без Font Awesome, возможно, самой известной библиотеки иконок.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Особо рекомендовано!](https://habrastorage.org/webt/_z/dv/dm/_zdvdmex3jobksmq8pmhuscdcww.png)
iconscout
![](https://habrastorage.org/webt/n0/xr/yb/n0xrybskia69az1v65waic_o2m0.png)
![](https://habrastorage.org/webt/3x/qh/ni/3xqhnifxw8isziqwwg3lr7j4ggq.png)
iconscout — это миллионы различных иконок на всевозможные темы, которые только возможно придумать. Здесь пользователи могут создавать собственные значки и делиться ими, а также составлять коллекции, которые потом могут просматривать другие посетители.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Особо рекомендовано!](https://habrastorage.org/webt/_z/dv/dm/_zdvdmex3jobksmq8pmhuscdcww.png)
ICONFINDER
![](https://habrastorage.org/webt/gq/mm/f-/gqmmf-cqmvlkkyi4mgyofxw2rvo.png)
![](https://habrastorage.org/webt/-w/mh/ze/-wmhzew9yatexogclt9ipu4jcha.png)
Iconfinder в настоящее время — одна из крупнейших библиотек с более чем 3-мя миллионами бесплатных и платных иконок, объединённых в более чем 25 тысяч наборов.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
PixelLove
![](https://habrastorage.org/webt/kn/0h/rd/kn0hrd3tm1o4lyi77m3l6tkqyxq.png)
![](https://habrastorage.org/webt/dl/xy/rm/dlxyrmk-t_ihmn0ijsce7qab0pe.png)
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
Streamline Icons
![](https://habrastorage.org/webt/zi/yr/cx/ziyrcxmb0aq0v4ymdwtgk5x22ai.png)
![](https://habrastorage.org/webt/pn/-c/ez/pn-cezdvtujjmp1ab8ssgfwes-c.png)
Streamline Icons — это 10+ тысяч пиктограмм с тремя разными значениями толщины линий (Light, Regular, Bold).
53 категории, 720 подкатегорий и более 30 тысяч иконок.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Регистрация на сайте](https://habrastorage.org/webt/dj/ug/kg/djugkgdnbcvoodrnugbrc5vg0la.png)
Graphic Burger
![](https://habrastorage.org/webt/nq/un/dg/nqundgagb2eosurj4nxvbvhwi_w.png)
![](https://habrastorage.org/webt/hf/fz/_t/hffz_tewrzxs7sjcpuybs-4bfpw.png)
Graphic Burger — это специализированный сайт, предоставляющий большое количество бесплатных и платных иконок и других графических элементов. Все значки хорошо оптимизированы, совместимы со всеми видами веб-сайтов и приложений. Разнообразие очень велико, можно выбрать значки, подходящие практически для любой темы.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
Smashicons
![](https://habrastorage.org/webt/ck/9r/m-/ck9rm-ni_pwqsogv4hjyphtojx8.png)
![](https://habrastorage.org/webt/kx/bc/h5/kxbch5u2cz6ryuh3l_mxsjyslrm.png)
Smashicons предлагает чрезвычайно насыщенную коллекцию с 175+ тысячами иконок. Однако, в отличие от некоторых библиотек, упомянутых выше, не все значки соответствуют одному и тому же стилю. Поэтому, если нужно чтобы веб-сайт/приложение имели единообразное оформление, стоит убедиться, что все требуемые пиктограммы содержатся в определенном наборе значков.
![Бесплатный контент](https://habrastorage.org/webt/qq/95/ve/qq95veplhis8kkdymporvwj-xdq.png)
![Платный контент](https://habrastorage.org/webt/t4/el/dc/t4eldcppgboiq9tycyugo9sdrts.png)
![Настраиваемые иконки](https://habrastorage.org/webt/gp/xe/fg/gpxefgzmslgjzgbbhvabnacgqxo.png)
![Регистрация на сайте](https://habrastorage.org/webt/dj/ug/kg/djugkgdnbcvoodrnugbrc5vg0la.png)