- Download 24,721 settings icons. Available in PNG and SVG formats. Ready to be used in web design, mobile apps and presentations.
- Download 2,406 setup icons. Available in PNG and SVG formats. Ready to be used in web design, mobile apps and presentations.
- The files in the icons folder are the same except there is no longer a CXP folder. If you encounter any issues, let us know. Microsoft permits the use of these icons in architectural diagrams, training materials, or documentation. You may copy, distribute, and display the icons only for the permitted use unless granted explicit.
If you want to change the size of the icons in your taskbar, there's a different setting for that, which will also change the size of text, apps, and other items across Windows 10.
How To Add Icons
To insert an icon, add the name of the icon class to any inline HTML element.
The <i> and <span> elements are widely used to add icons.
All the icons in the icon libraries below, are scalable vector icons that can be customized with CSS (size, color, shadow, etc.)
Font Awesome 5 Icons
To use the Free Font Awesome 5 icons, go to fontawesome.com and sign in to get a code to use in your web pages.
Read more about how to get started with Font Awesome in our Font Awesome 5 chapter.
Note: No downloading or installation is required!
Example
<html>
<head>
<script src='https://kit.fontawesome.com/yourcode.js'></script>
<!--Get your code at fontawesome.com-->
</head>
<body>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</body>
</html>
Try It Yourself »How To Set Desktop Icons
Font Awesome 4 Icons
To use the Font Awesome 4 icons, add the following line inside the <head> section of your HTML page:
Note: No downloading or installation is required!
Example
<html>
<head>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</body>
</html>
Bootstrap 3 Icons
To use the Bootstrap 3 glyphicons, add the following line inside the <head> section of your HTML page:
Note: No downloading or installation is required!
Example
<html>
<head>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
</head>
<body>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</body>
</html>
Try It Yourself »Note: Glyphicons are not supported in Bootstrap 4.
For more information about Bootstrap 3 and Glyphicons, visit our Bootstrap 3 Tutorial.
Google Icons
To use the Google icons, add the following line inside the <head> section of your HTML page:
Note: No downloading or installation is required!
Example
<html>
<head>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons'>
</head>
<body>
<i>cloud</i>
<i>favorite</i>
<i>attachment</i>
<i>computer</i>
<i>traffic</i>
</body>
</html>
Try It Yourself »For a complete list of ALL icons (font awesome, bootstrap and google), visit the Icon Reference.
How To Make An Icon Shortcut
Best Free Icons