How To Add Icons
- Collections 4 0 1 – Organize Your Desktop Icons Without Deleting
- Collections 4 0 1 – Organize Your Desktop Icons Without Computer
To insert an icon, add the name of the icon class to any inline HTML element.
The and
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.)
RocketDock is a desktop application launcher with a clean interface that allows you to organize your desktop and keep it accessible. It offers various features, such as minimizing windows to dock, real-time Windows preview, running application indicators, and simple drag-and-drop interface. Resize the icons to any of three different sizes and add your own custom icons. Organize the icons by dragging and dropping them on the dock and group your icons into menus. Customize the Appetizer dock using skins. PStart is a simple Windows system tray launcher for applications. It's designed to run portable applications, but can be. With Windows 10 folders, Nimi Places, and ToolBox, you can now effectively group your desktop icons and organize shortcuts. You might also look at app launchers as a way to clear up a cluttered desktop, as covered in our How to add new app Launchers to Windows 10 article. Organize your collections by projects, add, remove, edit, and rename icons. Edit Use the 'Paint collection' feature and change the color of the whole collection or do it icon by icon.
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. Graphicconverter 10 4 2 – graphics editor with powerful features.
Read more about how to get started with Font Awesome in our Font Awesome 5 chapter.
Collections 4 0 1 – Organize Your Desktop Icons Without Deleting
Note: Terminal 1 0 1 – your terminal shortcuts. No downloading or installation is required!
Example
Font Awesome 4 Icons
To use the Font Awesome 4 icons, add the following line inside the section of your HTML page: Tyme 2 1 3 2 – effective time tracking.
Note: No downloading or installation is required!
Example
Bootstrap 3 Icons
To use the Bootstrap 3 glyphicons, add the following line inside the section of your HTML page:
Note: No downloading or installation is required!
Example
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 section of your HTML page:
Note: No downloading or installation is required!
Example
cloud
favorite
attachment
computer
traffic
Collections 4 0 1 – Organize Your Desktop Icons Without Computer
Try It Yourself »For a complete list of ALL icons (font awesome, bootstrap and google), visit the Icon Reference.