2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs Segoe MDL2 icons 05/19/2017 13 minutes to read Contributors In this article About Segoe MDL2 Assets Layering and mirroring Using the icons How do I get this font? Icon list Related articles This article lists the icons provided by the Segoe MDL2 Assets font. Important APIs: Symbol enum, FontIcon class About Segoe MDL2 Assets With the release of Windows 10, the Segoe MDL2 Assets font replaced the Windows 8/8.1 Segoe UI Symbol icon font. (Segoe UI Symbol will still be available as a "legacy" resource, but we recommend updating your app to use the new Segoe MDL2 Assets.) Most of the icons and UI controls included in the Segoe MDL2 Assets font are mapped to the Private Use Area of Unicode (PUA). The PUA allows font developers to assign private Unicode values to glyphs that don’t map to existing code points. This is useful when creating a symbol font, but it creates an interoperability problem. If the font is not available, the glyphs won’t show up. Only use these glyphs when you can specify the Segoe MDL2 Assets font. Use these glyphs only when you can explicitly specify the Segoe MDL2 Assets font. If you are working https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 1/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs with tiles, you can't use these glyphs because you can't specify the tile font and PUA glyphs are not available via font-fallback. Unlike with Segoe UI Symbol, the icons in the Segoe MDL2 Assets font are not intended for use in-line with text. This means that some older "tricks" like the progressive disclosure arrows no longer apply. Likewise, since all of the new icons are sized and positioned the same, they do not have to be made with zero width; we have just made sure they work as a set. Ideally, you can overlay two icons that were designed as a set and they will fall into place. We may do this to allow colorization in the code. For example, U+EA3A and U+EA3B were created for the Start tile Badge status. Because these are already centered the circle fill can be colored for different states. Layering and mirroring All glyphs in Segoe MDL2 Assets have the same fixed width with a consistent height and left origin point, so layering and colorization effects can be achieved by drawing glyphs directly on top of each other. This example show a black outline drawn on top of the zero-width red heart. Many of the icons also have mirrored forms available for use in languages that use right-to-left text directionality such as Arabic, Farsi, and Hebrew. Using the icons If you are developing an app in C#/VB/C++ and XAML, you can use specified glyphs from Seogoe MDL2 Assets with the Symbol enumeration. XAML Copy https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 2/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs <SymbolIcon Symbol="GlobalNavigationButton"/> If you would like to use a glyph from the Segoe MDL2 Assets font that is not included in the Symbol enum, then use a FontIcon. XAML Copy <FontIcon FontFamily="Segoe MDL2 Assets" Glyph=""/> How do I get this font? To obtain Segoe MDL2 Assets, you must install Windows 10. Icon list Please keep in mind that the Segoe MDL2 Assets font includes many more icons than we can show here. Many of the icons are intended for specialized purposed and are not typically used anywhere else. Symbol Unicode point Description E700 GlobalNavigationButton E701 Wifi E702 Bluetooth E703 Connect https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 3/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E703 Connect E704 InternetSharing E705 VPN E706 Brightness E707 MapPin E708 QuietHours E709 Airplane E70A Tablet E70B QuickNote E70C RememberedDevice E70D ChevronDown E70E ChevronUp https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 4/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E70F Edit E710 Add E711 Cancel E712 More E713 Settings E714 Video E715 Mail E716 People E717 Phone E718 Pin E719 Shop https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 5/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E71A Stop E71B Link E71C Filter E71D AllApps E71E Zoom E71F ZoomOut E720 Microphone E721 Search E722 Camera E723 Attach E724 Send https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 6/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E725 SendFill E726 WalkSolid E727 InPrivate E728 FavoriteList E729 PageSolid E72A Forward E72B Back E72C Refresh E72D Share E72E Lock E730 ReportHacked https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 7/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E734 FavoriteStar E735 FavoriteStarFill E738 Remove E739 Checkbox E73A CheckboxComposite E73B CheckboxFill E73C CheckboxIndeterminate E73D CheckboxCompositeReversed E73E CheckMark E73F BackToWindow E740 FullScreen https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 8/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E741 ResizeTouchLarger E742 ResizeTouchSmaller E743 ResizeMouseSmall E744 ResizeMouseMedium E745 ResizeMouseWide E746 ResizeMouseTall E747 ResizeMouseLarge E748 SwitchUser E749 Print E74A Up E74B Down https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 9/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E74C OEM E74D Delete E74E Save E74F Mute E750 BackSpaceQWERTY E751 ReturnKey E752 UpArrowShiftKey E753 Cloud E754 Flashlight E755 RotationLock E756 CommandPrompt https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 10/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E759 SIPMove E75A SIPUndock E75B SIPRedock E75C EraseTool E75D UnderscoreSpace E75E GripperTool E75F Dialpad E760 PageLeft E761 PageRight E762 MultiSelect E763 KeyboardLeftHanded https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 11/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E764 KeyboardRightHanded E765 KeyboardClassic E766 KeyboardSplit E767 Volume E768 Play E769 Pause E76B ChevronLeft E76C ChevronRight E76D InkingTool E76E Emoji2 E76F GripperBarHorizontal https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 12/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E770 System E771 Personalize E772 Devices E773 SearchAndApps E774 Globe E775 TimeLanguage E776 EaseOfAccess E777 UpdateRestore E778 HangUp E779 ContactInfo E77A Unpin https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 13/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E77B Contact E77C Memo E77F Paste E780 PhoneBook E781 LEDLight E783 Error E784 GripperBarVertical E785 Unlock E786 Slideshow E787 Calendar E788 GripperResize https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 14/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E789 Megaphone E78A Trim E78B NewWindow E78C SaveLocal E790 Color E791 DataSense E792 SaveAs E793 Light E799 AspectRatio E7A5 DataSenseBar E7A6 Redo https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 15/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E7A7 Undo E7A8 Crop E7AC OpenWith E7AD Rotate E7B5 SetlockScreen E7B7 MapPin2 E7B8 Package E7BA Warning E7BC ReadingList E7BE Education E7BF ShoppingCart https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 16/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E7C0 Train E7C1 Flag E7C3 Page E7C4 Multitask E7C5 BrowsePhotos E7C6 HalfStarLeft E7C7 HalfStarRight E7C8 Record E7C9 TouchPointer E7DE LangJPN E7E3 Ferry https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 17/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E7E6 Highlight E7E7 ActionCenterNotification E7E8 PowerButton E7EA ResizeTouchNarrower E7EB ResizeTouchShorter E7EC DrivingMode E7ED RingerSilent E7EE OtherUser E7EF Admin E7F0 CC E7F1 SDCard https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 18/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E7F2 CallForwarding E7F3 SettingsDisplaySound E7F4 TVMonitor E7F5 Speakers E7F6 Headphone E7F7 DeviceLaptopPic E7F8 DeviceLaptopNoPic E7F9 DeviceMonitorRightPic E7FA DeviceMonitorLeftPic E7FB DeviceMonitorNoPic E7FC Game https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 19/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E7FD HorizontalTabKey E802 StreetsideSplitMinimize E803 StreetsideSplitExpand E804 Car E805 Walk E806 Bus E809 TiltUp E80A TiltDown E80C RotateMapRight E80D RotateMapLeft E80F Home https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 20/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E811 ParkingLocation E812 MapCompassTop E813 MapCompassBottom E814 IncidentTriangle E815 Touch E816 MapDirections E819 StartPoint E81A StopPoint E81B EndPoint E81C History E81D Location https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 21/101 2018. 5. 26. Segoe MDL2 icon guidelines - UWP app developer | Microsoft Docs E81E MapLayers E81F Accident E821 Work E822 Construction E823 Recent E825 Bank E826 DownloadMap E829 InkingToolFill2 E82A HighlightFill2 E82B EraseToolFill E82C EraseToolFill2 https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font 22/101 2018.