Icons in the Ubuntu wiki

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:

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 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:IconsPage/iconCircle.png

attachment:IconsPage/iconCircleSmall.png

attachment:IconsPage/iconCircle32.png

attachment:IconsPage/iconCircle48.png

attachment:One Hundred Papercuts x14.svg

attachment:One Hundred Papercuts x64.svg

attachment:Papercuts Ninjas x14.svg

attachment:Papercuts Ninjas x64.svg

attachment:Papercutters x14.svg

attachment:Papercutters x64.svg

attachment:IconsPage/iconQA48.png

attachment:IconsPage/UbuntuGrey.png

attachment:IconsPage/IconKubuntuCircle.png

attachment:IconsPage/edubuntu.png

attachment:IconsPage/iconCircleUn.png

attachment:IconsPage/iconCircleM.png

attachment:IconsPage/lubuntu_logo.png

attachment:IconsPage/lubuntu_circle16.png

attachment:IconsPage/lubuntu_circle24.png

attachment:IconsPage/lubuntu_circle32.png

attachment:IconsPage/lubuntu_circle48.png

attachment:IconsPage/lubuntu_circle64.png

attachment:IconsPage/mac_iso_rounded.png

attachment:IconsPage/mac_iso_semirounded.png

attachment:IconsPage/mac_torrent_rounded.png

attachment:IconsPage/mac_torrent_semirounded.png

attachment:IconsPage/pc32_iso_rounded.png

attachment:IconsPage/pc32_iso_semirounded.png

attachment:IconsPage/pc32_torrent_rounded.png

attachment:IconsPage/pc32_torrent_semirounded.png

attachment:IconsPage/pc64_iso_rounded.png

attachment:IconsPage/pc64_iso_semirounded.png

attachment:IconsPage/pc64_torrent_rounded.png

attachment:IconsPage/pc64_torrent_semirounded.png

attachment:IconsPage/powerpc_iso_rounded.png

attachment:IconsPage/powerpc_iso_semirounded.png

attachment:IconsPage/powerpc_torrent_rounded.png

attachment:IconsPage/powerpc_torrent_semirounded.png

attachment:IconsPage/ubuntu_gnome_logo.png

attachment:IconsPage/ubuntu_gnome_roundel16.png

attachment:IconsPage/ubuntu_gnome_roundel24.png

attachment:IconsPage/ubuntu_gnome_roundel32.png

attachment:IconsPage/ubuntu_gnome_roundel48.png

attachment:IconsPage/ubuntu_gnome_roundel64.png

attachment:IconsPage/launchpad-logo.png

attachment:IconsPage/gstreamer.png

attachment:IconsPage/xine.png

attachment:IconsPage/amarok.png

attachment:IconsPage/mplayer.png

attachment:IconsPage/kaffeine.png

attachment:IconsPage/accessibilityteam.png

Pictograms

See the bottom of this page to see how to recreate these.

attachment:IconsPage/picto_add_48.png

attachment:IconsPage/picto_articles_48.png

attachment:IconsPage/picto_cd-dvd_48.png

attachment:IconsPage/picto_certification_orange_hex_48.png

attachment:IconsPage/picto_community_48.png

attachment:IconsPage/picto_contacts_48.png

attachment:IconsPage/contacts_orange_hex_48.svg

attachment:IconPage/picto_dashboard_orange_hex_48.png

attachment:IconPage/picto_delete_orange_hex_48.png

attachment:IconsPage/picto_developer_48.png

attachment:IconsPage/picto_discussion_48.png

attachment:IconsPage/picto_discussion_orange_hex_48.png

attachment:IconPage/picto_easy_integration_orange_hex_48.png

attachment:picto_easy_to_manage_orange_hex_48.png

attachment:IconsPage/picto_education_48.png

attachment:IconPage/picto_education_orange_hex_48.png

attachment:IconsPage/picto_email_and_chat_48.png

attachment:IconsPage/picto_engineering_48.png

attachment:IconsPage/picto_forum_48.png

attachment:IconsPage/picto_help_48.png

attachment:IconsPage/picto_internet_orange_hex_48.png

attachment:IconsPage/picto_notes_48.png

attachment:IconsPage/picto_office_application_orange_hex_48.png

attachment:IconsPage/picto_projects_we_love_48.png

attachment:IconsPage/picto_start_first_orange_hex_48.png

attachment:IconsPage/picto_training_orange_hex_48.png

attachment:IconsPage/calendar_48.svg

attachment:IconsPage/locations_orange_hex_48.svg

Document Types

attachment:IconsPage/PicDocs.png

attachment:IconsPage/IconBug.png

attachment:IconsPage/PicBugzilla.png

attachment:IconsPage/IconControlCenter.png

attachment:IconsPage/IconControlCenter2.png

attachment:IconsPage/IconHelp.png

attachment:IconsPage/PicHelp3.png

attachment:IconsPage/IconFavourites.png

attachment:IconsPage/IconDevelopment.png

attachment:IconsPage/IconTimezone1.png

attachment:IconsPage/IconUsers.png

attachment:IconsPage/cd.png

attachment:IconsPage/cd-r.png

attachment:IconsPage/cd-rw.png

attachment:IconsPage/dvd-r.png

attachment:IconsPage/dvd-rw.png

attachment:IconsPage/package.png

attachment:IconsPage/documentation.png

Configurations

attachment:IconsPage/IconBoot.png

attachment:IconsPage/IconClockYellow.png

attachment:IconsPage/navigate.png

Programs

attachment:IconsPage/IconSambaShares.png

attachment:IconsPage/PicIRC.png

attachment:IconsPage/IconNautilus.png

attachment:IconsPage/IconMonoDoc.png

attachment:IconsPage/Icongnomeicu3.png

attachment:IconsPage/IconGNOMETerminal.png

attachment:IconsPage/IconApt.png

attachment:IconsPage/kgpg.png

Hardware

attachment:IconsPage/IconComputer.png

attachment:IconsPage/IconLaptop.png

attachment:IconsPage/IconSpeaker.png

attachment:IconsPage/IconDisks.png

attachment:IconsPage/ipod.png

attachment:IconsPage/IconNIC.png

Do's & Dont's, Queries, Caveats

attachment:IconsPage/query.png

attachment:IconsPage/info.png

attachment:IconsPage/warning.png

attachment:IconsPage/important.png

attachment:IconsPage/dont.png

attachment:IconsPage/stop.png

attachment:IconsPage/eyes.png

attachment:IconsPage/note.png

attachment:IconsPage/example.png

attachment:IconsPage/IconTip.png

attachment:IconsPage/IconNote.png

attachment:IconsPage/IconNotes.png

attachment:IconsPage/IconWarning3.png

attachment:IconsPage/IconFAQ.png

attachment:IconsPage/IconHelp2.png

attachment:IconsPage/IconDialog-Warning1.png

attachment:IconsPage/IconHint2.png

attachment:IconsPage/search.png

Actions

attachment:IconsPage/keyboard.png

attachment:IconsPage/keys.png

attachment:IconsPage/terminal.png

attachment:IconsPage/exec.png

attachment:IconsPage/paste.png

attachment:IconsPage/editor.png

attachment:IconsPage/apt.png

attachment:IconsPage/printer.png

attachment:IconsPage/cron.png

Places

attachment:IconsPage/desktop.png

attachment:IconsPage/system.png

attachment:IconsPage/folder.png

attachment:IconsPage/home.png

attachment:IconsPage/ftp.png

attachment:IconsPage/smb.png

attachment:IconsPage/link.png

Outsize

attachment:IconsPage/panel-replacement-distributor-logo.png

attachment:One Hundred Papercuts x192.svg

attachment:Papercuts Ninjas x192.svg

attachment:Papercutters x192.svg

attachment:One Hundred Papercuts banner.svg

attachment:Papercuts Ninjas banner.svg

attachment:Papercutters banner.svg

attachment:IconsPage/xine-medium.png

attachment:IconsPage/beepmediaplayer.png

attachment:IconsPage/PicBeagle.png

attachment:IconsPage/audacity.png

attachment:IconsPage/banshee.png

attachment:IconsPage/flask192x192.png

attachment:IconsPage/champagne_ubuntu.png

Not sorted

attachment:IconsPage/IconEnvelope.png

attachment:IconsPage/IconCalendarOpen.png

attachment:IconsPage/IconAutorization.png

attachment:IconsPage/IconDustTape.png

attachment:IconsPage/IconGlobe.png

attachment:IconsPage/IconCubes.png

attachment:IconsPage/IconHammer2.png

attachment:IconsPage/Iconaccessibility.png

attachment:IconsPage/IconHandPointing.png

attachment:IconsPage/IconHandPointingLeft.png

attachment:IconsPage/IconHandshake.png

attachment:IconsPage/IconCDrom.png

attachment:IconsPage/IconExample48.png

attachment:IconsPage/IconBookmarksClosed.png

attachment:IconsPage/IconBook-small.png

attachment:IconsPage/IconFridge-Small.png

attachment:IconsPage/IconArt-Small.png

attachment:IconsPage/irc-small.png

attachment:IconsPage/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