How To Add Icons

To insert an icon, add the name of the icon class to any inline HTML element.

To activate an icon or button, place the cursor over the icon and hold it there for a few seconds. So apps are view only and do not have a cursor. For these apps, you will need to start the app before placing your phone in the VR headset, and remove your phone to change something in the app, or change to a different app. Try this app now and stop worrying about text you can't read! Disclaimer: The quality of the image is directly related with the quality of the camera of your device. Also the functionality offered is subject to the hardware capabilities of the camera. For example, some devices doesn't have zoom, flash or auto focus. A coordinated design language for the app icon promotes consistency across platforms, while retaining the features of the macOS rendering style. For example, the Mac app icon for Recipes adds nuance and detail to the image of the measuring spoons, and employs shadowing to enhance the appearance of depth.

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 ourFont Awesome 5 chapter.

Note: No downloading or installation is required!

Example

App With Glasses Icon For Laptop

<!DOCTYPE html>
<html>
<head>
<script src='https://kit.fontawesome.com/yourcode.js' crossorigin='anonymous'></script>
<!--Get your code at fontawesome.com-->
</head>
<body>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</body>
</html>
Try It Yourself »

Font Awesome 4 Icons

App With Glasses Icon Download

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

<!DOCTYPE html>
<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>
Try It Yourself »

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

<!DOCTYPE html>
<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:

App with glasses icon download

Note: No downloading or installation is required!

Example

<!DOCTYPE html>
<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 theIcon Reference.



Use the App Library to find your apps

From your Home Screen, swipe left until you see the App Library. Your apps are automatically sorted into categories. For example, you might see your social media apps under a Social category. The apps that you use most frequently will automatically reorder based on your usage. When you install new apps, they'll be added to your App Library, but you can change where new apps get downloaded.

Search for an app in the App Library

  1. Go to the App Library.
  2. Tap the search field, then enter the app that you're looking for.
  3. Tap the app to open it.

Delete an app from the App Library

  1. Go to the App Library and tap the search field to open the list.
  2. Touch and hold the app icon, then tap Delete App .
  3. Tap Delete again to confirm.

If you can't delete an app that's not made by Apple, disable parental controls, then try deleting the app again.

Find and hide pages on your Home Screen

With iOS 14, you can easily hide pages to streamline how your Home Screen looks and add them back anytime. Here's how:

App With Glasses Icon Png

  1. Touch and hold an empty area on your Home Screen.
  2. Tap the dots near the bottom of your screen.
  3. Tap the circle under the page that you want to hide.
  4. Tap Done.

To unhide a page, repeat the steps above. Then use the App Library to quickly find apps hidden on different pages.

Move apps to the App Library

Instead of hiding a page on your Home Screen, you can move individual apps from the Home Screen to the App Library. Here's how:

  1. Touch and hold the app.
  2. Tap Remove App.
  3. Tap Move to App Library.

App With Glasses Icon Clip Art

Change where new apps get downloaded

To change where new apps get downloaded on your iPhone, or to change the notifications you see in the App Library:

  1. Go to Settings > Home Screen.
  2. Select an option.

App With Glasses Icon For Pc

Learn more

App With Glasses Icon Store

Learn how to customize the widgets on your Home Screen to keep information at your fingertips.