Common Education Foundation - Empowering Education for All
Common Education Foundation
Empowering Education for All, One Child at a Time, One Community, One World
“Everything Starts as a Square” is a book and video course that teaches you a simple method to designing icons that anyone can learn.
Before I learned how to design icons myself, I always imagined that they were drawn by hand using the pen tool, some sort of fancy graphics tablet, and hours and hours spent manually fine-tuning bezier curves.
But it turns out this isn’t how great icon designers work at all.
In “Everything Starts as a Square”, you’ll learn the systems experts use to create pixel perfect icons, without relying on a steady hand.
- Using boolean operations to combine basic shapes into complex icons
- How to adapt icons to different sizes
- Translating icons from an outline style to a solid style
- Identifying the characteristics that make an icon set cohesive
- Figma features and keyboard shortcuts to speed up your workflow
By the end of the book, you’ll have all the confidence you need to dig in and start creating beautiful icons that can hold their own against any of the sets you can find online.
Our Mission
Get a look at all of the content covered in the book. Everything you need to know is inside.
“Everything Starts as a Square” is comprised of 240 tightly edited, highly visual pages designed to teach you everything you need to know about icon design with no unnecessary filler.
Getting started
Fundamentals
Screencasts
Over an hour of high quality, step-by-step video content to sharpen your icon design workflow.
Learn how to design your very first icons in a series of screencasts that will teach you everything you need to know to go from beginner to pro in just over an hour.
Getting started with Figma
Get familiar with the Figma UI, the different tools it offers, and the most important features.
Setting up your artboard
Learn how to create a new artboard and configure your grid and rulers for designing icons.
Designing your first icon
Using basic shapes and boolean operations, learn how to design your own notification icon from scratch.
Advanced design techniques
Learn the techniques you need to know to adapt your original icon to a modern duotone style.
Resources
Tools and resources you can use to get started even faster and progress even further.
Design assets, icon teardowns, and a community of fellow icon designers where you can ask questions, get feedback, and accelerate your learning.
Figma icon templates
Pefectly structured templates for quickly designing new icons at dozens of common sizes.
Weekly icon teardowns
Weekly videos where we dissect and recreate beautiful icons we find on the web.
Community of icon designers
A private Discord server where you can get help and give feedback on each others' work.
Get the free sample chapters
Enter your email address and I’ll send you a sample from the book containing two of my favorite chapters.
Pricing
Pick your package
“Everything Starts as a Square” is available in two different packages so you can pick the one that’s right for you.
Essential
The perfect starting point if you’re on a budget.
$15
- The 240-page ebook
- Figma icon templates
- Community access
Complete
Everything icon resource you could ever ask for.
$229
- The 240-page ebook
- Figma icon templates
- Over an hour of screencasts
- Weekly icon teardowns
- Community access
Some kind words from early customers...
I worked with a small group of early access customers to make sure all of the content in the book was exactly what they needed. Hears what they had to say about the finished product.
Mira’s teaching style is second to none. Everything was easy to follow every step of the way.
Antonio LittelFrontend DeveloperI run an ecommerce store selling rare vintage gummy bears and could never find a good gummy bear icon. Now I can design my own in minutes.
Cameron ConsidineEntrepreneurI couldn’t believe how fast Mira moved in Figma compared to my own workflow. I’m designing icons more accurately in half the time with the shortcuts I learned from her videos.
Steven HackettBootcamp InstructorMira’s teaching style is second to none. Everything was easy to follow every step of the way.
Antonio LittelFrontend DeveloperEven though I was excited to learn, I was pessimistic that I wouldn’t actually ever get good enough to design my own icons. I was wrong — this book is all I needed.
Lynn NolanGrowth Marketer
I run an ecommerce store selling rare vintage gummy bears and could never find a good gummy bear icon. Now I can design my own in minutes.
Cameron ConsidineEntrepreneurThe complete package is worth it for the weekly teardown videos alone. I’ve learned so much watching Mira take apart other icons and recreate them from scratch.
Regina WisokyDesign Student
I couldn’t believe how fast Mira moved in Figma compared to my own workflow. I’m designing icons more accurately in half the time with the shortcuts I learned from her videos.
Steven HackettBootcamp InstructorI never thought I would enjoy designing icons but using the ideas in this book, it’s become a great way for me to relax while still being creative.
Carla SchoenStartup Founder
Founder
Peter Zheng – Founder of Future Sphere Education Foundation.
I have been working in the education industry for over 10 years, and I have been a teacher, a school principal, and a school owner. I believe that quality education should not be a privilege for the fortunate few, but a right for all.