24 CSS Icons Examples and Code

Collection of CSS Icons and HTML icons collected from GitHub, codepen.io, and different resources around the web.

Font Awsome

Font Awesome Icons Icon Set

Author

  • Font Awesome

About Project

Font Awesome

Font Awesome is a large library of over 7,000 free and premium icons.

Google Material Icons

Google Material Icons Icon Set

Author

  • Google Material Icons

About Project

Google Material Icons

Google Material Icons is an icon set based on Google material design principles. It is a large library of icons in multi different formats, sizes, densities, and five style types.

Heroicons

Heroicons Icons Icon Set

Author

  • Heroicons

About Project

Heroicons

Heroicons is a set of 400+ high quality SVG icons Mit-Licensed you can use in your web or app project.

Tabler Icons

Tabler Icons Icon Set

Author

  • Tabler Icons

About Project

Tabler Icons

Tabler Icons is an icon set of over 1200 SVG icons with a MIT-Licensed that you can use in app or website projects. These icons arw 24×24 with a 2px stroke.

Devicon

Devicon Icons Icon Set

Author

  • Devicon

About Project

Devicon

Devicon is a growing library of icons representing an ever growing field of development languages and tools.

Titanic

Titanic Icons Icon Set

Author

  • Titanic

About Project

Titanic

Titanic is a collection of animated icons with a JavaScript library.

Iconic

Iconic Icons Icon Set

Author

  • Iconic

About Project

Iconic

Iconic is an easy to use, large icon set designed for the modern web.

SVG Icons Icon Set

SVG Icons Icon Set

Author

  • Vinod Kushwah

About Project

SVG Icons

SVG Icons is a simple SVG icon set.

INK Basic Icons

INK Basic Icons Icon Set

Author

  • Nicky Lim Yean Fen

About Project

INK Basic Icons

INK Basic Icons is a simple svg animated icon set from codepen.io

Charm Icons

Charm Icons Icon Set

Author

  • Jay Newey

About Project

Charm Icons

Charm Icons is a simple mini icon set from codepen.io

Random Icons Icon Set

Random Icons Icon Set

Author

  • StyleShit

About Project

Random Icons Icon Set

Random Icons icon set is a library of random icons loaded using JavaScript from codepen.io

Animated Font Awesome Button Icons

Animated Font Awesome Button Icons

Author

  • Ruben Vardanyan

About Project

Animated Font Awesome Button Icons

Animated Font Awesome Button Icons icon set is a small set of animated font-awesome icons turned into buttons. This exmaple can be found on codepen.io in the code and example link above.

HTML Icons

HTML Icons Icon Set

Author

  • Vineeth.TR

About Project

HTML Icons

HTML Icons is a set of HTML icons from codepen.io

CSS Icons

CSS Icons Icon Set

Author

  • Vineeth.TR

About Project

CSS Icons

CSS Icons is a project on codepen.io written in pure HTML and CSS. It’s easy to use.

Pure CSS iOS Icons

Pure CSS iOS Icons

Author

  • Vineeth.TR

About Project

Pure CSS iOS Icons

Pure CSS iOS Icons is a project showing off iOS Icons written in pure HTML and CSS on codepen.io

Social Media Web Icons

Social Media Web Icons

Author

  • Abdennour Boudjema

About Project

Social Media Web Icons

Social Media Web Icons is a project on codepen.io displaying popular social media icons written in HTML and CSS for you to use on your web or app.

Josetxu Icons

Josetxu Icons Icon Set

Author

  • Josetxu

About Project

Josetxu Icons Icon Set

Josetxu Icons Icon Set is a simple icon set from codepen.io displaying various social and system ui control icons.

SVG Loading Icons

SVG Loading Icons

Author

  • Aurer

About Project

SVG Loading Icons

SVG Loading Icons is another project on codepen.io displaying svg loading icons for loading content on website or apps.

Animated Weather Icons

Animated Weather Icons

Author

  • Josh Bader

About Project

Animated Weather Icons

Animated Weather Icons is a group of weather icons that are using CSS animated and HTML. No JavaScript!

CSS Flat Icons

CSS Flat Icons

Author

  • Lionel T

About Project

CSS Flat Icons

CSS Flat Icons is an icon set with a flat theme written in pure HTML and CSS.

Semantic UI Icons

Semantic UI Icons Icon Set

Author

  • Jakka Prihatna

About Project

Semantic UI Icons

Semantic UI Icons is an icon set deigned for system ui like menus, controls, functions, and much more. This project can be found on codepen.io

Color CSS Icons

Color CSS Icons Icon Set

Author

  • Rosa

About Project

Color CSS Icons

Color CSS Icons is an icon set on codepen displaying animated icon circles.

CSS.GG CSS Icons

CSS.GG CSS Icons Icon Set

Author

  • CSS.GG

About Project

CSS.GG CSS Icons

CSS.GG CSS Icons is an open sourced GitHub project with over 700+ in multiple various formats including SVG, Sprite, XML, .json, .css, .xd, .fig, .tsx, and NPM

Grid Icons Icon Set

Automattic Gridicons Icon Set

Author

  • Automattic

About Project

Automattic Gridicons

Automatiic Gridicons is a simple SVG icon set found on GitHub.

Recommended Articles