51个纯CSS绘制的漂亮图标设计欣赏

CSS是网页设计师和前端人员需要了解和学习的一门语言，特别是现在很多网页使用扁平化设计，这类设计风格大部分布局、交互动画甚至是图标都会使用高级点的CSS3技能，所以我们应该熟练掌握CSS这门样式语言。

今天设计达人网为大家分享51个纯CSS绘制的漂亮图标，欣赏同时，大家可以从中学习一些编写方法，另外这图标是免费的，你也可以将它用到你的网页设计项目上。

纯CSS图标

Pure CSS Clok

查看演示

Single Element Pure CSS Mackbook Pro

查看演示

Google Browser Icon Set In Pure CSS

查看演示

CSS flat wallet icon

查看演示

Dribbble Icon

查看演示

Animated icons

查看演示

Flat Icons CSS – Dribbble Remake

查看演示

Pure CSS Iconex Flat Icon Set

查看演示

Flat CSS Pure Burger Icon

查看演示

Map Marker CSS Only

查看演示

Device In Pure CSS

查看演示

Compass CSS3

查看演示

Full CSS Nes

查看演示

TweetBot IOS7 Icon

查看演示

Computer Monitor and Laptop Pure CSS

查看演示

Hanging Picture Frames

查看演示

Animated Trash Icon Pure CSS

查看演示

Mail Icon

查看演示

CSS Hamburger Icon

查看演示

Pure CSS Ribbon

查看演示

Vector Opera Logo

查看演示

CSS Microphone Icons

查看演示

Pure CSS Owl

查看演示

Pure CSS3 Arrow Icon

查看演示

Pure CSS Google Logo

查看演示

Pure CSS Peeling Sticky

查看演示

Cute CSS3 Only Animals

查看演示

Pure CSS RSS Icon

查看演示

Credit Card

查看演示

Camera

查看演示

Pure CSS3 Calender Icon

查看演示

Currency Icon

查看演示

CSS Flat Gift Icon

查看演示

Responsive CSS WordPress Logo

查看演示

Pure CSS Folder

查看演示

Google Search Voice Pure CSS3

查看演示

Envelop Hover Transition

查看演示

IOS Camera Icon

查看演示

Pure CSS Printer

查看演示

Pure CSS3 Preloader

查看演示

Color Picker in Pure CSS

查看演示

Pure CSS Checklist Icon

查看演示

CSS Smileys

查看演示

Apple Mice

查看演示

纯CSS按钮

Progress Button Styles

查看演示

Pure CSS Flat Switches

查看演示

CSS3 Patterned Buttons

查看演示

Button Switches with Checkboxes and CSS3 Fanciness

查看演示

Creative Button Styles

查看演示

Share It Reloaded

查看演示

Styled Radio Buttons

查看演示