近年Web業界で話題を呼んでいるHTML5とCSS3。今まで画像やFlash、JavaScriptに頼っていた表現方法を、かなりカバーできるようになりました。そんな中、今回はCSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」を紹介したいと思います。

よく見る虫眼鏡のアイコンや、扱いやすいグラフ関連のアイコンなど、どれも実用に耐えられるだけの種類とクオリティで219種類ものアイコンが取り揃えられています。

CSSなだけに、画像のアップロードなども不要で、どれもspanタグとCSSを追記するだけで実現可能。導入の手間は無く、さらにCSSで作られているので色の変更やちょとした改変も容易な仕組みとなっています。これらのアイコンを基にして、新たに自分だけのアイコンを作り出すことも面白そうですね。

CSS3はまだ一部のブラウザで対応されていませんが、これらの実用的な使い方があることを知ると、早く使いたいという気持ちが沸き上がってきます。WEB制作に携わっている方も今のうちから学んでおけば、本格的に使われ始めた際にすぐ導入することができるのではないでしょうか。

UIPlayGround | CSS 3 Icons | CSS 3 Icons Generator | CSS 3 Icons Code Generator