title: How to display a Twitter feed with custom icon instead of profile image with JS
body: <p>So right now I am trying to style a twitter feed that will display on a website. I am using TweeCool to do this (<a href="http://www.tweecool.com/" rel="nofollow">http://www.tweecool.com/</a>). Basically, I am trying to figure out how I can swap the profile thumbnail image, with a custom twitter icon. So basically what I want, is for each tweet to display back with a twitter font icon on the left side of it. With the code below I can get the first tweet displayed as I want but  it does not go through the JS loop to style the others. I am fairly new to JS and Jquery, so was wondering what I could do to make it so that each tweet would prepend the twitter icon to the left of the text such as the first one in the example. Any help would be greatly appreciated!</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
      &lt;head&gt;
       &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"&gt; &lt;/script&gt;
       &lt;script src="http://api.tweecool.com/js/tweecool.min.js" type="text/javascript"&gt;&lt;/script&gt;
       &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet" type="text/css"&gt;
  
      &lt;script&gt;
        $(document).ready(function() {
            $('#tweecool').tweecool({
              //settings
               username : 'cnnbrk', 
               limit : 5,
               profile_image: false
            });
        });
      &lt;/script&gt;
  
      &lt;style&gt;
          #tweecool ul {
              list-style-type: none;
          }
  
          .container-tweet {
              display: block;
              position: relative;
              width: 400px;
          }
  
          #tweecool {
              width: 80%;
              position: absolute;
              margin-left: 0px;
              line-height: 15px;
              font-size: 12px;
          }
  
          .tweetLogo {
              position: absolute;
              margin-top: 10px;
              width: 20%;
          }
  
          .tweetLogo i{
              color: blueviolet;
              font-size: 20px;
  
          }
        &lt;/style&gt;    
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;div class="container-tweet"&gt;
      &lt;div class="tweetLogo"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/div&gt;
      &lt;div id="tweecool"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>