Create a chat bubble with a path

Create a chat bubble with a path — guided practice

Join simple shapes into a clean editable silhouette.

Create a new 64×64 px document for chat. Draw a rectangle with X 10, Y12, W44, H32 and a triangle tail with vertices(22, 40), (22, 52), (34, 40). Use shapes or the Bezier tool; numeric targets guide the drawing.

1. 1. Step 1

   Draw the rectangle. With the Bezier tool click the three tail vertices, then click the first point to close it. Use a temporary solid fill and no stroke.

   You should see: Two closed shapes overlap.

   Set a reproducible starting state.

2. 2. Step 2

   Overlap the triangle with the rectangle by 4 px: its top edge at y40 lies inside the rectangle ending at y44. Select both and choose Path > Union.

   You should see: Union produces one connected bubble outline.

   Use editable geometry and explicit values.

3. 3. Step 3

   Apply fill none and 4 px dark stroke. Use Node tool to inspect the resulting outline; remove only an accidental extra point, undoing if the outline changes badly.

   You should see: The final icon uses the shared stroke style.

   Check the result against the visual specification.

4. 4. Step 4

   Save club-chat.svg. Compare the tail at 100% zoom with the book’s stroke weight.

   You should see: The chat symbol has a clear tail and editable path.

   Preserve evidence for the next stage.