Иконки | Mannodesign.com

Иконки

Новый год на носу! 🙂 Пора украшать все и вся красивыми рождественскими и новогодними картинками и иконками. Вэлкам! Сегодня я собрала для вас свежий мешок новогодних дизайнерских подарочков. Бесплатно! Это рождественские и новогодние иконки. Здесь есть и трендовые нынче плоские иконки, и мои любимые ретро картинки, а также снежинки в векторе, всевозможные бейджики и прочие […]

Свежая подборочка замечательных бесплатных иконок в формате SVG от Feather. В упаковке 240 стильных и современных иконок на самые различные темы. Если вы занимаетесь UX/UI проектированием или веб-дизайном, то эти иконки станут прекрасными помощниками. Скачать 240 иконок в формате SVG. Как внедрить эти иконки на своем сайте вы можете узнать здесь.

И снова приближается день Святого Валентина. Пора, пора готовить поздравительные открытки для своих любимых. Ну, или просто украсить свой сайт симпатичной иконкой 🙂 Я собрала для вас очередную свежую коллекцию бесплатных иконок ко дню Святого Валентина, которые вы можете использовать в своих дизайнах или просто послать кому-нибудь в виде открытки. Как самостоятельно сделать такую поздравительную […]

Представляю вам свежий набор симпатичных иконок от Icons8. Иконки идеально подходят для responsive приложений и веб-сайтов. Набор состоит из 150 иконок в четырех вариантах размеров (16, 30, 40 и 80px) с различными уровнями детализации (600 иконок в общей сложности). Мотивы включают в себя все, что так или иначе связано с офисом: оборудование и всякие технические […]

День Святого Валентина не за горами, пора готовить красивые открыточки для своих любимых 🙂 Я собрала для вас свежую подборку бесплатных иконок, которые вы можете использовать в своих дизайнах или просто послать кому-нибудь открытку. Как самостоятельно сделать такую поздравительную открытку на день Святого Валентина я рассказывала здесь и здесь.

SVG (от англ. Scalable Vector Graphics — масштабируемая векторная графика) все прочнее занимает свое законное место в веб-дизайне, хотя появился этот формат уже в далеком 1999 году. Действительно, это очень удобно, когда картинки можно масштабировать без потери качества, а в нынешнюю эпоху повсеместного использования отзывчивого веб-дизайна (Responsive Web Design) это просто мастхэв, как говорится. Дизайнер […]

Стильные, бесплатные иконки социальных сетей темной расцветки в количестве 5 штук, меняющие свой цвет на исходный при наведении мышки. В наборе есть twitter, facebook, dribbble, google+ и иконка rss-фида. Это фотошоповский PSD-файл от Michael Reimer. За что ему большой сэнкас!

Несмотря на то, что бесплатных наборов иконок в интернетах уже стопицот тыщ мильёнов, однако с завидной периодичностью появляются все новые и новые. И это замечательно! 🙂 Сегодня я хочу представить вам парочку свежих находок. Спасибо smashingmagazine.com и sixrevisions.com!

Свежие бесплатные иконки Academic и Ecology. Симпатичные векторные иконки с прорисовкой мелких деталей, объемные и красочные. Возможно, кому-то пригодятся. Скачать иконки Academic. Скачать иконки Ecology.

Подборка сетов красивых иконок на день святого Валентина. Послужат прекрасным украшением для праздничного поздравления или даже может быть признания в любви 🙂 1. 10 St. Valentine’s Day Icon Set

Скачиваем иконки для презентаций

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

  • Бесплатное хранилище с почти 200 000 иконок. Скачайте в форматах PNG/ SVG. Дополнительных установок не требуется. Даже регистрация не нужна. Фишка: позволяет перед загрузкой покрасить иконки в нужный цвет, это супер-удобно при создании презентации.

  • Одно из самых больших хранилищ бесплатных иконок: пиктограммы добавляют каждый день. Иконки доступны в форматах PNG/ SVG. Скачивайте бесплатно, но с обязательным упоминанием авторства. Или покупайте иконки поштучно. Ещё можно купить тариф NounPro за $ 39,99 в год.
    В приложении Pro для Mac все иконки доступны буквально с рабочего стола. Тариф дает возможность безлимитного использования иконок без указания авторства. Pro позволяет еще и менять стиль иконок по своему вкусу.

  • Хранилище с дружелюбным интерфейсом на русском языке: почти 70 000 бесплатных иконок по стилям, популярности, теме и цвету. Главная особенность: приложение для веба, Мака и Windows, из которого можно просто перетаскивать иконки в Photoshop, Adobe XD, Visual Studio. Перед скачиванием можно менять цвет иконок. Помимо иконок сайт предоставляет бесплатные иллюстрации, музыку и фото.

  • 2 000 0000+ иконок, 400+ сетов, 30+стилей. Можно выбрать русский язык. Для личного и коммерческого использования бесплатно — во втором случае придется указать ссылку. В бесплатном пакете размеры до 72 пикселей и нет исходных файлов. Чтобы пользоваться без ограничений, подписывайтесь на год за $ 79.

  • Ещё одна русскоязычная — и внушительная — коллекция из 638 наборов иконок, которые поделены на два блока по категориям и стилям. Ищите нужные по запросу, фильтруйте тремя способами — по цвету фона, размеру и цвету рисунка. Формат в основном PNG и\или ICO, реже — SVG. Иконки бесплатные, но проверяйте лицензию: некоторые нельзя использовать в коммерческих целях.

  • Больше 1 000 000 иконок, но самые интересные — платные. Хотя бесплатная база немаленькая, она предлагает в основном стандартные изображения. Зато можно скачать объёмные иконки (но лучше не стоит). Мы подготовили видеоурок о том, как искать иконки на Iconfinder.

  • Фишка этого ресурса с иконками — простота интерфейса. Иконки можно загружать в форматах PNG/ SVG. Главный минус — скудный выбор. Например, иконок на рандомно введённые «sea», «luck», «doctor», «couple» просто нет. Так что на iconmonstr идите за простотой поиска и скачивания и самыми элементарными запросами. Смотрите наш видеоурок, о том как работать с этим ресурсом.

  • Ресурс с непростым интерфейсом не похож на другие архивы иконок. Нет даже поисковой строки. Зато есть приложение с наборами иконок, которое работает оффлайн. Но если с приложением «всё сложно», то с разделом Icon Packs — наоборот. Нажмите Icomoon и сможете скачать бесплатно на ПК архив из 490 стандартных иконок. Очень пригодится, если делаете простую презентацию и не хотите искать каждую отдельную иконку.

  • Архив из 500 000 бесплатных иконок. Создан в 1994 году, что видно по дизайну сайта. Ищите иконки по цветам, сохраняйте понравившиеся прямо на сайте и загружайте в форматах PNG, ICO, ICNS.

  • Ресурс, где можно найти бесплатные иконки и стоковые векторные иллюстрации с лицензией Creative Commons: разрешается коммерческое использование с упоминанием авторства. При переходе на премиум подписку указания авторства не требуется. Подписка дает доступ к гораздо большему количеству изображений, в том числе векторов. Цена — $ 11.99 в месяц или $ 99 в год.

  • Редактор, который распознаёт, что вы хотели нарисовать, и предлагает более симпатичный вариант. Гораздо более симпатичный. Окрашивайте рисунки, меняйте их размер, добавляйте текст и геометрические фигуры. Получившийся рисунок можно скачать или сохранить в программе для дальнейшего использования. Бесплатно.

  • Коллекция бесплатных черно-белых иконок в PNG и SVG, которых, согласно названию, бесконечно много. Фильтруется сетами и тематическими тегами. Используйте в личных и коммерческих целях.

  • На сайте заявлено, что иконки «с характером». Понравятся любителям геометрии: все 3 600 иконок созданы из треугольников, квадратов, шестиугольников, прямых и ломаных линий. Представлены в форматах SVG, PDF, AI, SKETCH, EPS и ICONJAR. Использовать уже существующие иконки можно бесплатно. Бесплатная версия также предлагает 100 векторный иконок. Чтобы получить больше можно выбрать один из двух планов подписки: 12 000 векторных иконок за $ 194 и 31 500 иконок за $ 274.

  • Создатели сайта называют себя «самым большим в мире хранилищем иконок для материального дизайна» — 4000+ иконок для разработки приложений и веб-сайтов по руководствам Гугла. Форматы AI, SKETCH, SVG, PDF. PNG не представлен: не редактируется — значит, бесполезен. Бесплатно только 350 штук, 1650 можно купить за $ 67, 4000 — $ 127. Зато все иконки в двух версиях — контурные и заливные — и при оплате пользователь получает в два раза больше

  • 20 наборов. Платные и бесплатные перемешаны, выбирайте внимательно. Список фильтруется по дате загрузки, количеству лайков и скачиваний. Форматы в сетах отличаются — в одних только PSD, в других AI и EPS, в третьих AI, EPS, PNG, SVG. Технические характеристики даны в конце, будьте внимательны.

  • Ещё одна библиотека минималистичных монохромных иконок, 800+. Пригодятся в разработке сайтов, инфографики мобильных приложений. Базовый набор в одном формате и минимальном размере бесплатно, остальное — $ 99.

  • «Чернила Кальмара» — это 2000 векторных плоских иконок в 5 форматах (EPS, PSD, PNG, SVG и AI) по 17 категориям. Но бесплатно всего 50 штук, остальные обычно за $ 65, иногда бывают акции.

  • Бесплатные наборы присылают на почту при подписке, но если используете иконки для массового коммерческого продукта, ставьте ссылку. За всю коллекцию 35 000+ нужно один раз заплатить $ 99. Обновления при этом бесплатные.

  • 375 бесплатных иконок от испанского дизайнера Марио в EPS, PSD, PNG, SVG и SKETCH. Меняйте цвет, размер и элементы, адаптируйте иконки под задачи. Скачать по одной штуке нельзя, только единым архивом. Сайт на английском, испанском и французском.

  • Коллекция команды дизайнеров в блоге, который не обновлялся больше года. Зато архив интересный — несколько тысяч ярких иконок, часть платная, часть бесплатная. Поиск настроен не очень удобно, но коллекция очень разнообразная.

  • Дизайнер-иллюстратор Агата из Польши рисует иконки от руки, а потом оцифровывает. 33 сета от 60 до 250 иконок на темы от обучения до кулинарии стоимостью от 0 до $ 24. Доступны в SVG и PNG форматах.

— рекомендованный ресурс esprezo.

Написать комментарий

Посмотрите другие подборки ресурсов для презентаций и выступлений

Подбираем фон.

8 ресурсов с коллекциями текстур и паттернов для презентации.

The Elegant Icon Font — 360 лучших бесплатных иконок для современной сети

The Elegant Icon Font — 360 лучших бесплатных иконок для современной сети Блог

/ Ресурсы / Шрифт Elegant Icon — 360 лучших бесплатных иконок для современного Интернета

Мы задались целью создать самый красивый, элегантный и полный иконочный шрифт в Интернете… бесплатно! Мы изо всех сил пытались найти лучший иконочный шрифт для использования в наших собственных проектах, поэтому вместо этого решили создать свой собственный. Этот шрифт будет использоваться в наших темах, и мы продолжим обновлять коллекцию, чтобы удовлетворить потребности наших дизайнов. В отличие от традиционной графики, эти значки размещены в файле шрифта, что означает, что они основаны на векторе и могут расширяться и сжиматься без ухудшения качества. В результате получается четкая и красивая графика на любом дисплее (включая дисплеи Retina). Кроме того, эти значки были оптимизированы с точностью до пикселя для 16 пикселей и всех кратных 16 пикселей (32 пикселей, 64 пикселей и т. д.). Эти значки находятся под двойной лицензией GPL 2.0 и MIT, и их можно использовать совершенно бесплатно.
  • 1 Знакомство со шрифтом Elegant Themes Icon
  • 2 Почему иконочные шрифты — это круто
  • 3 Как использовать шрифт Elegant Icon на вашем сайте
    • 3.1 Загрузка шрифта Elegant Icon в Divi Builder
    • 3.2 Использование элегантного шрифта значков
  • 4 Полный комплект и справочное руководство по Unicode
  • 5 Полный список имен классов
  • 6 В заключение

Знакомство со шрифтом Elegant Themes Icon Font

Подпишитесь на наш канал на Youtube Скачать иконки

Чем хороши шрифты значков

Иконочные шрифты хороши тем, что они гибкие и быстро загружаются. Используя один шрифт и CSS, вы можете создавать бесчисленные графические вариации, которые обычно требуют использования столь же бесчисленной коллекции громоздких и немасштабируемых изображений. В сочетании с элементами HTML эти значки могут даже превратиться в красивые кнопки, такие как ссылка для скачивания выше!

Как использовать шрифт Elegant Icon на вашем веб-сайте

Использовать шрифт Elegant Icon на своем сайте очень просто, особенно если вы являетесь участником Elegant Themes. Однако сначала необходимо загрузить один из файлов шрифтов по ссылке для скачивания выше в Divi Builder. Затем вы можете выбрать значки на вкладке «Дизайн» большинства модулей Divi или использовать юникод в тексте, чтобы вставить его так же, как амперсанд или пробел.
Если вы не являетесь пользователем Divi, у нас есть руководство о том, как использовать любой шрифт, который вы хотите, на своем веб-сайте без плагина, который полностью настроит ваш сайт.

Загрузка шрифта Elegant Icon в Divi Builder

Прежде всего, загрузите ZIP-файл, на который мы ссылались выше, и разархивируйте его на своем компьютере. Затем найдите папку
Elegant_font
и перейдите к HTML CSS -> Fonts . Внутри этой папки вы найдете различные файлы шрифтов, которые вы можете использовать. После этого выполните следующие действия, чтобы загрузить шрифт в Divi Builder.
  • Перейдите в раздел «Заголовок» или «Текст» любого модуля на вкладке «Дизайн».
  • Щелкните раскрывающийся список «Шрифт текста» (или «Шрифт заголовка»)
  • Нажмите кнопку «Загрузить», чтобы открыть модальное окно загрузки.
  • Выберите любой файл шрифта из загруженного ZIP-архива
  • Нажмите синюю кнопку Загрузить
Теперь вы увидите шрифт на вкладке «Дизайн». Поскольку это настоящий шрифт, символы соответствуют различным кнопкам клавиатуры, поэтому имя шрифта, которое было введено как Elegant Icon Font , состоит из различных значков в окне компоновщика. И вместе с этим загружается ваш новый шрифт Elegant Icon. Если вы не хотите проходить конструктор, вы всегда можете следовать нашему руководству, чтобы добавить их на свой сайт другим способом.

Использование шрифта Elegant Icon

После того, как вы загрузили шрифт на свой сайт, вы можете установить шрифт для любого заголовка или стиля текста, который вы хотите. Пока на вкладке «Дизайн» установлен шрифт Elegant Icon, вы можете свободно использовать клавиатуру или символы Юникода, перечисленные ниже, для отображения нужного шрифта. Помните, что вы можете настроить размер каждого заголовка, чтобы вы могли оставить H6 в резерве для шрифта Elegant Icon и вытащить его при необходимости. Вот пример двух текстовых модулей с одним и тем же текстом, только у одного установлен шрифт сайта по умолчанию, а у другого шрифт Elegant Icon.
И поскольку это шрифт, помните, что вы можете увеличивать и уменьшать размер значка в соответствии с вашими потребностями без потери качества.

Полный комплект и справочное руководство по Unicode

Ниже мы перечислили полное справочное руководство по шрифту Elegant Icon, включая классы CSS для индивидуального включения и стилизации, а также юникод для использования встроенных значков во время работы. Для более подробного ознакомления с тем, как использовать шрифты значков в WordPress, Divi и даже в офлайн-приложениях, ознакомьтесь с нашим подробным руководством.

Полный список имен классов

arrow_up arrow_down arrow_left arrow_right arrow_left-up arrow_right-up arrow_right-вниз arrow_left-вниз стрелка вверх-вниз arrow_up-down_alt arrow_left-right_alt arrow_left-right arrow_expand_alt2 arrow_expand_alt arrow_конденсат arrow_expand arrow_move arrow_carrot-up arrow_carrot-вниз arrow_carrot-влево arrow_carrot-право arrow_carrot-2up arrow_carrot-2down arrow_carrot-2left arrow_carrot-2right arrow_carrot-up_alt2 arrow_carrot-down_alt2 arrow_carrot-left_alt2 arrow_carrot-right_alt2 arrow_carrot-2up_alt2 arrow_carrot-2down_alt2 arrow_carrot-2left_alt2 arrow_carrot-2right_alt2 arrow_triangle-вверх arrow_triangle-вниз arrow_triangle-влево arrow_triangle-вправо arrow_triangle-up_alt2 arrow_triangle-down_alt2 arrow_triangle-left_alt2 arrow_triangle-right_alt2 arrow_back icon_minus-06 icon_plus icon_close icon_check icon_minus_alt2 icon_plus_alt2 icon_close_alt2 icon_check_alt2 icon_zoom-out_alt icon_zoom-in_alt icon_search icon_box-пустой icon_box-выбрано icon_minus-коробка icon_plus-коробка icon_box-проверено icon_circle-пустой icon_circle-выбранный icon_stop_alt2 icon_stop icon_pause_alt2 icon_pause icon_menu icon_menu-square_alt2 icon_menu-circle_alt2 icon_ul icon_ol icon_adjust-горизонт icon_adjust-верт icon_document_alt icon_documents_alt icon_pencil icon_pencil-edit_alt icon_pencil-edit icon_folder-alt icon_folder-open_alt icon_folder-add_alt icon_info_alt icon_error-oct_alt icon_error-circle_alt icon_error-triangle_alt icon_question_alt2 icon_question icon_comment_alt icon_chat_alt icon_vol-mute_alt icon_volume-low_alt icon_volume-high_alt icon_quotations icon_quotations_alt2 icon_clock_alt icon_lock_alt icon_lock-open_alt icon_key_alt icon_cloud_alt icon_cloud-upload_alt icon_cloud-download_alt icon_image icon_images icon_lightbulb_alt icon_gift_alt icon_house_alt icon_genius icon_mobile icon_tablet icon_ноутбук icon_desktop icon_camera_alt icon_mail_alt icon_cone_alt icon_ribbon_alt icon_bag_alt icon_creditcard icon_cart_alt icon_paperclip icon_tag_alt icon_tags_alt icon_trash_alt icon_cursor_alt icon_mic_alt icon_compass_alt icon_pin_alt icon_pushpin_alt icon_map_alt icon_drawer_alt icon_toolbox_alt icon_book_alt icon_calendar icon_film icon_table icon_contacts_alt icon_наушники icon_lifesaver icon_piechart icon_refresh icon_link_alt icon_link icon_loading icon_blocked icon_archive_alt icon_heart_alt icon_printer icon_calulator icon_building icon_floppy icon_drive icon_search-2 icon_id icon_id-2 icon_puzzle icon_like icon_dislike icon_mug icon_currency icon_wallet icon_pen icon_easel icon_flowchart icon_datareport значок_портфеля icon_shield icon_percent icon_globe icon_globe-2 icon_target icon_hourglass icon_balance icon_star_alt icon_star-half_alt icon_star icon_star-половина icon_tools icon_tool icon_cog icon_cogs arrow_up_alt arrow_down_alt arrow_left_alt arrow_right_alt arrow_left-up_alt arrow_right-up_alt arrow_right-down_alt arrow_left-down_alt arrow_convense_alt arrow_expand_alt3 arrow_carrot_up_alt arrow_carrot-down_alt arrow_carrot-left_alt arrow_carrot-right_alt arrow_carrot-2up_alt arrow_carrot-2dwnn_alt arrow_carrot-2left_alt arrow_carrot-2right_alt arrow_triangle-up_alt arrow_triangle-down_alt arrow_triangle-left_alt arrow_triangle-right_alt icon_minus_alt icon_plus_alt icon_close_alt icon_check_alt icon_zoom-out icon_zoom-in icon_stop_alt icon_menu-square_alt icon_menu-circle_alt icon_document icon_documents icon_pencil_alt icon_folder icon_folder-открыть icon_folder-добавить icon_folder_upload icon_folder_download icon_info icon_error-круг icon_error-oct icon_error-треугольник icon_question_alt icon_comment icon_chat icon_vol-mute icon_volume-низкий icon_volume-высокий icon_quotations_alt icon_clock icon_lock icon_lock-открыть icon_key icon_cloud icon_cloud-загрузка icon_cloud-скачать icon_lightbulb icon_gift icon_house icon_camera icon_mail icon_cone icon_ribbon icon_bag icon_cart icon_tag icon_tags icon_trash icon_cursor icon_mic icon_компас icon_pin icon_pushpin icon_map icon_drawer icon_toolbox icon_book icon_contacts icon_archive icon_heart icon_profile icon_group icon_grid-2×2 icon_grid-3×3 icon_music icon_pause_alt icon_phone icon_upload icon_download icon_rook icon_printer-alt icon_calculator_alt icon_building_alt icon_floppy_alt icon_drive_alt icon_search_alt icon_id_alt icon_id-2_alt icon_puzzle_alt icon_like_alt icon_dislike_alt icon_mug_alt icon_currency_alt icon_wallet_alt icon_pens_alt icon_easel_alt icon_flowchart_alt icon_datareport_alt icon_briefcase_alt icon_shield_alt icon_percent_alt icon_globe_alt icon_clipboard social_facebook социальный_твиттер social_pinterest social_googleplus social_tumblr social_tumbleupon social_wordpress соц.
инстаграм social_dribbble social_vimeo social_linkedin social_rss social_deviantart social_share social_myspace соц_скайп social_youtube social_picassa social_googledrive social_flickr social_blogger social_spotify social_delicious social_facebook_circle social_twitter_circle social_pinterest_circle social_googleplus_circle social_tumblr_circle social_stumbleupon_circle social_wordpress_circle social_instagram_circle social_dribbble_circle social_vimeo_circle social_linkedin_circle social_rss_circle social_deviantart_circle social_share_circle social_myspace_circle social_skype_circle social_youtube_circle social_picassa_circle social_googledrive_alt2 social_flickr_circle social_blogger_circle social_spotify_circle social_delicious_circle social_facebook_square social_twitter_square social_pinterest_square social_googleplus_square social_tumblr_square social_stumbleupon_square social_wordpress_square social_instagram_square social_dribbble_square social_vimeo_square social_linkedin_square social_rss_square social_deviantart_square social_share_square social_myspace_square social_skype_square social_youtube_square social_picassa_square social_googledrive_square social_flickr_square social_blogger_square social_spotify_square social_delicious_square

В заключение

Иконочные шрифты — это замечательный инструмент для разработки веб-сайта, и мы хотели, чтобы у вас был самый лучший набор инструментов. Объедините этот бесплатный настраиваемый шрифт значков с мощью самого Divi Builder, и вы уже на пути к созданию по-настоящему элегантных веб-сайтов.
Юбилейная распродажа Divi! Экономьте по-крупному в течение ограниченного времени 👇

Сэкономьте на продуктах Divi и Divi в течение ограниченного времени.

Доступ к распродаже

Ник Роуч

Я основатель и генеральный директор Elegant Themes. Когда я не усердно работаю над новыми темами, мне нравится писать одну или две статьи в нашем блоге!

Откройте для себя Divi, самую популярную тему WordPress в мире и лучший конструктор страниц

Узнайте о Divi

WordPress против Medium (2023) — где вести блог?

Последнее обновление: 24 февраля 2023 г. в Ресурсах

Если есть один вопрос, который восходит к самому началу ведения блога, это «какую платформу для ведения блога мне следует использовать?» Все задают этот вопрос (гуглу, скорее всего), и всех засыпают тысячей разных ответов. Это в первую очередь потому, что есть так…

Посмотреть полную публикацию

9 некоммерческих дочерних тем для Divi

Опубликовано 27 июля 2019 г. в Ресурсы

В мире существует множество некоммерческих организаций. Почти каждому из них нужен хорошо продуманный веб-сайт, чтобы рассказать свою историю и получить пожертвования на их цели. Divi — отличная тема для некоммерческих организаций, таких как благотворительные организации. К счастью, вам не нужно начинать с нуля для…

Посмотреть полную публикацию

12 лучших книг по профессиональному развитию для профессионалов на всех этапах карьеры

Опубликовано 25 апреля 2019 г. в Ресурсы

В наши дни у всех нас есть доступ к почти бесконечному количеству ресурсов, которые мы можем использовать для нашего профессионального развития. Сюда входят онлайн-уроки, подкасты и многое другое. Тем не менее, книги по-прежнему являются нашим любимым средством для углубленного изучения. В этой статье мы познакомим вас с 12 из.