Related images from iStock | Save Now arrow-right

110 free colorful flat icon by studio4 stock PSD templates and mockups

colorful flat icon by studio4 Photoshop files for personal and commercial use

4 Web Box PSD Templates
<p>4 free web box templates designed with attractive graphics, smooth effects and fresh colors. Generally, web boxes are used to promote services and products. Be sure that these high quality web boxes will surely help you to promote your own brand and will get noticed through their vibrant, sharp style. Each web box contains a placeholder for an icon or image. You can also use the icons, included in the PSD file, if they suit your needs. One thing is for sure - these high quality web boxes will fit various of design projects, so do not hesitate and download the PSD set. Moreover, editing the web box PSD pack will take you only a few minutes, because all layers are separated and grouped properly. Download now for free!</p> <div id="attachment_3437" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-3437" src="http://static.freepsdfiles.net/uploads/2012/03/4_Web_Box_PSD_Templates_Preview_Big.jpg" alt="Preview" width="594" height="1600"/><p class="wp-caption-text">Preview</p></div> <div id="attachment_3438" style="width: 604px" class="wp-caption alignnone"><img class="size-full wp-image-3438" src="http://static.freepsdfiles.net/uploads/2012/03/Fully_Layered_Web_Box_PSD_Templates.jpg" alt="Fully Layered Web Box PSD Templates" width="594" height="457"/><p class="wp-caption-text">Fully Layered Web Box PSD Templates</p></div> <p><strong>Resolution: </strong>924x871<br/><strong>File Format:</strong> PSD<br/><strong>File Size:</strong> 707 KB<br/><strong>Number of Items in Set:</strong> 4<br/><strong>Author: </strong>Free PSD Files </p>

4 Web Box PSD Templates

Metro Vibes UI Kit
<p>Every front-end developer or designer creating huge amounts of code to make UI kits realizes the process can quickly become unmanageable and complex. Developing creative design elements including visual controls, sliders, <a href="http://www.freebiesgallery.com/icons/" target="_blank">icons</a> and <a href="http://www.freebiesgallery.com/buttons/" target="_blank">buttons</a> can create wasted hours of time to get each one right.</p> <p>There is, however, an easy solution. The people at <a href="http://pixelkit.com/" target="_blank">PixelKit</a> are offering a simple solution through the quality designed UI kits and icon sets. This phenomenal library is filled with professional-style UI kits along with other resources ideal for the developer.</p> <p>The Metro Vibes UI kit here offers users a great way to create a high quality site that offers the look and feel that you want. This kit features a number of various options and elements, including a pricing table, a message field, weather field, <a href="http://www.freebiesgallery.com/vector-preloader/" target="_blank">progress bar</a>, and more. The freebie kit features layered PSDs along with more than 30 different elements. These elements all have the same style and appearance, which will help to make it easier to create a site that has a unified aesthetic appearance. In addition, Metro Vibes UI Kit offers <a href="http://www.thedesignwork.com/typography-design-inspiration-1/" target="_blank">great typography</a>, blogging elements, and everything you need to develop a site.</p>
Social Icons Font
<p><img class="alignnone size-full wp-image-4876" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/social-icons-font.jpg" alt="social icons font Social Icons Font" width="800" height="501" title="Social Icons Font"/></p> <p>Today I’m sharing with you all a very useful freebie social icons font that I created using <a href="http://fontastic.me/" target="_blank">fontastic.me</a>. You can embed these icons directly into your webpages without reducing the quality and its real easy to add them.</p> <h3>How to Use:</h3> <p>1. Download the font and unzip it:</p> <p><img class="alignnone size-full wp-image-4873" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/1.png" alt="1 Social Icons Font" width="620" height="86" title="Social Icons Font"/></p> <p>2. Add the CSS file , u"”": ustyles.css” to your project, and link to it from your HTML page.</p> <p>3. Copy the , u"”": ufonts” folder into your website project:</p> <p><img class="alignnone size-full wp-image-4874" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/2.png" alt="2 Social Icons Font" width="620" height="122" title="Social Icons Font"/></p> <p>4. Insert the icon class name into any HTML tag to add the icon. The default CSS class prefix is , u"’": uicon-’:</p> <p><img class="alignnone wp-image-4875 size-full" src="http://www.freebiesgallery.com/wp-content/uploads/2014/07/5.png" alt="5 Social Icons Font" width="620" height="225" title="Social Icons Font"/></p>
Related images from iStock | Save Now arrow-right