The translate( []) transform function moves the object by x and y. If y is not provided, it is assumed to be 0. In other words: xnew = xold + < x > ynew = yold + < y > Example < svg viewBox = " 0 0 100 100 " xmlns = " http://www.w3.org/2000/svg " > < rect x = " 5 " y = " 5 " width = " 40 " height = " 40 " fill = " green " />