Though it is always best to use easily available icons library to add suitable icons in a project, making one with CSS is super fun to animate and may also come in handy in sometimes!
An Inbox Icon where its shapes are made with CSS using pseudo elements and border properties!
📎 View code here.
A Notification Bell Icon where its parts are made with CSS and svg. All parts are then animated to get desired effect!
📎 View code here.
A Social Icons hover effect made with CSS outline and background properties!
📎 View code here.