Icon 16x16 Icons - Download 384 Free Icon 16x16 icons @ IconArchive. Search more than 600,000 icons for Web & Desktop here. Download all the download icons you need. Choose between 23,002 icons in both vector SVG and PNG format. Download Free Icons and Free Icon Packs. More than 500,000 icons in PNG, ICO and ICNS icons for Mac! +2000 icon pack for free use. Free Plus icons! Download 1,255 vector icons and icon kits.Available in PNG, ICO or ICNS icons for Mac for free use. Download Freeplane for free. Application for Mind Mapping, Knowledge and Project Management. Application for Mind Mapping, Knowledge Management, Project Management. Develop, organize and communicate your ideas and knowledge in the most effective way.
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
<!DOCTYPE html>
<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 »<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>
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
<!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 »<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
<!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 »<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.
Quarkxpress 12 1 – desktop publishing solution. 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!
Icon Plus 1 1 Download Free Pc
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 »<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 the Icon Reference.