title: How can I use my own image as prev/next arrow in slick.js?
body: <p>This is what I have right now : </p>
  
  <p><img src="https://i.stack.imgur.com/k8DsZ.png" alt="enter image description here"></p>
  
  <p><a href="http://jsfiddle.net/bheng/6xnax028/1/" rel="nofollow noreferrer"><code>JSFiddle</code></a> : when I use font-awesome</p>
  
  <p><a href="http://jsfiddle.net/bheng/6xnax028/2/" rel="nofollow noreferrer"><code>JSFiddle_2</code></a> : when I tried use image background</p>
  
  <p>Currently, I use font-awesome for the arrows, and now I want to load my own icon instead. </p>
  
  <p>I tried this, but no luck: </p>
  
  <p>I've been struggling for quite a while now. I hope someone can help me resolve this. </p>
  
  <p>Thanks in advance. </p>