title: How to change font awesome icons to line awesome icons
body: <p>I created a class </p>
  
  <pre><code>.image-upload .image-edit input + label:after {
      content: "\f030";
      font-family: 'FontAwesome';
      color: #757575;
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      text-align: center;
      margin: auto;
  }
  </code></pre>
  
  <p>I need to change the camera Icon (font awesome to line awesome )</p>
  
  <p>I have tried </p>
  
  <pre><code>.image-upload .image-edit input + label:after {
      content: "\&amp;#xf368";
      font-family: '"Line Awesome Free"';
      color: #757575;
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      text-align: center;
      margin: auto;
  }
  </code></pre>
  
  <p>But its not working </p>
  
  <p>This is the HTML form</p>
  
  <pre><code>                    &lt;form action=""#&gt;
                          &lt;div class="text-center"&gt;
                              &lt;div class="avatar-upload"&gt;
                                  &lt;div class="avatar-edit"&gt;
                                       &lt;input name="input_file" type="file" id="profile-pic-upload" /&gt;
                                      &lt;label for="profile-pic-upload"&gt;&lt;/label&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
  </code></pre>