Graphics
Differences between revisions 14 and 17 (spanning 3 versions)
|
Size: 7559
Comment: Updated icons and their sizes to match the wiki and the new brand. More changes coming.
|
Size: 6803
Comment: updated list of pictograms
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 4: | Line 4: |
| '''Go back to [[https://wiki.ubuntu.com/UbuntuGNOME/Artwork | Artwork Page]]''' | ||<style="border:none">||<style="padding-top: 0.6em; border: none;">[[https://wiki.ubuntu.com/UbuntuGNOME/Artwork | {{attachment:UbuntuGNOME/Artwork/Graphics/artwork.png}}]]||<style="width: 80%; border: none;" >[[https://wiki.ubuntu.com/UbuntuGNOME/Artwork | Back to Artwork Page]]|| |
| Line 34: | Line 34: |
| The graphics you see here all have the standard size of 32px. In the tables below, the names are specified as `icon_name.png`. For instance, if you want to get a roundel, you shall use | All icons have now been downscaled to 32px. While our main colour remains blue, we've changed it to match the overall look of the wiki. In the tables below, the names are specified as `icon_name.png`. For instance, if you want to get a roundel, you shall use |
| Line 55: | Line 57: |
| ||{{attachment:UbuntuGNOME/Artwork/Graphics/accessibility48.png}} || accessibilityXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/artwork48.png}} || artworkXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/brainstorming48.png}} || brainstormingXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/bugsquad48.png}} || bugsquadXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/communications48.png}} || comunicationsXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/contact48.png}} || contactXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/develpment48.png}} || develpmentXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/documentation48.png}} || documentationXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/download48.png}} || downloadXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/help48.png}} || helpXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/information48.png}} || informationXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/install48.png}} || installXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/love48.png}} || loveXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/media48.png}} || mediaXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/music48.png}} || musicXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/onlineaccounts48.png}} || onlineaccountsXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/people48.png}} || peopleXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/photos48.png}} || photosXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/schedule48.png}} || scheduleXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/share48.png}} || shareXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/todo48.png}} || todoXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/translate48.png}} || translateXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/upgrade48.png}} || upgradeXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/utilities48.png}} || utilitiesXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/videos48.png}} || videosXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/web48.png}} || webXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || |
||{{attachment:UbuntuGNOME/Artwork/Graphics/accessibility.png}} || accessibility.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/apps.png}} || apps.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/artwork.png}} || artwork.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/brainstorming.png}} || brainstorming.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/contact.png}} || contact.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/develpment.png}} || develpment.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/documentation.png}} || documentation.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/download.png}} || download.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/help.png}} || help.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/information.png}} || information.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/install.png}} || install.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/join.png}} || join.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/love.png}} || love.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/schedule.png}} || schedule.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/testing.png}} || testing.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/todo.png}} || todo.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/upgrade.png}} || upgrade.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/utilities.png}} || utilities.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/warning.png}} || warning.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || ||{{attachment:UbuntuGNOME/Artwork/Graphics/work.png}} || work.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || |
| Line 84: | Line 80: |
| ||{{attachment:UbuntuGNOME/Artwork/Graphics/facebook48.png}} || facebookXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 24, 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/google+48.png}} || google+XX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 24, 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/google+_community48.png}} || google+_communityXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 24, 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/twitter48.png}} || twitterXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 24, 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/youtube48.png}} || youtubeXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 24, 32, 48, 64, 96 || |
||{{attachment:UbuntuGNOME/Artwork/Graphics/facebook48.png}} || facebookXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/google+48.png}} || google+XX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/google+_community48.png}} || google+_communityXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/twitter48.png}} || twitterXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 32, 48, 64, 96 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/youtube48.png}} || youtubeXX.png || [[attachment:UbuntuGNOME/Artwork/Graphics/contact-us.svg|Download]] || 32, 48, 64, 96 || |
Read this Site in your language:
Introduction
This page describes the availability and use of icons in the Ubuntu GNOME 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. The page contains instruction on how to use icons in the moinmoin markup and a complete list of the icons themselves. Enjoy!
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:UbuntuGNOME/Artwork/Graphics/roundel48.png
Produces:
And this is an 
example of an in-line icon, and how the text will wrap around it and all that good stuff.
Names and sizes
All icons have now been downscaled to 32px. While our main colour remains blue, we've changed it to match the overall look of the wiki.
In the tables below, the names are specified as icon_name.png. For instance, if you want to get a roundel, you shall use
attachment:UbuntuGNOME/Artwork/Graphics/roundel.png
Branding
Logo
Image |
Name |
SVG Source |
|
logo.png |
Roundel
Image |
Name |
SVG Source |
|
roundel.png |
Icons
Pictograms
Image |
Name |
SVG Source |
|
accessibility.png |
|
|
apps.png |
|
|
artwork.png |
|
|
brainstorming.png |
|
|
contact.png |
|
|
develpment.png |
|
|
documentation.png |
|
|
download.png |
|
|
help.png |
|
|
information.png |
|
|
install.png |
|
|
join.png |
|
|
love.png |
|
|
schedule.png |
|
|
testing.png |
|
|
todo.png |
|
|
upgrade.png |
|
|
utilities.png |
|
|
warning.png |
|
|
work.png |
Social media
UbuntuGNOME/Artwork/Graphics (last edited 2015-08-19 03:36:03 by 179)