Clock Icon Svg

Max Daunarovich
Max Daunarovich
    • Get in touch
    Clock Icon Svg
    Download color palette

    Live SVG:
    http://codepen.io/MaxStalker/details/qEZwqB/

    Live CSS:
    http://codepen.io/MaxStalker/pen/VYaoWa

    This time I decided to dive into SVG and bring to life clock icon done by Vikiiing: https://dribbble.com/shots/1235884-Clock

    Right now it works best in Chrome. Firefox have jugged lines and no drop shadows on some elements. I think that could be caused by messed syntax since I was hand coding this. Will need to check this later.

    So far I'm happy with result. Though for some reason it feels quite slow... SMIL animations or drop-shadows on clock's hands are to blame! ^__^

    upd: CSS version was 10 times faster and easier to setup, cause of Photoshop CSS styles export and chrome DevTools.

    Rebound of
    Clock
    By Vikiiing
    Max Daunarovich
    Max Daunarovich Get in touch

    More by Max Daunarovich

    View profile
    • Like