Align and space the family
See this course’s project requirements
An original three-icon SVG kit with 32 px and 64 px PNG variants, a reference sheet and a usage readme.
Keep your working files in your own notebook or software. Save a private description, checklist, and work link in My Proof.
What to include
- Three original icons: book, ticket and chat.
- A 64 px grid, explicit margins and consistent 4 px base stroke.
- An editable source and two checked raster sizes per icon.
- A side-by-side family sheet with small-size review notes.
- A readme naming colors, sizes and original fictional practice status.
Review and revise
Use these criteria to check your work and choose what to improve.
- Icons remain recognizable at their intended sizes.
- Paths and shapes remain editable.
- Style choices are consistent and deliberate.
- Exports have the required canvas and match the source.
Want more background?
The idea in everyday life
Create ticket on 64×64 px page: rectangle X 10, Y18, W44, H28. Use no fill and 4 px stroke. Add a short vertical divider from(42, 20)to(42, 44). Open a 192×64 px reference sheet to arrange all three icons.
Alignment is a relationship to a selected reference, not an instruction to move everything arbitrarily.
Align and space the family — guided practice
Build a ticket and organize three icons on a common reference sheet.
Create ticket on 64×64 px page: rectangle X 10, Y18, W44, H28. Use no fill and 4 px stroke. Add a short vertical divider from(42, 20)to(42, 44). Open a 192×64 px reference sheet to arrange all three icons.
1. Step 1
Draw the ticket rectangle and divider; save club-ticket.svg. Group its parts with Ctrl+G.
You should see: A third original symbol uses the same style.
Set a reproducible starting state.
2. Step 2
On a new 192×64 px page import the three SVGs. Keep each icon grouped and size each tile to 64×64 if the import includes a page box; otherwise position using the original tile coordinates plus offsets 0, 64, 128.
You should see: The family occupies three 64 px tiles.
Use editable geometry and explicit values.
3. Step 3
Use Object > Align and Distribute. Choose Relative to: Page only when centering a single selected icon within its own tile; on the reference sheet preserve the planned offsets.
You should see: Objects align to explicit references.
Check the result against the visual specification.
4. Step 4
Inspect that stroke widths remain 4 px and each symbol has breathing room. Save club-family.svg.
You should see: The reference sheet reveals inconsistent weight or spacing.
Preserve evidence for the next stage.
What to finish
The reference sheet reveals inconsistent weight or spacing. Save the corresponding source and notes.
Watch for this
Do not substitute a screenshot for the editable SVG.
How can I tell I understand it?
Explain the result, reproduce the procedure, and complete the changed-input check.
Quick knowledge check
Answer all 3 questions. Get at least 2 right and the lesson completes automatically.
You’ll get an explanation for each answer. Signed in? Your results save to your account.
Pass the check. We’ll save the progress.
Answer all 3 questions above and get at least 2 right. You can review the explanations and try again.
Go to the knowledge checkOptional course overview video · same video as Lesson 1
Inkscape Tutorial: Complete Starter Guide for New Users
From Logos By Nick. Watch here or open it on YouTube .
Optional course overview. Follow the written steps below at your own pace.Tools, templates, and lesson sources
Tools and templates
Tools open in a new tab so you can keep your place here.
Sources and further reading
Explore the references behind this lesson.
Source & access notes · checked 2026-09-12
Read free community-created guide description.
Access: Public reading without a paid account; reviewed September 12, 2026.
Reuse: Link only. Lessons and practice assets are original; free access does not grant permission to copy the provider's material.
Source & access notes · checked 2026-09-12
Read substantive page text and examples.
Access: Public reading without a paid account; reviewed September 12, 2026.
Reuse: Link only. Lessons and practice assets are original; free access does not grant permission to copy the provider's material.
Report a problem with this lesson
Tell us what went wrong. Please leave out personal information and private project contents.