iconfu - icon editor and library: 22,969 icons

name		letters or numbers only, at least 6 long
password
confirm password
email		optional (for your gravatar)
real name		optional
Terms of Service	I have read and I accept the Terms of Service.
close

centre colour
edge colour
Click on "centre" and "edge" to set each to the current colour from the colour chooser. Click on the editor to apply the shading.

File
Scale down to	px (max 16px, blank for no scaling)
close

Write 4 javascript functions representing the transformation of a pixel's colour. For each pixel in your icon, these functions will determine the new colour and opacity of that pixel. The parameters (r,g,b,a) are the current colour and opacity of the pixel in question. WARNING: Only use this if you know javascript and you know what you are doing! The default script given here is a simple grayscale transformation. Use this as an example.
channel	transform script
pixel.red = function(r,g,b,a) {	return (r + g + b) / 3;	}
pixel.green = function(r,g,b,a) {	return (r + g + b) / 3;	}
pixel.blue = function(r,g,b,a) {	return (r + g + b) / 3;	}
pixel.alpha = function(r,g,b,a) {	return a;	}
transform close

Colour Count		This is the number of colours you want in the resulting image
	reduce close

Line Thickness	px	The thickness in pixels of the line you want to draw

This is the iconfu library filter. You can find icons by author, by size, by tag, or by attribution. Enter your criteria and hit "find icons" when you're ready.
published by	height	min max
tag1,tag2...	width	min max
attribution
in collection

Frame rate	fps
Transparent Colour	# (#rrggbb or blank for none)


frame	up	down	remove

Help for Versions
This is your edit history. To go back to a previous version, just click on it. Alternatively, use the up/down arrows to go backwards/forwards in your version history.
close

Help for Ellipse and Circle Drawing
The Ellipse Tool will draw a neat circle or ellipse on your image using the current drawing mode. The colour of the ellipse will be the currently selected colour. Set the radii of the ellipse (for a circle, set them both equal) and click on the icon editor to draw it. The point you click will become the centre of your new ellipse. θ is in radians and will rotate your ellipse anti-clockwise. Leave θ at zero for no rotation. To specify a multiple of π, use "p". For example, 0.25p is interpreted as 0.25π, i.e. 45° or approximately 0.785 radians. To draw a filled ellipse, set the inside radii to zero, otherwise iconfu will draw the outline of an ellipse. Use the gradient tool to apply shading across your new ellipse; use the border tool to apply shading to the edge.
close

Help for Shading
The Shading Tool will apply a smooth gradient of colour over your image. Click on "centre" and "edge" to set the gradient colours from the currently selected colour in the colour chooser. Once you have chosen your colours, click on the editor at the point whose colour will be closest to the "centre" colour. The editor will draw a radial gradient using the current drawing mode. The centre of the gradient will have the "centre" colour, edges will have the "edge" colour.
close

Help for Speckle
The Speckler adds some roughness to the icon by randomly changing the colours of each pixel. The amount of roughness is controlled by the value of "max variation" - 1 results in no roughness at all, 256 results in a completely distorted picture. Enter a value for max variation and hit apply.
close

Help for Round Corners
Round off the corners of your icon for the iPhone effect.
close

Help for Resize
Choose a new height and width (up to 16x16 pixels), then hit apply.
close

Help for Publish Your Icon
This will publish the icon you are editing to the iconfu library so that you and others may re-use, re-mix, and re-distribute it.
	Tag
	Tag this icon. Separate tags with commas.
	License
	You must choose a license under which to distribute your work. All the licences listed here allow others to re-use, modify, and re-distribute your work; some are more liberal than others. If the copyright holder of this work (whether you or another person) does not accept any of these licenses, do not publish here. iconfu.com cannot enforce licensing terms for your work. Read and understand the text of the licence you choose prior to publishing here. If this work cannot be distributed under the proposed license, you may not publish it on iconfu.com. The copyright holder (whether you or another person) must agree to this license in order to publish here.
	Attribution
	The name and/or URL of the copyright holder
close

Help for Licensing
The text offered below for each license is not legally binding, it is merely descriptive. Follow the licence url to obtain more information about the licence.

Creative Commons Attribution 3.0
This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation.

Creative Commons Attribution Share Alike 3.0
This license lets others remix, tweak, and build upon your work even for commercial reasons, as long as they credit you and license their new creations under the identical terms. This license is often compared to open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use.

Creative Commons Attribution Non-commercial 3.0
This license lets others remix, tweak, and build upon your work non-commercially, and although their new works must also acknowledge you and be non-commercial, they don't have to license their derivative works on the same terms.

Creative Commons Attribution Non-commercial Share Alike 3.0
This license lets others remix, tweak, and build upon your work non-commercially, as long as they credit you and license their new creations under the identical terms. Others can download and redistribute your work just like the by-nc-nd license, but they can also translate, make remixes, and produce new works based on your work. All new work based on yours will carry the same license, so any derivatives will also be non-commercial in nature.

Public Domain
This license lets others remix, tweak, and build upon your work non-commercially, as long as they credit you and license their new creations under the identical terms. Others can download and redistribute your work just like the by-nc-nd license, but they can also translate, make remixes, and produce new works based on your work. All new work based on yours will carry the same license, so any derivatives will also be non-commercial in nature.

GNU Lesser General Public License
Similar to the Creative Commons Attribution license. The GNU LGPL (this license) allows others re-use, re-mix, and re-distribute your work, for free, even for commercial purposes, as long as the author is attributed. This license is specially adapted for software works; if you are thinking of using this license for icons, consider the Creative Commons Attribution license instead.

GNU General Public License
The GNU GPL (this license) allows others re-use, re-mix, and re-distribute your work, for free, even for commercial purposes, with the following constraints: any work that uses your GPL-licensed work must conspicuously include an appropriate copyright notice identifying you as the copyright holder, and such work if distributed must also be licensed under this license. This license is specially adapted for software works; if you are thinking of using this license for icons, please consider the Creative Commons Attribution Share-Alike license instead.
close

Help for Preview
	Preview Panel
	This pane displays your icon as it looks at its true size. In order to save your work to your own computer, click on the link for the format you desire, or right-click the icon in this pane and choose "Save Image As..." from your browser's context menu. The preview you see here is in .png format; converting to other formats may result in a loss of quality or of transparency.
close

Help for Tools
close

Help for Drawing Mode
close

Help for Actions
	Publish
	Publish your icon to the iconfu library. Your icon will be visible to all other users. By publishing your icon within iconfu.com you agree to distribute this work under the Creative Commons licence. If you want to save your icon to your desktop, right-click the icon in the "preview" pane, and choose "Save As" from your browser's context menu. It is not necessary to publish your icon in order to do this.
	Clear
	Clear all pixels in the editor, or in the selected area if selection is active.
	Resize
	Change the size of the icon you want to draw
	Make a copy
	Make a copy of the icon for later use. Better than searching through version history. If selection is active, only copies selected area.
	Shift Down
	Shifts the entire image 1 pixel down.
	Shift Right
	Shifts the entire image 1 pixel right.
	Shift Up
	Shifts the entire image 1 pixel up.
	Shift Left
	Shifts the entire image 1 pixel left.
	Flip Top-Bottom
	Flip the icon on its horizontal axis
	Flip Left-Right
	Flip the icon on its vertical axis
	Rotate
	Rotate the icon clockwise.
	Blur
	Blur the image
	Draw Border
	Draws a border on the image. Changes the colour of edge pixels to the current colour.
	Speckle
	Add roughness to the icon by randomising pixels.
	Enhance
	Adjusts icon colours so they occupy the whole available spectrum.
	Crop
	When selection is active, deletes parts of the image outside the selected region, and resizes image to the same size as the selection.
	Custom Colour Transform
	Specify a custom means of transforming pixel colours
	Reduce Colours
	Rotate the icon clockwise.
	Invert Alpha
	Invert the transparency of each pixel
	Create Shadow
	Create a copy of the icon with all pixels in the current colour. Useful for creating shadows if your current colour is 50% gray or something similar
	Round Corners
	Invert the transparency of each pixel
close

Help for Colour Chooser
The Colour Chooser determines the colour that will be used for pixel operations in the icon editor. The Colour Chooser offers 3 ways to select a colour - using RGB values, using HSV values, or by picking colours from a palette. Using either RGB or HSV, you can enter a number in the corresponding fields or drag the corresponding slider to the colour you want. The "Alpha" field determines transparency - range 0 to 1, with 0 being totally transparent, and 1 being totally opaque. The slider background on each channel shows a spectrum of colours that are related to the current colour - they are not the complete set of available colours. By changing the current colour, the set of related colours will change also. Use the "sampler" tool to pick a colour from the icon showing in the canvas.
close

Help for Float Actions
A "copy" is a clip of an image that you want to use later - just like copy/paste, but more flexible and powerful. Some of these actions operate on the portion of the copy that overlaps the editor. In these cases the non-overlapped part of the editor is not affected. This way you can use a copy as a kind of stamp, or paintbrush, by repeatedly painting the copy onto the editor in different positions.
	Swap with editor
	Swap the content of this copy with the content of the editor
	Draw
	Draw this copy on the editor using the current draw mode.
	Close Copy
	Dispose of this copy.
close

Help for Levels
This panel shows the distribution of colours in your icon. By manipulating this distribution directly, you can quickly and easily make dramatic changes to your icon. Choose a tool and then click and drag the mouse across a channel to apply that tool. The effect of the tool is greatest close to where you click; the magnitude of the effect is proportional to the distance you drag the mouse.
close

Help for Embedded Comments
For PNG images, comments are stored in iTXt, tEXt, and zTXt "chunks". This panel shows comments embedded in your icon from all text chunks. Embedded comments can be used to carry copyright, licensing, and usage terms, and because they are embedded in the data of the image itself, it is less likely that these terms will be accidentally separated from the icon. Upgrade or renew your subscription for as little as $2.00 for more control over the comments embedded in your icon.
close

Help for Animator
	Animator Panel
	Use the Animator to create animated .gif images. Draw each frame, and when you're ready, click on "insert frame". This will add your current image as a frame in your animation. You can remove and re-order frames afterwards. Iconfu will automatically generate the animation as you add frames. Right-click on the animation and select "save image as..." (or equivalent) from your browser's menu in order to save the animation on your computer. Warning: the .gif format does not support semi-transparent pixels. When creating frames, use only fully opaque pixels. If you want transparency in the animation, use an opaque background colour, and in the animation editor, specify that your chosen background colour shall be made transparent in the result.
close

Help for Background
	Background Colour
	The background-colour controller changes the colour of parts of the screen showing icons. This is useful if you are working on an icon targeting a dark background - you can be sure your icon will still look right.
	Zoom
	The zoom controller changes the size used to represent a single image pixel in the editor. Large pixels allow for easier pixel-by-pixel manipulation; smaller pixels allow a better overview of the image, especially if you are working with larger icons.
close

x-radius			inside x-radius
y-radius			inside y-radius
θ

Max variation:
apply close

Height:				close
Width:

iconfu beta