title: How can i change icons from SVG to IMG?
body: <p>Can someone help me to change ICONS from SVG to an PNG image or link ?</p>
  
  <p>I have this code here :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php if ($wo['config']['second_post_button'] == 'reaction') { ?&gt;
   &lt;!-- reaction --&gt;
   &lt;?php if ( isset($wo['story']['viewmode']) &amp;&amp; $wo['story']['viewmode'] == 'lightbox') { ?&gt;
      &lt;div class="wo-reaction wo-reaction-lightbox stat-item unselectable" data-id="&lt;?php echo $wo['story']['id']; ?&gt;"&gt;
    &lt;span class="like-btn like-btn-lightbox unselectable" data-id="&lt;?php echo $wo['story']['id']; ?&gt;" &gt;
     &lt;?php
      if ($wo['loggedin'] &amp;&amp; Wo_IsReacted($wo['story']['id'], $wo['user']['user_id']) === true) {    
       echo Wo_GetReactedTextIcon($wo['story']['id'], $wo['user']['user_id']);
      } else {   
       echo '&lt;span class="status-reaction-'.$wo['story']['id'].' unselectable"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-up"&gt;&lt;path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"&gt;&lt;/path&gt;&lt;/svg&gt; &lt;span class="t_likes'.$wo['story']['id'].'"&gt;&lt;/span&gt; ' . $wo['lang']['like'] . '&lt;/span&gt;';   
      }    
     ?&gt;
    &lt;/span&gt;
    &lt;ul class="reactions-box reactions-lightbox-container-&lt;?php echo $wo['story']['id']; ?&gt; unselectable" data-id="&lt;?php echo $wo['story']['id']; ?&gt;" style="&lt;?php if ($wo['language_type'] == 'rtl') {?&gt; left: auto; &lt;?php }else{ ?&gt; right: auto; &lt;?php }?&gt;"&gt;
  
     &lt;?php if (!empty($wo['reactions_types'])) {
         foreach ($wo['reactions_types'] as $key =&gt; $value) {
          if ($value['status'] == 1) {
           
          ?&gt;
      &lt;li class="reaction reaction-&lt;?php echo $value['id'];?&gt;" data-reaction="&lt;?php echo $value['name'];?&gt;" data-reaction-id="&lt;?php echo $value['id'];?&gt;" data-reaction-lang="&lt;?php echo $value['name'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this,'&lt;?php echo($value['wowonder_small_icon']) ?&gt;',&lt;?php echo($value['is_html']) ?&gt;);"&gt;
       &lt;?php if (preg_match("/&lt;[^&lt;]+&gt;/",$value['wowonder_icon'],$m)) {
           echo($value['wowonder_icon']);
         }
         else{ ?&gt;
            &lt;img src="&lt;?php echo($value['wowonder_icon']) ?&gt;"&gt;
          &lt;?php } ?&gt;
      &lt;/li&gt;
     &lt;?php } } } ?&gt;
  
  
  
     &lt;!-- &lt;li class="reaction reaction-like" data-reaction="Like" data-reaction-lang="&lt;?php echo $wo['lang']['like'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--like"&gt;
       &lt;div class="emoji__hand"&gt;&lt;div class="emoji__thumb"&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-love" data-reaction="Love" data-reaction-lang="&lt;?php echo $wo['lang']['love'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--love"&gt;
       &lt;div class="emoji__heart"&gt;&lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-haha" data-reaction="HaHa" data-reaction-lang="&lt;?php echo $wo['lang']['haha'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--haha"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;
         &lt;div class="emoji__tongue"&gt;&lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-wow" data-reaction="Wow" data-reaction-lang="&lt;?php echo $wo['lang']['wow'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--wow"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyebrows"&gt;&lt;/div&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-sad" data-reaction="Sad" data-reaction-lang="&lt;?php echo $wo['lang']['sad'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--sad"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyebrows"&gt;&lt;/div&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-angry" data-reaction="Angry" data-reaction-lang="&lt;?php echo $wo['lang']['angry'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--angry"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyebrows"&gt;&lt;/div&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt; --&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
   
   &lt;?php } else { ?&gt;
  
   &lt;div class="wo-reaction wo-reaction-post stat-item unselectable" data-id="&lt;?php echo $wo['story']['id']; ?&gt;"&gt;
    &lt;span class="like-btn like-btn-post unselectable"  data-id="&lt;?php echo $wo['story']['id']; ?&gt;" id="react_&lt;?php echo $wo['story']['id']; ?&gt;" &lt;?php if ($wo['loggedin'] &amp;&amp; Wo_IsReacted($wo['story']['id'], $wo['user']['user_id'])) { ?&gt; data_react="1" &lt;?php }else{ ?&gt; data_react="0"&lt;?php } ?&gt; data-reaction-id="&lt;?php echo $wo['reactions_types'][1]['id'];?&gt;"  data-reaction="Like" data-reaction-lang="&lt;?php echo $wo['lang']['like'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReactionLike(this,'&lt;?php echo($wo['reactions_types'][1]['wowonder_small_icon']) ?&gt;',&lt;?php echo($wo['reactions_types'][1]['is_html']) ?&gt;);"&gt;
     &lt;?php
      if ($wo['loggedin'] &amp;&amp; Wo_IsReacted($wo['story']['id'], $wo['user']['user_id']) === true) {    
       echo Wo_GetReactedTextIcon($wo['story']['id'], $wo['user']['user_id']);
      } else {   
       echo '&lt;span class="status-reaction-'.$wo['story']['id'].' unselectable"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-up"&gt;&lt;path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"&gt;&lt;/path&gt;&lt;/svg&gt; &lt;span class="t_likes'.$wo['story']['id'].'"&gt;&lt;/span&gt; ' . $wo['lang']['like'] . '&lt;/span&gt;';   
      }    
     ?&gt;
    &lt;/span&gt;
    &lt;ul class="reactions-box reactions-box-container-&lt;?php echo $wo['story']['id']; ?&gt;" data-id="&lt;?php echo $wo['story']['id']; ?&gt;" style="&lt;?php if ($wo['language_type'] == 'rtl') {?&gt; left: auto; &lt;?php }else{ ?&gt; right: auto; &lt;?php }?&gt;"&gt;
     &lt;?php if (!empty($wo['reactions_types'])) {
         foreach ($wo['reactions_types'] as $key =&gt; $value) {
          if ($value['status'] == 1) {
           
          ?&gt;
      &lt;li class="reaction reaction-&lt;?php echo $value['id'];?&gt;" data-reaction="&lt;?php echo $value['name'];?&gt;" data-reaction-id="&lt;?php echo $value['id'];?&gt;" data-reaction-lang="&lt;?php echo $value['name'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this,'&lt;?php echo($value['wowonder_small_icon']) ?&gt;',&lt;?php echo($value['is_html']) ?&gt;);"&gt;
       &lt;?php if (preg_match("/&lt;[^&lt;]+&gt;/",$value['wowonder_icon'],$m)) {
           echo($value['wowonder_icon']);
         }
         else{ ?&gt;
            &lt;img src="&lt;?php echo($value['wowonder_icon']) ?&gt;"&gt;
          &lt;?php } ?&gt;
      &lt;/li&gt;
     &lt;?php } } } ?&gt;
  
  
  
     &lt;!-- &lt;li class="reaction reaction-like animated_2" data-reaction="Like" data-reaction-lang="&lt;?php echo $wo['lang']['like'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--like"&gt;
       &lt;div class="emoji__hand"&gt;&lt;div class="emoji__thumb"&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-love animated_4" data-reaction="Love" data-reaction-lang="&lt;?php echo $wo['lang']['love'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--love"&gt;
       &lt;div class="emoji__heart"&gt;&lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-haha animated_6" data-reaction="HaHa" data-reaction-lang="&lt;?php echo $wo['lang']['haha'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--haha"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;
         &lt;div class="emoji__tongue"&gt;&lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-wow animated_8" data-reaction="Wow" data-reaction-lang="&lt;?php echo $wo['lang']['wow'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--wow"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyebrows"&gt;&lt;/div&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-sad animated_10" data-reaction="Sad" data-reaction-lang="&lt;?php echo $wo['lang']['sad'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--sad"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyebrows"&gt;&lt;/div&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt;
     &lt;li class="reaction reaction-angry animated_12" data-reaction="Angry" data-reaction-lang="&lt;?php echo $wo['lang']['angry'];?&gt;" data-post-id="&lt;?php echo $wo['story']['id']; ?&gt;" onclick="Wo_RegisterReaction(this);"&gt;
      &lt;div class="emoji emoji--angry"&gt;
       &lt;div class="emoji__face"&gt;
        &lt;div class="emoji__eyebrows"&gt;&lt;/div&gt;
        &lt;div class="emoji__eyes"&gt;&lt;/div&gt;
        &lt;div class="emoji__mouth"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     &lt;/li&gt; --&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
   &lt;?php } ?&gt;
  
  &lt;?php }else{ ?&gt;
  
    &lt;!-- Normal Like --&gt;
    &lt;span onclick="Wo_RegisterLike(&lt;?php echo $wo['story']['id']; ?&gt;);" id="like-button" class="btn btn-default stat-item" title="&lt;?php echo $wo['lang']['like'];?&gt;"&gt;
    &lt;?php
    $second_btn_wonder = ($wo['config']['second_post_button'] == 'dislike') ? $wo['lang']['dislike'] : $wo['lang']['wonder'];
    $second_btn_wondered = ($wo['config']['second_post_button'] == 'dislike') ? $wo['lang']['disliked'] : $wo['lang']['wondered'];
    if ($wo['story']['is_liked'] === true) {    
      echo '&lt;span class="active-like"&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-up"&gt;&lt;path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"&gt;&lt;/path&gt;&lt;/svg&gt; ' . $wo['lang']['liked'] . '&lt;/span&gt;';   
    } else {   
      echo '&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-up"&gt;&lt;path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"&gt;&lt;/path&gt;&lt;/svg&gt; ' . $wo['lang']['like'];   
    }    
    ?&gt;
    &lt;/span&gt;
    &lt;?php if ($wo['config']['second_post_button'] != 'disabled') { ?&gt;
    &lt;span onclick="Wo_RegisterWonder(&lt;?php echo $wo['story']['id']; ?&gt;);" id="wonder-button" class="btn btn-default stat-item" title="&lt;?php echo $wo['second_post_button_text'];?&gt;"&gt;
    &lt;?php 
    if ($wo['story']['is_wondered'] === true) {  
      echo '&lt;span class="active-wonder"&gt;' . $wo['second_post_button_icon'] . '&lt;span class="like-btn-mobile"&gt;' . $second_btn_wondered . '&lt;/span&gt;&lt;/span&gt;'; 
    } else {    
      echo '' . $wo['second_post_button_icon'] . ' &lt;span class="like-btn-mobile"&gt;' . $second_btn_wonder . '&lt;/span&gt;';
    }
    ?&gt;          
    &lt;/span&gt;
    &lt;?php } ?&gt;
  
  &lt;?php } ?&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is a button type of : Like Button ... And near the text is a icon..I want to change that icons but i cant,,Because i dont find the SVG files for icons...
  Its like a Like Button...Appear a small icon after is the text : Like ..</p>
  
  <p>Thanks</p>