--- title: "Выбор значков для плиток: стандартные значки, значки типов файлов, приложений, Azure и Vitextra" description: "Пять наборов значков веб-части Vitextra Smart Tiles — стандартные значки Fluent UI, значки типов файлов, значки приложений Microsoft 365, значки служб Azure и значки продуктов Vitextra: как выбрать значок в панели значков, как работают цвет, размер, отступ и тень значка и когда вместо значка стоит использовать своё изображение." url: https://vitextra.com/ru/support/kb/10243 language: ru published: 2026-10-09 modified: 2026-10-10 author: "Lidija Reising" tags: ["значки Smart Tiles", "значки Fluent UI SharePoint", "значки приложений Microsoft 365 плитки", "значки Azure веб-часть", "значки типов файлов SharePoint", "выбор значка", "цвет значка плитки", "размер значка плитки SharePoint", "значки продуктов Vitextra", "значки навигации SharePoint"] --- # Выбор значков для плиток: стандартные значки, значки типов файлов, приложений, Azure и Vitextra Пять наборов значков веб-части Vitextra Smart Tiles — стандартные значки Fluent UI, значки типов файлов, значки приложений Microsoft 365, значки служб Azure и значки продуктов Vitextra: как выбрать значок в панели значков, как работают цвет, размер, отступ и тень значка и когда вместо значка стоит использовать своё изображение. ## Введение Значок — это то, что делает плитку узнаваемой ещё до прочтения названия: логотип Outlook, символ PDF, телефон. [Smart Tiles](https://vitextra.com/ru/products/smart-tiles) поставляется с пятью наборами значков, которые покрывают типичные случаи интранета — общие символы, типы документов, приложения Microsoft 365, службы Azure и продукты Vitextra, — и принимает любое собственное изображение там, где наборов недостаточно. В этой статье описаны наборы, панель значков и настройки, определяющие, как рисуются значки. ## Наборы значков |::Набор::|::Содержимое::|::Типичное применение::| |:---|:---|:---| |**Стандартный значок**|Шрифт значков Fluent UI, используемый во всём Microsoft 365: более тысячи монохромных символов — люди, документы, календари, настройки, стрелки и так далее.|Общие назначения: *Служба поддержки*, *Отпуска*, *Политики*.| |**Значок типа файла**|Цветные значки типов файлов SharePoint: Word, Excel, PowerPoint, PDF, изображения, архивы и другие форматы.|Ссылки на конкретный документ или шаблон.| |**Значок приложения**|Логотипы приложений Microsoft 365: Outlook, Teams, OneDrive, Planner, Forms, Power BI и другие.|Ссылки, открывающие приложение или его веб-версию.| |**Azure**|Значки служб Azure.|Порталы для ИТ-команд и разработчиков.| |**Vitextra**|Значки продуктов Vitextra.|Ссылки на страницы, построенные с другими веб-частями Vitextra.| Стандартные значки рисуются в цвете, заданном настройкой **Цвет шрифта** плитки, поэтому белый стандартный значок на синей плитке становится синим значком на белой плитке одной сменой цвета. Остальные четыре набора — полноцветные изображения, сохраняющие свои цвета на любом фоне. ![По одному значку из каждого из пяти наборов](https://static.vitextra.com/articles/10243/icon-sets-ru.png) *По одному значку из каждого из пяти наборов* ## Выбор значка 1. Откройте страницу в режиме редактирования и нажмите кнопку **…** плитки. 2. Наведите указатель на **Значок плитки** и выберите набор: **Стандартный значок**, **Значок типа файла**, **Значок приложения**, **Azure** или **Vitextra**. 3. В панели **Выберите значок**, которая открывается справа, прокрутите значки или введите часть имени в поле поиска — *mail*, *calendar*, *xlsx*. 4. Нажмите на значок, а затем **Применить**. Значок, который сейчас использует плитка, при открытии панели выделен, поэтому легко подобрать похожий значок из того же набора. ![Панель «Выберите значок» с применённым поиском](https://static.vitextra.com/articles/10243/select-icon-panel-ru.png) *Панель «Выберите значок» с применённым поиском* 📝 **Заметка** Плитка со ссылкой на видео YouTube показывает кнопку воспроизведения вместо значка. Значок, выбранный для такой плитки, сохраняется и появляется снова, если ссылка меняется на другой адрес. ## Собственные изображения Последний пункт подменю **Значок плитки** — **Своё изображение** — заменяет значок вашим изображением: логотипом компании, изображением продукта или значком, нарисованным вашими дизайнерами. Изображение указывается в виде URL-адреса или выбирается из библиотеки документов сайта. Последующий выбор значка из любого из пяти наборов снова убирает своё изображение. Процедура описана в статье [KB10244. Использование собственного изображения в качестве значка плитки](https://vitextra.com/ru/support/kb/10244). ## Настройки значков веб-части Четыре настройки в группе **Вид** области свойств применяются к значкам всех плиток: |::Настройка::|::Действие::| |:---|:---| |**Размер значка**|Шесть ступеней: 20, 24, 32, 40, 48 и 64 px. Размер применяется одинаково ко всем наборам и к собственным изображениям.| |**Отступ значка**|Пространство между значком и заголовком, 0–30 px.| |**Тень**|Мягкая тень под значком. Она придаёт плоским стандартным значкам глубину и отделяет полноцветные значки от фонового изображения.| |**Показывать заголовки**|При скрытых заголовках значок центрируется в плитке и становится её единственным содержимым.| ![Размер значка и тень](https://static.vitextra.com/articles/10243/icon-size-shadow-ru.png) *Размер значка и тень* 💡 **Совет** По возможности придерживайтесь одного набора в пределах панели. Ряд монохромных стандартных значков в одном цвете шрифта воспринимается как единое целое; смесь стандартных значков, значков приложений и типов файлов выглядит пестрее и притягивает взгляд к логотипам, а не к названиям. ❗ **Важно** Значки из наборов поставляются вместе с веб-частью, поэтому дополнительных разрешений им не требуется. Собственные изображения загружаются с указанного вами адреса; у посетителей должен быть доступ на чтение к этому расположению. Подробнее о продукте: