Где найти векторные и бесплатные иконки на сайт?

По роду деятельности мне постоянно необходимы разнообразные иконки для размещения на рекламных материалах, сайтах, интернет-магазинах, Landing Page. И очень рад, что существует сайт https://www.flaticon.com/, на котором на момент написания статьи размещено почти полмиллиона векторных иконок в самых популярных форматах: PNG, SVG, EPS, PSD, </>BASE64.

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

Итак, перейдя по ссылке https://www.flaticon.com/, вы увидите подобный экран:

Так как сайт зарубежный, то весь поиск осуществляется на английском языке.

Если вы им владеете, то пишете в строке поиска ключевые слова, например, diamond (бриллиант часто используется, как иллюстрация статуса, качества)

Если английский у вас «со словарем», то можете воспользоваться гугл-переводчиком для получения нужных ключевых слов на английском: https://translate.google.ru/#ru/en/%D0%B1%D1%80%D0%B8%D0%BB%D0%BB%D0%B8%D0%B0%D0%BD%D1%82

Теперь когда перед нами предстал выбор, щелкаем по любой из нужных иконок, чтобы её посмотреть подробнее. При наведении появится две иконки, верхняя позволяет добавить её в избранное, нижняя — открывает в крупном размере.

В появившемся окне вы можете рассмотреть детально понравившуюся иконку, выбрать формат для скачивания. Выбор цвета появится только после того, как вы щелкнете по одному из форматов: PNG, SVG, EPS, PSD, BASE64.

Рекомендую отходить от PNG-иконок в сторону векторного формата SVG, тогда ваши иконки будут качественно смотреться как на обычных мониторах, так и c повышенной плотностью пикселей (Retina).

Когда всё выберете, нажимайте Download и пойдем дальше.

Если вдруг иконки не подошли, обратите внимание на теги внизу под иконками, возможно по одному из них находится то, что вам нужно.

В следующем окне еще раз нажимаем Free Download, и пойдет загрузка. После этого иконку можно будет вставить в Ваш сайт или рекламный материал.

<img src="путь к картинке/diamond.svg" alt="купить бриллиант со скидкой 50%" width="64" />

Спасибо за внимание, надеюсь, информация стала для вас полезна.
Если да, напишите обратную связь в комментариях ниже.

Можете даже прикрепить ссылку на сайт, где использовали найденные иконки по моему способу 🙂
Или ссылки на сайты, где вы в данный момент ищете иконки, сделаем подборку.