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

 

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



1

CSS3 Icons

2

icono | Pure CSS icons

3

Pictos Archive – One div

4

littlebox



  • 【CSS】borderで枠線を作成する方法 -初心者向け-
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • iOS・Androidアイコンを作成できるジェネレーター「App Iconizer」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
RELATED POSTS
  • 陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
  • Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
  • CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
  • CSSアニメーション制作に役立つライブラリ・ツール14選
  • 世界の国旗をCSSとdivのみで実装する「CSS Flags」
  • CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • 【2020年版】無料で使えるフリーイラスト素材サイト32選(商用利用可)
  • 導入しておきたいWordPressのおすすめプラグイン