title: How to create pentagon shape for avatar image?
body: <p>I can't figure out how to create pentagon shape for user avatar image (or .svg).</p>
  
  <p>Looking for shape that point down not top.</p>
  
  <p>I have found examples here <a href="http://css-tricks.com/examples/ShapesOfCSS/" rel="nofollow">http://css-tricks.com/examples/ShapesOfCSS/</a> but don't know how to 
  fill image in such shape. Background propertie also won't work, stuck here.</p>
  
  <p><a href="http://imgur.com/L4k9ko0" rel="nofollow">Pentagon example</a></p>