<<Include(Tag/NeedsUpdating)>>
= Icons in the Ubuntu wiki =
||<tablestyle="float:right; width:40%; background:#F1F1ED; margin: 0 0 1em 1em;" style="padding:0.5em;">'''Table of Contents'''<<BR>> <<TableOfContents>>||


== Introduction ==

This page describes the availability and use of icons in the Ubuntu wiki. If you wish to insert icons into your wiki page, then please read this page and make full use of the splendid icons available. If you add more, PLEASE ADD THEM TO THIS PAGE, so that others can use and benefit from your icons. The page contains instruction on how to use icons in the moinmoin markup and a complete list of the icons themselves. Enjoy!

'''If you add an icon to the wiki, please add it here as well. It will be much easier to find later.'''

== Courtesy ==
Make sure all your images are converted to .png format, since .jpg and .gif are both proprietary format! The best way to get non-proprietary formats accepted is to use them! 'course, I doubt any heads will explode if you use .jpg or .gif or whatever.

== Adding icons  ==
To add icons to this page as attachments,  select from the "More Actions" pull down menu (located at the top and bottom of the wiki page) the "attachments" option. From that page, simply select which icon to upload from your computer.  After doing this, the uploaded icon will be available to insert in any pages of the wiki.

== Moinmoin markup ==

The moinmoin markup is the main pagetype to be used in the ubuntu wiki. For instructions as to its use, see HelpOnEditing. In order to insert icons or any other images, you simply use their wiki location like this:
{{{
attachment:IconsPage/IconUbuntu.png
}}}
Produces:

{{attachment:IconUbuntu.png}}

{{attachment:IconUsers.png}} This is an icon with text beside it, and I'm going to type and type and type so that you can see how it wraps, because you like to see how stuff works, since it's how people usually are able to learn, especially with code.

And this is an {{attachment:IconUsers.png}} example of an inline icon, and how the text will wrap around it and all that good mojo jo jo.

== Icons ==

'''If you add an icon to the wiki, please add it here as well. It will be much easier to find later.'''



=== Logos ===


{{{attachment:IconsPage/IconUbuntu.png}}}
{{attachment:IconUbuntu.png}}

{{{attachment:IconsPage/iconCircle.png}}}
{{attachment:iconCircle.png}}

{{{attachment:IconsPage/iconCircleSmall.png}}}
{{attachment:iconCircleSmall.png}}

{{{attachment:IconsPage/iconCircle32.png}}}
{{attachment:iconCircle32.png}}

{{{attachment:IconsPage/iconCircle48.png}}}
{{attachment:iconCircle48.png}}

{{{attachment:IconsPage/iconQA48.png}}}
{{attachment:iconQA48.png}}

{{{attachment:IconsPage/UbuntuGrey.png}}}
{{attachment:UbuntuGrey.png}}

{{{attachment:IconsPage/IconKubuntuCircle.png}}}
{{attachment:IconKubuntuCircle.png}}

{{{attachment:IconsPage/edubuntu.png}}}
{{attachment:edubuntu.png}}

{{{attachment:IconsPage/lubuntu_logo.png}}}
{{attachment:lubuntu_logo.png}}

{{{attachment:IconsPage/lubuntu_circle16.png}}}
{{attachment:lubuntu_circle16.png}}

{{{attachment:IconsPage/lubuntu_circle24.png}}}
{{attachment:lubuntu_circle24.png}}

{{{attachment:IconsPage/lubuntu_circle32.png}}}
{{attachment:lubuntu_circle32.png}}

{{{attachment:IconsPage/lubuntu_circle48.png}}}
{{attachment:lubuntu_circle48.png}}

{{{attachment:IconsPage/lubuntu_circle64.png}}}
{{attachment:lubuntu_circle64.png}}

{{{attachment:IconsPage/mac_iso_rounded.png}}}
{{attachment:mac_iso_rounded.png}}

{{{attachment:IconsPage/mac_iso_semirounded.png}}}
{{attachment:mac_iso_semirounded.png}}

{{{attachment:IconsPage/mac_torrent_rounded.png}}}
{{attachment:mac_torrent_rounded.png}}

{{{attachment:IconsPage/mac_torrent_semirounded.png}}}
{{attachment:mac_torrent_semirounded.png}}

{{{attachment:IconsPage/pc32_iso_rounded.png}}}
{{attachment:pc32_iso_rounded.png}}

{{{attachment:IconsPage/pc32_iso_semirounded.png}}}
{{attachment:pc32_iso_semirounded.png}}

{{{attachment:IconsPage/pc32_torrent_rounded.png}}}
{{attachment:pc32_torrent_rounded.png}}

{{{attachment:IconsPage/pc32_torrent_semirounded.png}}}
{{attachment:pc32_torrent_semirounded.png}}

{{{attachment:IconsPage/pc64_iso_rounded.png}}}
{{attachment:pc64_iso_rounded.png}}

{{{attachment:IconsPage/pc64_iso_semirounded.png}}}
{{attachment:pc64_iso_semirounded.png}}

{{{attachment:IconsPage/pc64_torrent_rounded.png}}}
{{attachment:pc64_torrent_rounded.png}}

{{{attachment:IconsPage/pc64_torrent_semirounded.png}}}
{{attachment:pc64_torrent_semirounded.png}}

{{{attachment:IconsPage/powerpc_iso_rounded.png}}}
{{attachment:powerpc_iso_rounded.png}}

{{{attachment:IconsPage/powerpc_iso_semirounded.png}}}
{{attachment:powerpc_iso_semirounded.png}}

{{{attachment:IconsPage/powerpc_torrent_rounded.png}}}
{{attachment:powerpc_torrent_rounded.png}}

{{{attachment:IconsPage/powerpc_torrent_semirounded.png}}}
{{attachment:powerpc_torrent_semirounded.png}}

{{{attachment:IconsPage/ubuntu_gnome_logo.png}}}
{{attachment:ubuntu_gnome_logo.png}}

{{{attachment:IconsPage/ubuntu_gnome_roundel16.png}}}
{{attachment:ubuntu_gnome_roundel16.png}}

{{{attachment:IconsPage/ubuntu_gnome_roundel24.png}}}
{{attachment:ubuntu_gnome_roundel24.png}}

{{{attachment:IconsPage/ubuntu_gnome_roundel32.png}}}
{{attachment:ubuntu_gnome_roundel32.png}}

{{{attachment:IconsPage/ubuntu_gnome_roundel48.png}}}
{{attachment:ubuntu_gnome_roundel48.png}}

{{{attachment:IconsPage/ubuntu_gnome_roundel64.png}}}
{{attachment:ubuntu_gnome_roundel64.png}}

{{{attachment:IconsPage/launchpad-logo.png}}}
{{attachment:launchpad-logo.png}}

<<BR>>
=== Pictograms ===

See the bottom of this page to see how to recreate these.

||<tablestyle="width: 90%;" #f2f2f2 -2> '''Remember to use the syntax {{{ {{attachment:IconsPage/ICONNAME}} }}} ||
||<50%> {{attachment:IconsPage/picto_add_48.png}}<<BR>>picto_add_48.png ||<50%> {{attachment:IconsPage/picto_articles_48.png}}<<BR>>picto_articles_48.png ||
|| {{attachment:IconsPage/picto_cd-dvd_48.png}}<<BR>>picto_cd-dvd_48.png || {{attachment:IconsPage/picto_certification_orange_hex_48.png}}<<BR>>picto_certification_orange_hex_48.png ||
|| {{attachment:IconsPage/picto_community_48.png}}<<BR>>picto_community_48.png || {{attachment:IconsPage/picto_contacts_48.png}}<<BR>>picto_contacts_48.png<<BR>>contacts_orange_hex_48.svg ||
|| {{attachment:IconsPage/picto_dashboard_orange_hex_48.png}}<<BR>>picto_dashboard_orange_hex_48.png || {{attachment:IconsPage/picto_delete_orange_hex_48.png}}<<BR>>picto_delete_orange_hex_48.png ||
|| {{attachment:IconsPage/picto_developer_48.png}}<<BR>>picto_developer_48.png || {{attachment:IconsPage/picto_discussion_48.png}}<<BR>>picto_discussion_48.png<<BR>>picto_discussion_orange_hex_48.png ||
|| {{attachment:IconsPage/picto_easy_integration_orange_hex_48.png}}<<BR>>picto_easy_integration_orange_hex_48.png || {{attachment:picto_easy_to_manage_orange_hex_48.png}}<<BR>>picto_easy_to_manage_orange_hex_48.png ||
|| {{attachment:IconsPage/picto_education_48.png}}<<BR>>picto_education_48.png<<BR>>picto_education_orange_hex_48.png || {{attachment:IconsPage/picto_email_and_chat_48.png}}<<BR>>picto_email_and_chat_48.png ||
|| {{attachment:IconsPage/picto_engineering_48.png}}<<BR>>picto_engineering_48.png || {{attachment:IconsPage/picto_forum_48.png}}<<BR>picto_forum_48.png ||
|| {{attachment:IconsPage/picto_help_48.png}}<<BR>>picto_help_48.png || {{attachment:IconsPage/picto_internet_orange_hex_48.png}}<<BR>>picto_internet_orange_hex_48.png ||
|| {{attachment:IconsPage/picto_notes_48.png}}<<BR>>picto_notes_48.png || {{attachment:IconsPage/picto_office_application_orange_hex_48.png}}<<BR>>picto_office_application_orange_hex_48.png ||
|| {{attachment:IconsPage/picto_projects_we_love_48.png}}<<BR>>picto_projects_we_love_48.png || {{attachment:IconsPage/picto_start_first_orange_hex_48.png}}<<BR>>picto_start_first_orange_hex_48.png ||
|| {{attachment:IconsPage/picto_training_orange_hex_48.png}}<<BR>>picto_training_orange_hex_48.png || {{attachment:IconsPage/calendar_48.svg}}<<BR>>calendar_48.svg ||
|| {{attachment:IconsPage/locations_orange_hex_48.svg}}<<BR>>picto_locations_48.png<<BR>>locations_orange_hex_48.svg || {{attachment:IconsPage/picto_calendar_48.png}}<<BR>>picto_calendar_48.png ||

<<BR>>
=== Document Types ===

{{{attachment:IconsPage/PicDocs.png}}}
{{attachment:PicDocs.png}}

{{{attachment:IconsPage/IconBug.png}}}
{{attachment:IconBug.png}}

{{{attachment:IconsPage/IconControlCenter.png}}}
{{attachment:IconControlCenter.png}}

{{{attachment:IconsPage/IconControlCenter2.png}}}
{{attachment:IconControlCenter2.png}}

{{{attachment:IconsPage/IconHelp.png}}}
{{attachment:IconHelp.png}}

{{{attachment:IconsPage/IconFavourites.png}}}
{{attachment:IconFavourites.png}}

{{{attachment:IconsPage/IconDevelopment.png}}}
{{attachment:IconDevelopment.png}}

{{{attachment:IconsPage/IconTimezone1.png}}}
{{attachment:IconTimezone1.png}}

{{{attachment:IconsPage/IconUsers.png}}}
{{attachment:IconUsers.png}}

{{{attachment:IconsPage/cd.png}}}
{{attachment:cd.png}}

{{{attachment:IconsPage/cd-r.png}}}
{{attachment:cd-r.png}}

{{{attachment:IconsPage/cd-rw.png}}}
{{attachment:cd-rw.png}}

{{{attachment:IconsPage/dvd-r.png}}}
{{attachment:dvd-r.png}}

{{{attachment:IconsPage/dvd-rw.png}}}
{{attachment:dvd-rw.png}}

{{{attachment:IconsPage/package.png}}}
{{attachment:package.png}}

{{{attachment:IconsPage/documentation.png}}}
{{attachment:documentation.png}}

<<BR>>
=== Configurations ===

{{{attachment:IconsPage/IconClockYellow.png}}}
{{attachment:IconClockYellow.png}}

<<BR>>
=== Programs ===

{{{attachment:IconsPage/PicIRC.png}}}
{{attachment:PicIRC.png}}

{{{attachment:IconsPage/Icongnomeicu3.png}}}
{{attachment:Icongnomeicu3.png}}

{{{attachment:IconsPage/IconGNOMETerminal.png}}}
{{attachment:IconGNOMETerminal.png}}

{{{attachment:IconsPage/IconApt.png}}}
{{attachment:IconApt.png}}

{{{attachment:IconsPage/kgpg.png}}}
{{attachment:kgpg.png}}



<<BR>>
=== Hardware ===

{{{attachment:IconsPage/IconComputer.png}}}
{{attachment:IconComputer.png}}

{{{attachment:IconsPage/IconLaptop.png}}}
{{attachment:IconLaptop.png}}

{{{attachment:IconsPage/IconSpeaker.png}}}
{{attachment:IconSpeaker.png}}

{{{attachment:IconsPage/IconDisks.png}}}
{{attachment:IconDisks.png}}

{{{attachment:IconsPage/ipod.png}}}
{{attachment:ipod.png}}

{{{attachment:IconsPage/IconNIC.png}}}
{{attachment:IconNIC.png}}


<<BR>>
=== Do's & Dont's, Queries, Caveats ===

{{{attachment:IconsPage/query.png}}}
{{attachment:query.png}}

{{{attachment:IconsPage/info.png}}}
{{attachment:info.png}}

{{{attachment:IconsPage/warning.png}}}
{{attachment:warning.png}}

{{{attachment:IconsPage/important.png}}}
{{attachment:important.png}}

{{{attachment:IconsPage/dont.png}}}
{{attachment:dont.png}}

{{{attachment:IconsPage/stop.png}}}
{{attachment:stop.png}}

{{{attachment:IconsPage/eyes.png}}}
{{attachment:eyes.png}}

{{{attachment:IconsPage/note.png}}}
{{attachment:note.png}}

{{{attachment:IconsPage/example.png}}}
{{attachment:example.png}}

{{{attachment:IconsPage/IconTip.png}}}
{{attachment:IconTip.png}}

{{{attachment:IconsPage/IconNote.png}}}
{{attachment:IconNote.png}}

{{{attachment:IconsPage/IconNotes.png}}}
{{attachment:IconNotes.png}}

{{{attachment:IconsPage/IconWarning3.png}}}
{{attachment:IconWarning3.png}}

{{{attachment:IconsPage/IconFAQ.png}}}
{{attachment:IconFAQ.png}}

{{{attachment:IconsPage/IconHelp2.png}}}
{{attachment:IconHelp2.png}}

{{{attachment:IconsPage/IconDialog-Warning1.png}}}
{{attachment:IconDialog-Warning1.png}}

{{{attachment:IconsPage/IconHint2.png}}}
{{attachment:IconHint2.png}}

{{{attachment:IconsPage/search.png}}}
{{attachment:search.png}}



<<BR>>
=== Actions ===

{{{attachment:IconsPage/keyboard.png}}}
{{attachment:keyboard.png}}

{{{attachment:IconsPage/keys.png}}}
{{attachment:keys.png}}

{{{attachment:IconsPage/terminal.png}}}
{{attachment:terminal.png}}

{{{attachment:IconsPage/exec.png}}}
{{attachment:exec.png}}

{{{attachment:IconsPage/paste.png}}}
{{attachment:paste.png}}

{{{attachment:IconsPage/editor.png}}}
{{attachment:editor.png}}

{{{attachment:IconsPage/apt.png}}}
{{attachment:apt.png}}

{{{attachment:IconsPage/printer.png}}}
{{attachment:printer.png}}

{{{attachment:IconsPage/cron.png}}}
{{attachment:cron.png}}



<<BR>>
=== Places ===

{{{attachment:IconsPage/desktop.png}}}
{{attachment:desktop.png}}

{{{attachment:IconsPage/system.png}}}
{{attachment:system.png}}

{{{attachment:IconsPage/link.png}}}
{{attachment:link.png}}


<<BR>>
=== Outsize ===

{{{attachment:IconsPage/panel-replacement-distributor-logo.png}}}
{{attachment:panel-replacement-distributor-logo.png}}

{{{attachment:IconsPage/flask192x192.png}}}
{{attachment:flask192x192.png}}

{{{attachment:IconsPage/champagne_ubuntu.png}}}
{{attachment:champagne_ubuntu.png}}


<<BR>>
=== Not sorted ===

{{{attachment:IconsPage/IconEnvelope.png}}}
{{attachment:IconEnvelope.png}}

{{{attachment:IconsPage/IconCalendarOpen.png}}}
{{attachment:IconCalendarOpen.png}}

{{{attachment:IconsPage/IconAutorization.png}}}
{{attachment:IconAutorization.png}}

{{{attachment:IconsPage/IconDustTape.png}}}
{{attachment:IconDustTape.png}}

{{{attachment:IconsPage/IconGlobe.png}}}
{{attachment:IconGlobe.png}}

{{{attachment:IconsPage/IconCubes.png}}}
{{attachment:IconCubes.png}}

{{{attachment:IconsPage/IconHammer2.png}}}
{{attachment:IconHammer2.png}}

{{{attachment:IconsPage/Iconaccessibility.png}}}
{{attachment:Iconaccessibility.png}}

{{{attachment:IconsPage/IconHandPointing.png}}}
{{attachment:IconHandPointing.png}}

{{{attachment:IconsPage/IconHandPointingLeft.png}}}
{{attachment:IconHandPointingLeft.png}}

{{{attachment:IconsPage/IconHandshake.png}}}
{{attachment:IconHandshake.png}}

{{{attachment:IconsPage/IconCDrom.png}}}
{{attachment:IconCDrom.png}}

{{{attachment:IconsPage/IconExample48.png}}}
{{attachment:IconExample48.png}}

{{{attachment:IconsPage/IconBookmarksClosed.png}}}
{{attachment:IconBookmarksClosed.png}}

{{{attachment:IconsPage/IconBook-small.png}}}
{{attachment:IconBook-small.png}}

{{{attachment:IconsPage/IconFridge-Small.png}}}
{{attachment:IconFridge-Small.png}}

{{{attachment:IconsPage/IconArt-Small.png}}}
{{attachment:IconArt-Small.png}}

{{{attachment:IconsPage/irc-small.png}}}
{{attachment:irc-small.png}}

{{{attachment:IconsPage/Reviewers-team.png}}}
{{attachment:Reviewers-team.png}}

=== How to recreate pictograms ===

{{{
mkdir icons
cd icons
wget -r -l 1 -A svg http://design.canonical.com/brand/Pictograms/SVG_files/HEX/UBUNTU_ORANGE_HEX/
find . -name '*.svg' -exec mv {} . \;
rm -r design.canonical.com
convert -size 48x48 xc:transparent transparent.png
for svg in *.svg; do convert -background none -trim -geometry 48x48 $svg $svg.tmp.png; composite -gravity center $svg.tmp.png transparent.png $svg.png; rm $svg.tmp.png; done
rm transparent.png
rename 's/.svg/_48/' *.png
rename 's/^/picto_/' *.png
}}}