I couldn’t find a shield shape written in pure CSS that would scale up and down to any size easily, so I decided to create one and i’ll share it with you. The reason i wanted a css solution and didn’t use a font icon was because i wanted to place something inside the shield… i could have just used a font icon to get the shield shape but placing a font icon within a font icon is a bit messy, plus i figured it’d require more code to get displaying reasonably well…