[Solved] How would you make an arrow in a gui with frames? [CLOSED]

Im trying to make a gui with a back button. I want the back button to have an arrow on it. I can't seem to find a position to put the arrow pieces. Here's what i have (i only put the necessary code in):

x = 1
y = 1
p1y = 0.5+(y*0.1*math.sin(math.rad(45)))
p2y = 0.5-(y*0.1*math.sin(math.rad(45)))
p1x = 0.23 - (x*0.1*(1-math.sin(math.rad(45))))
p2x = 0.23 - (x*0.1*(1-math.sin(math.rad(45))))
local arrowmain = Instance.new("Frame", backbutton)
arrowmain.Size = UDim2.new(0.6, 0,0, 0)
arrowmain.Position = UDim2.new(0.23, 0,0.5, 0)
arrowmain.BorderSizePixel = 4
local arrowp1 = Instance.new("Frame", backbutton)
arrowp1.Size = UDim2.new(0.2, 0,0, 0)
arrowp1.Position = UDim2.new(p1x, 0,p1y, 0)
arrowp1.BorderSizePixel = 4
arrowp1.Rotation = 45
local arrowp2 = Instance.new("Frame", backbutton) 
arrowp2.Size = UDim2.new(0.2, 0,0, 0)
arrowp2.Position = UDim2.new(p2x, 0,p2y, 0)
arrowp2.BorderSizePixel = 4
arrowp2.Rotation = 315

Any help would be appreciated thanks.