Objective: Recreate the Google Logos as accurately as possible, including the letter placement and colors. Use simple SVG shapes, clipping paths, and translate and rotate transforms. Then, create a logo for the mobile class using the Google wordmark as inspiration.
Problems and solutions: We can make the capital G and lower case e letters using a clipping path to clip out the notch in the letters. We can space out the letters roughly, then move them into place using translate transforms. We can turn the letter e using a rotate transform. The crossbars on the G and e require a clipping path; you can see in the examples that the clipping path is not in place yet.