CSS3 Only Icons & Shapes

Single Element Icons & Shapes

These are all single element icons designed around a 1em square container. This allows them to be used within the normal flow of text and to also scale by simply changing the font size.

Although these icons will render correctly most of the time, there can be some browser rendering anomalies

Click on the icon to see how it’s made

Chevron (Left)

Chevron (Right)

Chevron (Up)

Chevron (Down)

Reload

Tag

Email

Menu

Rewind

Play

Fast Forward

Stop

Pause

Calendar

Clock

Heart

User

Map Market

Tick

Cross

Plus

Minus

Edit

Star

Circle

Mobile

Wifi

RSS Feed

Line Chart

Bar Chart

Pie Chart

Printer

Trash Can

Folder

Flag

Pin

Comment

Comment (Left)

Comment

Home

Search

Phone

Gauge

Download

Filter

Mail Forward

Facebook

Google+

Google+

Linked In

Multi Element Icons & Shapes

Click on the icon to see how it’s made

Twitter

Twitter

Twitter

Twitter

Skype

Cog

Cog

Common CSS Styles

Browser Support

10+ 16+ 9+ 5+ 12.1+ 3.2+ 2.1+

Licence

Creative Commons BY-SA

[gp-comments]
Top