Блог: иконки, favicon и графика для сайтов

Разбираем форматы, лицензии и приёмы работы с иконками — без воды и с примерами кода.

• 27 сентября 2026 г. Как поменять иконку папки в Windows 10 и 11 Как поставить свою иконку на папку в Windows 10 и 11: где взять ICO, куда нажать, как вернуть стандартный значок и что делать, если иконка не меняется.
• 27 сентября 2026 г. Как вставить иконку в Word и Google Документы Как вставить иконку в Word и Google Документы: SVG или PNG, вставка из буфера, смена цвета, размер и обтекание текстом. С примером прямо в статье.
• 21 сентября 2026 г. Иконочный шрифт, SVG-спрайт или inline SVG: что выбрать для сайта Сравниваем иконочный шрифт, SVG-спрайт и inline SVG по доступности, скорости загрузки и чёткости отрисовки. Разбираем, когда какой способ подключения выбрать.
• 14 сентября 2026 г. 3D-иконки на сайте: где они уместны и как сохранить скорость загрузки Где 3D-иконки украшают сайт, а где мешают, как подключить их без потери скорости — WebP, правильный размер, lazy loading — и как сочетать объём с плоским UI.
• 7 сентября 2026 г. Размеры иконок приложений для iOS, Android, PWA и Windows Какие размеры иконок нужны приложению: 1024×1024 для iOS, адаптивные слои Android 108 dp, 192 и 512 px для PWA и ассеты Windows. Таблицы и советы.
• 3 сентября 2026 г. Как изменить цвет SVG-иконки: 4 способа Четыре способа поменять цвет SVG-иконки: currentColor и CSS, атрибуты fill и stroke, векторный редактор и онлайн-инструмент. Примеры кода и частые ошибки.
• 27 августа 2026 г. Где скачать иконки бесплатно и легально — и где брать официальные логотипы Где скачивать бесплатные иконки без нарушения лицензий, как быстро проверить условия использования и откуда брать официальные логотипы соцсетей и брендов.
• 24 августа 2026 г. Бесплатные иконки для Figma: как импортировать, настроить и перекрасить Как добавить бесплатные иконки в Figma: импорт SVG и вставка кода, компоненты и варианты, перекраска через Stroke и переменные, иконки в кнопках с auto layout.
• 17 августа 2026 г. Лицензии на иконки: CC0, MIT, CC BY и собственные лицензии сервисов Что разрешают лицензии CC0, MIT и CC BY, чем от них отличаются собственные лицензии сервисов и когда нужно указывать автора иконки. Объяснение с таблицей.
• 13 августа 2026 г. Чем отличается SVG от PNG и что выбрать для иконок SVG — вектор, PNG — растр. Разбираем, чем форматы отличаются по чёткости, весу и перекраске и какой выбрать для сайта, презентации, письма или соцсетей.
• 6 августа 2026 г. Как вставить иконку в презентацию: PowerPoint, Google Slides и Keynote Как вставить иконку в PowerPoint, Google Slides и Keynote: какой формат выбрать, SVG или PNG, как перекрасить значок и сохранить чёткость на большом экране.
• 3 августа 2026 г. Как сделать favicon для сайта: размеры, форматы и HTML-код Какие файлы фавикона нужны сайту: favicon.ico, SVG, apple-touch-icon 180×180 и иконки манифеста 192 и 512 px. Пошаговая инструкция и готовый HTML-код.