Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Daily Archives: 2016/10/18

[CSS] CSS ICON – CSSだけで描画できるアイコン

  • Pocket
  • このエントリーをはてなブックマークに追加

画像を使わずに、CSSだけで描画できるアイコンセット。アイコンをクリックすると、HTMLとCSSコードが表示されるので、あとはそれをコピペして使うだけ。HTMLタグはdivが使われているようです。またCSSコードにマウスオーバーすると、そのコードでアイコンのどの部分が描画されているのかも分かるようになってて、なかなか興味深いです。使い勝手の良さ以外に、サイトの軽量化という目的でも使えそうです。