- Accidental Creative
- Adapting to Web Standards: CSS and Ajax for Big Sites
- Art of Non-Conformity
- Art of Readable Code
- Back to the User: Creating User-Focused Web Sites
- Beginning PHP6, Apache, MySQL Web Development
- Books to Read
- Bored and Brilliant
- Born For This
- Complete E-Commerce Book
- Content Inc
- Core PHP Programming
- CSS3: Pushing the Limits
- Dealing with Difficult People
- Defensive Design for the Web
- Deliver First Class Web sites
- Design for Hackers: Reverse-Engineering Beauty
- Designing Web Interfaces
- Designing Web sites that Work: Usability for the Web
- Designing with Progressive Enhancement
- Developing Large Web Applications
- Eat That Frog
- Economics of Software Quality
- Elements of User Experience
- Epic Content Marketing
- Extending Bootstrap
- Flexible Web Design
- Flexible Web Layouts
- Happiness At Work
- Inmates Are Running the Asylum
- jQuery Pocket Reference
- Letting Go of the Words
- Making Every Meeting Matter
- Manage Your Day to Day
- Marketing to Millenials
- Monster Loyalty
- More Eric Meye on CSS
- Official Ubuntu Book
- Organized Home
- Perennial Seller
- PHP In a NutShell
- PHP Refactoring
- PHP5 CMS Framework Development
- PHP6 and MySQL Bible
- Privacy Policy
- Responsive Web Design
- Responsive Web Design with HTML and CSS3
- Rules of Thumb
- Saleable Software
- Securing PHP Web Applications
- Simple and Usable Web, Mobile and Interaction Design
- Smart Organizing
- Submit Now: Designing Persuasive Web sites
- The Life-changing Magic of Tidying up
- This Is Marketing
- UI and UX and Design
- Web site Usability
- Web Site Usability: A Designer's Guide
- Web Word Wizardy
- Well Designed
- Work for Money, Design for Love
- Blogs
- Checklists I Have Collected or Created
- Color in Web Design
- Crafts To Do
- Database and Data Relations Checklist
- Ecommerce Website Checklist
- My Front End UI Checklist
- New Client Needs Analysis
- Newsletters I Read
- Puzzles
- Style Guides
- User Review Questions
- Web Designer's SEO Checklist
- Web site Review
- Website Code Checklist
- Website Final Approval Form
- Writing Content For Your Website
- Writing Styleguide
- Writing Tips
- Complete Book of Potatoes
- Creating Custom Soil Mixes for Healthy, Happy Plants
- Edible Forest Garden
- Garden Design
- Gardening Tips and Tricks
- Gardens and History
- Herbs
- Houseplants
- Light Candle Levels
- My Garden
- My Garden To Plant
- Organic Fertilizers
- Organic Gardening in Alberta
- Plant Nurseries
- Plant Suggestions
- Planting Tips and Ideas
- Root Cellaring
- Way We Garden Now
- Beautiful No-Mow Lawns
- Beginner's Guide to Heirloom Vegetables
- Best of Lois Hole
- Eradicate Invasive Plants
- Gardening Books to Read
- Gardens West
- Grow Organic
- Guerilla Gardening
- Indoor Gardening: The Organic Way
- Real Gardens Grow Natives
- Seed Underground
- Thrifty Gardening from the Ground Up
- Veggie Garden Remix
- Weeds
- What Grows Here
- Activities for Kids
- Baking & Cooking Tips
- Bertrand Russell
- Can I Get that on Sale?
- Cleaning Tips and Tricks
- Colour Palettes I Like
- Compound Time
- Crafts
- Crafts for Kids
- Household Tips
- Inspiration
- Interesting
- Interior Design
- Latin Phrases
- Laundry Tips
- Learn Something New
- Links, Information, and Cool Videos - Stuff for My Kids
- My Miscellany
- Organizing
- Quotes
- Reading List
- Renovations
- Silly Sites
- Things that Make Me Laugh
- Videos to Watch
- YouTube Hacks
- Accessibility
- CSS Frameworks
- CSS Reading List
- CSS Sticky Footer
- htaccess files
- HTML Tips and Tricks
- Javascript (and jQuery)
- Landing Page Tips
- Making Better Websites
- More Information on CSS
- MySQL and Databases
- Navigation
- Responsive Design
- Robots.txt File
- Security and Secure Websites
- Web Design and Development
- Web Design Tools
- Web Error Codes
- Website Testing Checklist
- Writing for the Web
- Writing Ideas for your website
- Animations and Interactions
- Being a Better Designer
- Bootstrap Resources
- Colour
- CSS Preprocessors: Sass and Less
- CSS Tips Tricks
- Designing User Interfaces
- Font & Typographical Inspiration
- Fonts, Typography, Letters & Symbols
- Icons
- Logo Designs
- Photoshop Tips and Tricks
- Sketch
- UX and UI and Design Reading List
- Web Forms
Icon are Important
The reasoning is that visitors can quickly acknowledge an image or pictogram without needing to read and understand the context. This is a benefit on the homepage because you will constantly have visitors looking at your page and attempting to figure out what you do. Icons will separate out more of the complexity so users now have a choice to read the features or skim past them.
Further Reading & More Resources
- 150 outlined icons - PSD AI SVG Webfont
- 4000 Material Design Icons. For Android, desktop and web applications
- 50 Best Free Icon Resources for Web Designers
- 50 Best Resources To Find Free & Premium Icons
- 9 Rules to Make Your Icons Clear and Intuitive - UX Movement
- Awesome Free Icon Sets for Web Designers | Great collection | ResourcesMix.info
- Better Icon Design in 6 Easy Steps
- Blog - Edward Sanchez
- Blog | The Noun Project, Insights on Symbol Design, by Jon Hicks
- Cinema Icon Set
- Conor Muirhead // Designer
- CreativeTechs Tips: Free! Icons for your Website, Blog, Etc.
- favcount.js
- Finding the Perfect Icon Set | Think Vitamin
- Flat Icons | Squid Ink
- Font Awesome to PNG online generator
- Font Awesome, the iconic font designed for use with Twitter Bootstrap
- Fontomas - easy iconic fonts composer
- Free Goods | Creative Market ~ Handcrafted, mousemade.
- Free icons by first-class designers - IconStore
- Free Icons Set designed by Brankic1979 - Free psd
- Freebie: Pixelvicon Icon Set (80 Icons)
- Fresh Free High-Quality Icon Sets | Smashing Magazine
- Geomicons Open
- History of Icons – a visual brief on icon history by FUTURAMO
- Homey Icon Set
- Huge list of free icon sets for download! | Coffee Drunk
- Icofree.com - Free icons
- IcoFX - The Professional Icon Editor
- Icojoy - stock icons shop, article 'Free web development icons #4 SE'
- Icon Fonts are Awesome
- Icon Fonts are Awesome
- iconate.js
- Iconfinder - Icon search made easy!
- Iconfinder | Search and download free icons
- Iconic: Advanced icons for the modern web
- Iconical for Mac®
- iconmonstr
- iconPot - totally free icons
- Icons Guide · your guide to stock icons shops
- Icons | instantShift
- Ionicons: The premium icon font for Ionic Framework
- Koloria: Free Icons Set | Graphic Rating
- Ligature Symbols
- LineKing iOS Icons - Designmodo Market
- mezzoblue § Chalkwork HTML Royalty-free Icons
- Simple Icons
- NounProject
- Octicons
- Optimizing UI icons for faster recognition « Boxes and Arrows
- p.yusukekamiyamane - Free stock icons + pixel fonts
- Photon Storm » Blog Archive » 16×16 Pixel Art Tutorial
- Pictonic: the innovative icon font generator with 1000+ vector icons
- Pictos
- pinvoke - Quality free icons and pixel fonts
- Resource: 5 Free Icon Sets for Your Web Projects » Web Design » Design Festival
- Responsive Webfont Icons - Web Standards Sherpa
- Retro furnish icons [Black]
- Seasonal Icons: Winter Inspiration and Free Packages - Designmodo
- Sensible World » A Year of Icons
- Shifticons — Mix and match web font icons
- Social Media Icons | Fontfabric™
- Social Sharing
- Some Random Dude — Iconic Icon Set – 171 icons in raster, vector and font formats
- Sosa icon font | Ten by twenty
- Symbolset
- The Best E-Commerce Icons All In One Place | Freebies
- The Floppy Disk means Save, and 14 other old people Icons that don't make sense anymore - Scott Hanselman
- The Hamburger Menu Doesn't Work - Deep Design
- The Icon Grab Bag: The Top 50 Sources for Free Designer Icons | Design Vitality
- The Ultimate Free Web Designer's Icon Set (750 icons, incl. PSD sources) - Smashing Magazine
- Top Sites And Collections To Find Free Icon Sets | ResourcesMix.info
- Transformicons
- Typicons
- WebHostingHub Glyphs
- X-Icon Editor
Icon Sets
- MFG Iconset
- Typicons
- Icon Moon
- CSS Icon
- Simple Icons
- City Sets
- 27 Free Credit Card Icon Sets for Online Web Shops
- 340 Freebies! Touch Icon Set
- 50 Fresh Useful Icon Sets For Your Next Design | Graphics | Smashing Magazine
- IcoMoon
- Demo Icon Font - Thin Stroke Icons 7 - by Pixeden.
- Dribbble - Random Stuff Free Iconset by Ghani Pradita
- Dripicons (Line-Icon Font) by Amit Jakhu
- Elusive-Icons Webfont | shoestrap.org
- Endless Icons | Free icons and creative stuff
- Entypo - 100+ carefully crafted pictograms
- World's Biggest Material Design Icons Pack
- Feather - beautiful, simple, open source icons
- Material Design Icons
- Simple, reusable drawings
Other Icons
Tutorials and How-Tos
- 35 Icon Design Tutorials for Photoshop | Vandelay Design Blog
- Favicon - How To Create A Favicon.ico | PhotoshopSupport.com
- How to Create an App Icon in Adobe Illustrator - Designmodo
- How to Create Your Own Webfont Icon Packs With IcoMoon - SitePoint
- Quick Tip: Creating Simple Icons with Adobe Illustrator, a Beginners Guide | Vectortuts+
- Safari Web Content Guide: Configuring Web Applications
Further Reading
Tools for Icons
This page contains information I gathered and thought were very useful. See more notes on design.
Just to let you know, this page was last updated Monday, Jan 20 20