CSS3で簡単にアイコンを作れるジェネレータ

CSS-3-Icons--CSS-3-Icons-Generator--UIPlayGroundCSS3で作られたアイコンジェネレータをご紹介。

CSS 3 Icons Generator

サンプルを選ぶとソースが表示されるのでそのコードをコピペしてクラス名などを自分用にカスタマイズして使えるジェネレータサイト。サンプルが豊富なので重宝しています。

CSS3 Icons
http://www.uiplayground.in/css3-icons/

Pictos Archive – One div

アニメーション系のアイコンジェネレータのサイト。
CSS3 Iconsよりは複雑かもしれません。

Pictos Archive – One div
http://one-div.com/popular/

icono | Pure CSS icons

海外のジェネレータサービス。
海外なサイトなだけにアイコンも海外タッチなのでちょっと使いづらいかもしれませんがセンスを感じるアイコンが揃っています。

icono | Pure CSS icons
http://saeedalipoor.github.io/icono/

 

  • Facebook
  • twitter
  • Hatena