CSS Icon Tutorial 3 - Draw Eye Icon with Pure Css

Wendy of Typogram
2 HN recommenders · recommended in 2 months, 2015–2016
YouTube
3K views · 10 years ago · tutorial · intermediate · dated

Part three of a CSS icon tutorial series by Wendy of Typogram, showing how to draw an eye icon with pure CSS and no image files. It is a step-by-step screen recording of building the shapes with borders and radii.

HN people share it as an approachable tutorial on crafting icons out of CSS alone, with the author herself offering it to those interested in CSS icons.

CSS & front-end design craftIllustration & iconography
#css#icons#cssart#borderradius#tutorial

2 comments from Hacker News

w
@wentin2016 · in “Show HN: CSS ICON, an icon set crafted by pure CSS”
this made my day! like what I said in the video, I struggled finding use case of it for other people, and decided to spend more time than what I spent on crafting these icons to make this an educational web app with angularjs. I am very glad it is doing what I want it to do. I recorded these tutorials long time ago and never posted it anywhere, i think maybe this will interest you link ▶ this video link
RecommendsView on HN
t
@typedetail2015 · in “Border radius trick”
Submitted the video to Hacker News.
RecommendsView on HN