title: How to create background for play and pause buttons using xml drawables?
body: <p>I'm going to use two <code>ImageButtons</code> in my app:<strong>Play</strong> and <strong>Pause</strong> buttons, I want to achieve the proper backgrounds using <code>xml drawables</code>, I played around with <code>layer-list</code> for hours but didn't figure out how to use scale and rotate to have a triangle with the desired rotation, neither the pause rects, also checked previous questions and unfortunately didn't help too much,How can I have the exact shapes in xml like image below?
  <a href="https://i.stack.imgur.com/240Nw.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/240Nw.jpg" alt="enter image description here"></a></p>
  
  <p>Any help will be appreciated ...</p>