css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image


  1. Sweet! I did something quite similar for our login flow on https://userbin.com. Love the left-aligned icons.

  2. This pen just got a heavy cleanup. The code look much more cleaner and is easier to implement in other projects. Also it uses flex-box for positioning the icon

  3. its great boy, can you give me the javascript code?

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.