webサイトデザイン制作をするのに素材としてよく使用されるアイコン。とても便利な存在で、時にはメインのグラフィック要素として活躍してくれることも。そんな中今回紹介するのは、アイコンに動きなどを与えたい、デザインにレイアウトするのではなく直接サイトに組み込んでいきたいというシーンに最適な、フリーCSSアイコンをたくさん紹介した「50 Free CSS-Only Icons And Buttons For Your Website Graphics」です。

シンプルなものはもちろん、リアルさを追求したものまで、いろんなデザインのCSSアイコンが多数まとまっています。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

Computer Monitor and Laptop pure CSS – CodePen
デスクトップパソコン、ノートパソコン、スマートフォンがセットになった、フラットデザインテイストのアイコンセット。3種がセットになっているのは嬉しいところ。
　
　
　
　

Pure CSS Clock (animated) – CodePen
針が延々と回り続ける時計CSSアイコン。シンプルなので、いろいろなデザインに活用できそうです。
　
　
　
　

Pure CSS Ribbon – CodePen
リボンモチーフのCSSアイコンは、中の文字を変えることで応用が可能となっています。幅広く利用できるのでは？
　
　
手軽にアイコン自体のデザインやテキストの変更ができるので、非常に便利だと思います。この機会に取り入れてみてはいかがでしょうか。

50 Free CSS-Only Icons And Buttons For Your Website Graphics | SmashingApps.com