Open main menu
How to code icons
with sample icons and sources below.


Coding IconsEdit

Adding icons to your pages
You can add icons to pages in many different ways





Method 1
If you want the icon for a typewriter (such as Nuvola apps package wordprocessing.png) then you simply type
[[Image:Nuvola apps package wordprocessing.png|32px]]
and this icon will appear in the middle of your Nuvola apps package wordprocessing.png text and it will be very tiny because you give the size as 32 pixels.




Nuvola apps package wordprocessing.png


Method 2
If you want the icon to appear the right of your text, you can simply write
[[Image:Nuvola apps package wordprocessing.png|right|128px]]

and you will see the icon to the right of your page.





Nuvola apps package wordprocessing.pngMethod 3
Currently, there is no simple way to get the icon to appear on the left and have the text wordwrap around it.




La Typewritter


Method 4
If you want the icon to appear the right of your text inside a border and with a title, you can simply write
[[Image:Nuvola apps package wordprocessing.png|frame|La Typewritter]]




My typewritered


Method 5
For icons which are exactly 128 pixels wide, there is no difference if you specify "thumb" rather than "frame"
[[Image:Nuvola apps package wordprocessing.png|thumb|My typewritered]]





Method 6
For more formatting possibilities, you can put the picture inside frames and place it in a limited number of other locations. Also, you can use other formatting options to center the text under the picture, etc.


Sources for iconsEdit

Storyboard Artwork Project/Stamps → Here are examples:                  


commons:Crystal Clear → Here are examples:              

commons:Nuvola/all → Here are examples:          

commons:Category:Tool icons → Here are examples:                

commons:Nuvola → Here is an example:  

commons:Nuvola/apps → Here is an example:  

commons:User:MG/Icones → Here is an example:  

commons:category:icons → Here are examples:            

commons:Road signs of Sweden → Here are examples:    

commons:Traffic sign → Here is an example:  

commons:Category:Film icons → Here are examples:    

commons:Category:music icons → Here are examples:        

commons:Category:sound icons → Here are examples:    

commons:Category:PD OpenClipart → Here are examples:        

commons:Category:Books icons → Here are examples:  

commons:Category:Logic icons → Here are examples:  

commons:Category:E-mail icons → Here are examples:    

commons:Category:Computer hardware icons → Here are examples:  

commons:Category:Magnifying glass icons → Here are examples:      

commons:Category:Camera icons → Here are examples: 128px

commons:Category:Clocks icons → Here are examples:      

Misc. →  



Category:Icons by subject