IconsPage

Tag/tag.png

Needs Updating
This article needs updating to include the latest versions of Ubuntu. More info...

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:

IconUbuntu.png

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 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 IconUbuntu.png

attachment:IconsPage/iconCircle.png iconCircle.png

attachment:IconsPage/iconCircleSmall.png iconCircleSmall.png

attachment:IconsPage/iconCircle32.png iconCircle32.png

attachment:IconsPage/iconCircle48.png iconCircle48.png

attachment:IconsPage/iconQA48.png iconQA48.png

attachment:IconsPage/UbuntuGrey.png UbuntuGrey.png

attachment:IconsPage/IconKubuntuCircle.png IconKubuntuCircle.png

attachment:IconsPage/edubuntu.png edubuntu.png

attachment:IconsPage/lubuntu_logo.png lubuntu_logo.png

attachment:IconsPage/lubuntu_circle16.png lubuntu_circle16.png

attachment:IconsPage/lubuntu_circle24.png lubuntu_circle24.png

attachment:IconsPage/lubuntu_circle32.png lubuntu_circle32.png

attachment:IconsPage/lubuntu_circle48.png lubuntu_circle48.png

attachment:IconsPage/lubuntu_circle64.png lubuntu_circle64.png

attachment:IconsPage/mac_iso_rounded.png mac_iso_rounded.png

attachment:IconsPage/mac_iso_semirounded.png mac_iso_semirounded.png

attachment:IconsPage/mac_torrent_rounded.png mac_torrent_rounded.png

attachment:IconsPage/mac_torrent_semirounded.png mac_torrent_semirounded.png

attachment:IconsPage/pc32_iso_rounded.png pc32_iso_rounded.png

attachment:IconsPage/pc32_iso_semirounded.png pc32_iso_semirounded.png

attachment:IconsPage/pc32_torrent_rounded.png pc32_torrent_rounded.png

attachment:IconsPage/pc32_torrent_semirounded.png pc32_torrent_semirounded.png

attachment:IconsPage/pc64_iso_rounded.png pc64_iso_rounded.png

attachment:IconsPage/pc64_iso_semirounded.png pc64_iso_semirounded.png

attachment:IconsPage/pc64_torrent_rounded.png pc64_torrent_rounded.png

attachment:IconsPage/pc64_torrent_semirounded.png pc64_torrent_semirounded.png

attachment:IconsPage/powerpc_iso_rounded.png powerpc_iso_rounded.png

attachment:IconsPage/powerpc_iso_semirounded.png powerpc_iso_semirounded.png

attachment:IconsPage/powerpc_torrent_rounded.png powerpc_torrent_rounded.png

attachment:IconsPage/powerpc_torrent_semirounded.png powerpc_torrent_semirounded.png

attachment:IconsPage/ubuntu_gnome_logo.png ubuntu_gnome_logo.png

attachment:IconsPage/ubuntu_gnome_roundel16.png ubuntu_gnome_roundel16.png

attachment:IconsPage/ubuntu_gnome_roundel24.png ubuntu_gnome_roundel24.png

attachment:IconsPage/ubuntu_gnome_roundel32.png ubuntu_gnome_roundel32.png

attachment:IconsPage/ubuntu_gnome_roundel48.png ubuntu_gnome_roundel48.png

attachment:IconsPage/ubuntu_gnome_roundel64.png ubuntu_gnome_roundel64.png

attachment:IconsPage/launchpad-logo.png launchpad-logo.png


Pictograms

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

Remember to use the syntax  {{attachment:IconsPage/ICONNAME}} 

IconsPage/picto_add_48.png
picto_add_48.png

IconsPage/picto_articles_48.png
picto_articles_48.png

IconsPage/picto_cd-dvd_48.png
picto_cd-dvd_48.png

IconsPage/picto_certification_orange_hex_48.png
picto_certification_orange_hex_48.png

IconsPage/picto_community_48.png
picto_community_48.png

IconsPage/picto_contacts_48.png
picto_contacts_48.png
contacts_orange_hex_48.svg

IconsPage/picto_dashboard_orange_hex_48.png
picto_dashboard_orange_hex_48.png

IconsPage/picto_delete_orange_hex_48.png
picto_delete_orange_hex_48.png

IconsPage/picto_developer_48.png
picto_developer_48.png

IconsPage/picto_discussion_48.png
picto_discussion_48.png
picto_discussion_orange_hex_48.png

IconsPage/picto_easy_integration_orange_hex_48.png
picto_easy_integration_orange_hex_48.png

picto_easy_to_manage_orange_hex_48.png
picto_easy_to_manage_orange_hex_48.png

IconsPage/picto_education_48.png
picto_education_48.png
picto_education_orange_hex_48.png

IconsPage/picto_email_and_chat_48.png
picto_email_and_chat_48.png

IconsPage/picto_engineering_48.png
picto_engineering_48.png

IconsPage/picto_forum_48.png<<BR>picto_forum_48.png

IconsPage/picto_help_48.png
picto_help_48.png

IconsPage/picto_internet_orange_hex_48.png
picto_internet_orange_hex_48.png

IconsPage/picto_notes_48.png
picto_notes_48.png

IconsPage/picto_office_application_orange_hex_48.png
picto_office_application_orange_hex_48.png

IconsPage/picto_projects_we_love_48.png
picto_projects_we_love_48.png

IconsPage/picto_start_first_orange_hex_48.png
picto_start_first_orange_hex_48.png

IconsPage/picto_training_orange_hex_48.png
picto_training_orange_hex_48.png

IconsPage/calendar_48.svg
calendar_48.svg

IconsPage/locations_orange_hex_48.svg
picto_locations_48.png
locations_orange_hex_48.svg

IconsPage/picto_calendar_48.png
picto_calendar_48.png


Document Types

attachment:IconsPage/PicDocs.png PicDocs.png

attachment:IconsPage/IconBug.png IconBug.png

attachment:IconsPage/IconControlCenter.png IconControlCenter.png

attachment:IconsPage/IconControlCenter2.png IconControlCenter2.png

attachment:IconsPage/IconHelp.png IconHelp.png

attachment:IconsPage/IconFavourites.png IconFavourites.png

attachment:IconsPage/IconDevelopment.png IconDevelopment.png

attachment:IconsPage/IconTimezone1.png IconTimezone1.png

attachment:IconsPage/IconUsers.png IconUsers.png

attachment:IconsPage/cd.png cd.png

attachment:IconsPage/cd-r.png cd-r.png

attachment:IconsPage/cd-rw.png cd-rw.png

attachment:IconsPage/dvd-r.png dvd-r.png

attachment:IconsPage/dvd-rw.png dvd-rw.png

attachment:IconsPage/package.png package.png

attachment:IconsPage/documentation.png documentation.png


Configurations

attachment:IconsPage/IconClockYellow.png IconClockYellow.png


Programs

attachment:IconsPage/PicIRC.png PicIRC.png

attachment:IconsPage/Icongnomeicu3.png Icongnomeicu3.png

attachment:IconsPage/IconGNOMETerminal.png IconGNOMETerminal.png

attachment:IconsPage/IconApt.png IconApt.png

attachment:IconsPage/kgpg.png kgpg.png


Hardware

attachment:IconsPage/IconComputer.png IconComputer.png

attachment:IconsPage/IconLaptop.png IconLaptop.png

attachment:IconsPage/IconSpeaker.png IconSpeaker.png

attachment:IconsPage/IconDisks.png IconDisks.png

attachment:IconsPage/ipod.png ipod.png

attachment:IconsPage/IconNIC.png IconNIC.png


Do's & Dont's, Queries, Caveats

attachment:IconsPage/query.png query.png

attachment:IconsPage/info.png info.png

attachment:IconsPage/warning.png warning.png

attachment:IconsPage/important.png important.png

attachment:IconsPage/dont.png dont.png

attachment:IconsPage/stop.png stop.png

attachment:IconsPage/eyes.png eyes.png

attachment:IconsPage/note.png note.png

attachment:IconsPage/example.png example.png

attachment:IconsPage/IconTip.png IconTip.png

attachment:IconsPage/IconNote.png IconNote.png

attachment:IconsPage/IconNotes.png IconNotes.png

attachment:IconsPage/IconWarning3.png IconWarning3.png

attachment:IconsPage/IconFAQ.png IconFAQ.png

attachment:IconsPage/IconHelp2.png IconHelp2.png

attachment:IconsPage/IconDialog-Warning1.png IconDialog-Warning1.png

attachment:IconsPage/IconHint2.png IconHint2.png

attachment:IconsPage/search.png search.png


Actions

attachment:IconsPage/keyboard.png keyboard.png

attachment:IconsPage/keys.png keys.png

attachment:IconsPage/terminal.png terminal.png

attachment:IconsPage/exec.png exec.png

attachment:IconsPage/paste.png paste.png

attachment:IconsPage/editor.png editor.png

attachment:IconsPage/apt.png apt.png

attachment:IconsPage/printer.png printer.png

attachment:IconsPage/cron.png cron.png


Places

attachment:IconsPage/desktop.png desktop.png

attachment:IconsPage/system.png system.png

attachment:IconsPage/link.png link.png


Outsize

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

attachment:IconsPage/flask192x192.png flask192x192.png

attachment:IconsPage/champagne_ubuntu.png champagne_ubuntu.png


Not sorted

attachment:IconsPage/IconEnvelope.png IconEnvelope.png

attachment:IconsPage/IconCalendarOpen.png IconCalendarOpen.png

attachment:IconsPage/IconAutorization.png IconAutorization.png

attachment:IconsPage/IconDustTape.png IconDustTape.png

attachment:IconsPage/IconGlobe.png IconGlobe.png

attachment:IconsPage/IconCubes.png IconCubes.png

attachment:IconsPage/IconHammer2.png IconHammer2.png

attachment:IconsPage/Iconaccessibility.png Iconaccessibility.png

attachment:IconsPage/IconHandPointing.png IconHandPointing.png

attachment:IconsPage/IconHandPointingLeft.png IconHandPointingLeft.png

attachment:IconsPage/IconHandshake.png IconHandshake.png

attachment:IconsPage/IconCDrom.png IconCDrom.png

attachment:IconsPage/IconExample48.png IconExample48.png

attachment:IconsPage/IconBookmarksClosed.png IconBookmarksClosed.png

attachment:IconsPage/IconBook-small.png IconBook-small.png

attachment:IconsPage/IconFridge-Small.png IconFridge-Small.png

attachment:IconsPage/IconArt-Small.png IconArt-Small.png

attachment:IconsPage/irc-small.png irc-small.png

attachment:IconsPage/Reviewers-team.png 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

IconsPage (last edited 2015-01-27 17:14:43 by xdsl-83-150-81-40)