Something I found on the internet :D https://www.rightmesh.io/

Here is one famous quote from Steve Jobs : “Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works.” Personally, I don't think that there is any website without a design, but there might be websites which are not styled with glittery gradients and fancy illustrations. All websites are designed to to do some or another task but the question is, are the designs solving the problem that it is intended to do. This along with the value, the website/product offers to its users determines the success of the website/product.

Icons of those style are called "filled-outline icons"

Its difficult to say one best tool, all of them have their on ups and downs. So its better to try different tools and use them based on the context/use-case. Some of the tools which I have already tried: https://www.sketchapp.com/ + https://www.invisionapp.com/craft https://www.invisionapp.com/ https://framer.com/ http://www.adobe.com/in/products/aftereffects.html https://paper.dropbox.com/ paper, pencil https://marvelapp.com/ http://origami.design/ https://proto.io/ Out of this sketch+craft, after effects, paper+pencil and principle are the ones which I use on a day-to-day basis. Just keep following product hunt, people are coming with a hell lot of new tools everyday. Keep an open mind and try those. Keep your focus on what you want to make rather than on tools :)

These are line icons. There are lot of similar ones in iconfinder.com , nounproject.com and similar sites.

Checkout these, not sure how they match up with awwwards and csssdesignawards. http://webbyawards.com/ http://www.csswinner.com/ https://onepagelove.com/