【CSS】CSSだけで作られた簡単に使えるアイコンセット

 

コピペや、CSSを読み込むだけで簡単に使えるCSSで作られたアイコンセット。ポイントで1~3個使用したい場合などアイコンフォントよりも重宝する。特に矢印はいろいろなパターンがあるので、サイズはアレンジするとしてストックしておきたいCSSです。
↓こんな感じ。



1

CSS3 Icons

2

icono | Pure CSS icons

3

Pictos Archive – One div

4

littlebox



  • 【CSS】いろんなスタイルのボタンを簡単に実装できる「bttn.css」
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • SVGで背景パターンを作成できる「Hero Patterns」
  • ロゴ作成が簡単にできるロゴジェネレーター12選【無料・低価格】
RELATED POSTS
  • 【jQuery】プレースホルダにアニメーションを実装できる「FoxHolder」
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
  • 【jQuery】背景画像のスライドショーを実装する「Vegas2」
  • 立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」
  • YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア