Check icons at real sizes
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
Use the three 64 px icons. Target PNG previews: 64 and 32 px. Keep the SVG master unchanged.
Vector geometry can scale, but small previews still need a visual legibility check.
Check icons at real sizes — guided practice
Produce large and small previews without destroying the source.
Use the three 64 px icons. Target PNG previews: 64 and 32 px. Keep the SVG master unchanged.
1. Step 1
Select the page export area in File > Export. Enter width 64 px, save a PNG preview and inspect it at 100%.
You should see: A 64 px preview preserves the intended canvas.
Set a reproducible starting state.
2. Step 2
Export the same page at 32 px wide. Inspect whether the page seam, chat tail and ticket divider remain distinct.
You should see: The 32 px preview exposes crowded details.
Use editable geometry and explicit values.
3. Step 3
If one detail merges, edit a copy of that icon: remove a nonessential divider or widen a narrow gap. Save a separate small variant.
You should see: A separate source preserves the full-size master.
Check the result against the visual specification.
4. Step 4
Record which small variant changed and why; compare both versions at 32 px before choosing.
You should see: The decision is supported by a small-size comparison.
Preserve evidence for the next stage.
What to finish
The decision is supported by a small-size comparison. 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 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.
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.