Graphics
3970
Comment:
|
6803
updated list of pictograms
|
Deletions are marked like this. | Additions are marked like this. |
Line 2: | Line 2: |
<<BR>> ||<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]]|| <<BR>> Read this Site in your language: || [[https://wiki.ubuntu.com/UbuntuGNOME/Artwork/Graphics/Greek| Ελληνικά]] || <<BR>> |
|
Line 7: | Line 16: |
## 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! | 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! |
Line 9: | Line 18: |
## '''If you add an icon to the wiki, please add it here as well. It will be much easier to find later.''' | ##If you add more, PLEASE ADD THEM TO THIS PAGE, so that others can use and benefit from your icons. ## '''If you add an icon to the Ubuntu GNOME wiki, please add it here as well. It will be much easier to find later.''' |
Line 13: | Line 23: |
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: | 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: |
Line 15: | Line 25: |
attachment:UbuntuGNOME/Artwork/Graphics/IconUbuntu.png | attachment:UbuntuGNOME/Artwork/Graphics/roundel48.png |
Line 19: | Line 29: |
{{attachment:UbuntuGNOME/Artwork/Graphics/IconUbuntu.png}} | {{attachment:UbuntuGNOME/Artwork/Graphics/roundel48.png}} |
Line 21: | Line 31: |
{{attachment:UbuntuGNOME/Artwork/Graphics/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:UbuntuGNOME/Artwork/Graphics/roundel24.png}} example of an in-line icon, and how the text will wrap around it and all that good stuff. |
Line 23: | Line 33: |
And this is an {{attachment:UbuntuGNOME/Artwork/Graphics/IconUsers.png}} example of an inline icon, and how the text will wrap around it and all that good mojo jo jo. | == 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 }}} |
Line 26: | Line 43: |
Line 27: | Line 45: |
||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source|| ||{{attachment:UbuntuGNOME/Artwork/Graphics/logo_small.png}} || logo.png || [[attachment:UbuntuGNOME/Artwork/Graphics/logo.svg|Download]] || |
|
Line 30: | Line 49: |
||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source|| ||{{attachment:UbuntuGNOME/Artwork/Graphics/roundel48.png}} || roundel.png || [[attachment:UbuntuGNOME/Artwork/Graphics/roundel.svg|Download]] || |
|
Line 32: | Line 53: |
Line 33: | Line 55: |
Please, note that these icons are only available in 48x48 pixels, so that you don't have to specify the size in the attachment name (i.e., help48.png won't work, but help.png will). ||<rowstyle="background:#0087ed; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes|| ||{{attachment:UbuntuGNOME/Artwork/Graphics/bugsquad.png}} || bugsquad.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/contact.png}} || contact.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/develpment.png}} || develpment.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/download.png}} || download.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/help.png}} || help.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/home.png}} || home.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/information.png}} || information.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/install.png}} || install.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/love.png}} || love.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/people.png}} || people.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/schedule.png}} || schedule.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/share.png}} || share.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || ||{{attachment:UbuntuGNOME/Artwork/Graphics/todo.png}} || todo.png || [[attachment:UbuntuGNOME/Artwork/Graphics/pictograms.svg|Download]] || 48 || |
|
Line 49: | Line 56: |
||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source|| ||{{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 51: | Line 79: |
||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes|| ||{{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)