Add a custom color bar on top of list icon-left

I want to add custom color bar on top of the list icon like in the image.

I tried doing this by

 <a class="item item-icon-left item-icon-right" style="text-align: left;border-top-left-radius: 10px;border-top-right-radius: 10px;
                        border-color: #abadad;
                        ">
  <div style="width: 15px;height:3px; background-color: red;float:left;margin-left:0; "></div>
  <i class="icon ion-clipboard" style="color: #5e5e5e;"></i>

   <h2 style="font-weight: bold;">Bill No:25</h2>
   <i class="icon  ion-card" style="color: #5e5e5e;"></i>
 </a> 

But i can get this

Not what I like to get. Please help me if anyone have done this before or anyone have any idea.
I will be thankful to you.