forum icon indicating copy to clipboard operation
forum copied to clipboard

[RFC] CSSBattle's CSS-only icon library

Open chinchang opened this issue 2 years ago • 0 comments

This is a proposal for an icon library that has all icons in CSS only. Request everyone's feedback, suggestions, ideas, comments here.

Why this?

  • First code-golfed CSS icon library - much smaller in size.
  • Easy to use. Drop-in CSS.
  • Free and open-source. Built by community.
  • Icon library itself becomes a learning playground for code-golfing since anyone can drop by anytime and code-golf the whole library to a much smaller size.

Similar stuff

  • https://css.gg/
  • https://cssicon.space/

Implementation specs

What icons to include? We could take some popular icon library as reference and implement those icons. Eg. Material design icons.

Methods:

  1. If we wanna do it exactly like CSSBattle style, each icon could be an iframe - replicating CSSBattle's iframe environment.
  2. We could use main element and pseudo elements instead of , elements.

Again, requesting everyone's feedback, suggestions, ideas, comments here.

chinchang avatar Aug 31 '23 12:08 chinchang