Illustration for brands

Member lesson

Icons on one grid, with one stroke

Lesson 6 of 10 in Illustration for brands.

Checked against the makers' documentation on 9 October 2026.

How to Make Pixel Perfect Icons · Icons8
Lesson

Icons often sit beside a brand's drawings on the same screen, and they have to look as if the same hand made both. The Branding course's lesson on iconography systems explains why the grid, the stroke and the corner radius are decided before the first icon is drawn, and the Illustrator module redraws No. 4's four icons step by step. This lesson looks at what two published sets actually specify. They agree on the grid. They disagree on the ends of every line.

Member

The rest of this is for members.

You have read the opening of this lesson. The rest of it comes with a membership.

One membership covers all four courses and Brands.

  • All lessons in the four Learn courses
  • All brand breakdowns in the Brands section
  • All quizzes, flashcards and crosswords
  • An AI teacher on every lesson, for up to 60 questions a day
  • All course material published during the membership

Price

Membership is from $12 a month on the Yearly plan, which is charged at $144 once a year. Lifetime access is $59, paid once.Membership is from ₹200 a month on the Yearly plan, which is charged at ₹2,400 + GST once a year. Lifetime access is ₹3,999 + GST, paid once.

Check what stuck

Members only

You can't take this check yet.

Members answer these 3 questions and keep the ticket for this lesson. Every lesson has one.

  1. Question 1, locked

    Google's original Material icon rules and Lucide's rules agree on the grid. Where do they disagree?

    • The canvas size, 24 against 32
    • The stroke weight, 1 against 2
    • The ends of lines, squared against rounded
    • Whether an icon needs a live area at all
  2. Question 2, locked

    Why is Material's keyline circle 20 dp across when its keyline square is 18?

    • A circle the same height looks smaller, so it is drawn larger
    • Circles need room for a thicker stroke
    • The square leaves space for a notification badge
    • Circles are used only for app icons
  3. Question 3, locked

    Your brand's illustrations use rounded line ends. Which rule should your icons follow?

    • Squared terminals, because icons must look sharper than drawings
    • Any terminal, since icons are too small for it to matter
    • Rounded on some icons and squared on others, for variety
    • Rounded terminals, to match the drawings

Elsewhere in the library

Hear about new courses.

Leave an email and we will tell you when something new lands. We do not write often.