This icon looks like an open book. Tap the Bookmark tab on the left to view your saved links. Tap the Reading List tab in the center (the reading glasses icon) to view articles you saved to read later. Tap the History tab (the clock icon) to view and clear your browsing history. This icon looks like two overlapping squares. Read God’s Word at anytime, anywhere using the YouVersion Bible App. Share Scripture with friends, highlight and bookmark passages, and create a daily habit with Bible Plans. Available for iOS, Android, Blackberry, Windows Phone and more.
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 ourFont Awesome 5 chapter.
Note: No downloading or installation is required!
Example
<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>
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>
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>
For a complete list of ALL icons (font awesome, bootstrap and google), visit theIcon Reference.
