Blogfreakz - Web Design and Web Development resources » Icons

Create a Sexy Small Download Icon

Marvin@Blogfreakz — Fri, 13 Apr 2012 10:10:38 +0000

Web designer Dillen Verschoor shows a tutorial on how you can create a sexy small download icon for your website. Click on the image above to learn his elegant Photoshop techniques.

Incoming search terms for the article:

How to Create Unicode Icons With CSS

Keith@Blogfreakz — Fri, 09 Mar 2012 03:16:54 +0000

These Unicode icons are a neat an alternative to using images (i.e. gifs) as symbols for your website.

CSS

a[href^="mailto:"]:before { content: "\2709"; }

.phone:before             {   content: "\2706"; }

.important:before         {   content: "\27BD"; }

blockquote:before         {   content: "\275D"; }

blockquote:after          {   content: "\275E"; }

.alert:before             {   content: "\26A0"; }

:before, :after {

color: purple;

p, blockquote {

margin: 20px;

body, a {

color: #333;

text-decoration: none;

font-size: 21px;

Sample HTML

 The   unicode icon on the left is perfect for indicating email addresses

 To the left is a unicode icon for a   phone number

 The icon on the left is a   unicode icon to indicate an important message.

 This message is enclosed in two types of unicode   icons; one for before and one for after.

 The icon on the left is a unicode   icon for 'alert' messages

Incoming search terms for the article:

Free Social Media Icon Set for 1st quarter 2012

Marvin@Blogfreakz — Mon, 27 Feb 2012 03:07:18 +0000

Illustrator guru Jasmina Stanojevich kicks up the web design scene this 2012 with this cool vector social media icon set. Click on the image below to grab the free set today!

Incoming search terms for the article:

91 Free Cool Vector Web Icons

Marvin@Blogfreakz — Fri, 17 Feb 2012 05:07:31 +0000

Tomas Gajar of August Interactive has created a fresh Web UI set that includes 91 cool vector icons for you to use in your designs. The icons are all scalable, available in Photoshop PSDs and Fireworks PNGs, with elements such as volume, view, zoom, player, and download controls with pixel perfect vector features. The entire set is free for use whether for commercial or personal purposes without any restrictions.

Click on the image below to grab this awesome set now!

Incoming search terms for the article:

8 Valentine-Inspired Social Media Icon Designs

Keith@Blogfreakz — Sat, 11 Feb 2012 15:10:21 +0000

It’s almost Valentine’s Day so I’m sharing a way for you and your site visitors to show some love with these 8 nicely designed Valentine-inspired social media icons.

Then again, who says you can only apply these designs during Valentine’s Day? Some of these are good enough to be a permanent part of your site, depending on the theme of course. Here they are in no particular order:

Heart V2 (39 icons)

Download | Preview

Heart Social Icons (12 icons)

Download

Kiss Social Bookmark Icons (8 icons)

Download

Chococons (12 icons)

Download (ICO) for Windows | Download (DMG) for Mac | Download (PNG)

St. Valentine’s Day Social Media Icons (12 icons)

Download

Typical “Kikay” Social Icons (14 icons)

Download

Conversation Hearts (6 icons)

Download

IconText to WebDev Valentine’s Day Icon Pack (5 icons)

Download

Incoming search terms for the article:

Native Android Icons In Vector

Mufti Ali — Sat, 30 Apr 2011 23:46:39 +0000

The Android SDK includes the complete set of icons, however, they are in .PNG format which is not scalable and its hard to customize.

This android icons include most of the native icons form the Android sdk as well as some added bonuses. It’s intended for Android developers, mainly artist.

Note that most of the original icons were created by Google, the creator simply turned them into a more convenient and scalable format format (AI, EPS, SVG). This package is released as public domain and you are free to use and share it’s content in any way you like.

Website: http://www.yay.se/2011/03/native-android-icons-vector-pack

Incoming search terms for the article:

JustVector – Free 100 Monochrome Social Icon

Mufti Ali — Wed, 23 Mar 2011 06:16:43 +0000

JustVector is free 100 monochrome social icons which is designed with simplicity in mind. Provided in vector format, they are fully editable and scale smoothly. They are completely free, even for commercial use, redistribution or remixing (see License).

The original artwork in vector format is provided in .AI and .EPS format (editable in Adobe Illustrator, Freehand, CorelDRAW and Inkscape). Each icon is presented on its own artboard (for more convenient export) – the artboards and paths are all named. The icons are (by default) 90px x 90px on 100px x 100px artboards (5px margins).

Also provided are individual files for each icon, in .PNG and .SVG format. The .PNG icons are 32px x 32px PNG-32s, black on a transparent background. The .SVG icons are 100px x 100px, with a black fill color.

The icons are distributed under the Free Art License, and as such can be copied, distributed, transformed and used as you please.

Requirements: -
Demo: http://www.alexpeattie.com/projects/justvector_icons
License: Free Art License

Incoming search terms for the article:

10 Clean & Minimalist Icon Sets For Designer

Mufti Ali — Fri, 17 Dec 2010 18:24:45 +0000

I love minimalist. For you minimalist lover, below you’ll find 10 clean and minimalist icon sets that you can usefor your next minimalist design.

Discons

Discons is set of 95 clean and minimalist icons, composed of 24px circles. These are each one unified shape – the glyph was combined with the background and knocked out of the shape. This means it’s easier for you to alter colours as there’s only one shape for each icon.

Minicons

Minicons is is set of 16px by 16px icons, covered the most popular social networks and sharing facilities. These icons designed for lighter backgrounds and without inverting them, they work well on dark backgrounds too. The download pack containing the 77 icons.

Switch

Switch is a minimalist icon set presented with clean lines and sharp edges. Part one in the set consists of 54 painstakingly handcrafted icons, free and presented in both light and dark format. You’re free to use these for both personal and commercial use with no credit necessary, but not allowed to distribute directly.

290 Free Vector icons for Wireframe and Application Design

Weblays, talented interface designer is sharing 290 free vector icons for wireframe and application design. This precise icons collection created for interface designers and web designers. Theses icons are easy to adapt to your own needs. They can be used for website wireframes, online application design and software interface mockup.

108 Mono Icons

There are 108 simple icons included in this set. The icons are avaliable in 32×32 px .png (transparent background) format. This icon pack comes with 108 gray icons, bu we can customize the color for free. In Photoshop, use layer styles and apply Color Overlay to customize.

Free Wireframe Toolbar Icons for GUI designers

The entire set totals 244 original icons optimized for 16×16 pixel size and available in 16×16, 32×32 and 48×48 pixel sizes. Royalty Free package includes vector icons in EPS and flash SWF formats for which you have full control to resize without loss of fidelity, color, and effects as you please.

Licensing Options.:

The Creative Commons Attribution-NonCommercial — FREE (use in wireframes, on personal and community web sites, in free and open source software applications and other types of non-commercial usage)
The Royalty Free license — $29.99 (use incommercial websites, applications)

Gcons

gcons is a comprehensive collection of 100 creative, open source and multi-purpose icons in 12 colors for the web and desktop applications. gcons come in 12 different colors and are available in PSD, PNG, JPG and GIF formats. Available size in this release is, 32*32px. gcons is free for personal and commercial designs / applications but the icons may not be sold, sublicensed, rented or transferred.

30 Free Vector Icons by Dezinerfolio

30 free vector icons with an apple touch to it. The download contains the PSD source file. These icons can also be used as iPhone menu bar icons.

iconsweet2

IconSweets2 contains 400+ icons both in 64×64 and 32×32 and 292 16×16 icons, all created as vector Photoshop shapes. This icon set containing over a 1,000+ icons, all in a vector-shaped Photoshop format. iconSweets2 will crunch your icon thirst for all of your iPhone, iPad & Android apps or new web projects!

Iconic

Iconic Icon Set – 136 icons in raster, vector and font formats Iconic is a minimal set of icons consisting of 136 marks in raster, vector and font formats — free for public use.

Incoming search terms for the article:

iconSweets2 – 1,000+ Free Vector Icons

Mufti Ali — Tue, 14 Dec 2010 16:49:36 +0000

Previously blogfreakz has review about iconSweet, free icon set containing 60 vector Photoshop shapes, influenced by icon sets such as Glyphish and Pictoico. Recently another iconsweet, iconsweet2 was released. IconSweets was great, but too limited, so they designed more! iconSweets2 contains 400+ icons both in 64×64 and 32×32 and 292 16×16 icons, all created as vector Photoshop shapes.

This icon set containing over a 1,000+ icons, all in a vector-shaped Photoshop format. iconSweets2 will crunch your icon thirst for all of your iPhone, iPad & Android apps or new web projects!

Requirements:
Demo: http://iconsweets2.com
License: Free License

Incoming search terms for the article:

The Noun Project – Collection Of High-Quality Symbols

Mufti Ali — Mon, 13 Dec 2010 15:23:31 +0000

The Noun Project is a free collection of highly qulaity symbols form the world’s visual language. The Noun Project was created with the challenge of ’sharing, celebrating and enhancing the world’s visual language. It provides an organized, free and constantly growing collection of the highly-recognized symbols that form the world’s visual language, and allows for everyone to share them in fun, meaningful way.

Requirements:
Demo: http://www.thenounproject.com
License: Creative Commons License