Graphics

Differences between revisions 5 and 6
Revision 5 as of 2013-08-05 11:36:11
Size: 5991
Editor: 17
Comment: Added logos
Revision 6 as of 2013-08-05 11:49:25
Size: 5991
Editor: 17
Comment:
Deletions are marked like this. Additions are marked like this.
Line 35: Line 35:
||<rowstyle="background:#0087ed; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes|| ||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes||
Line 39: Line 39:
||<rowstyle="background:#0087ed; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes|| ||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes||
Line 45: Line 45:
||<rowstyle="background:#0087ed; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes|| ||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes||
Line 63: Line 63:
||<rowstyle="background:#0087ed; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes|| ||<rowstyle="background:#0087ED; color:#FFFFFF; text-align: center; font-weight: bold"> Image||Name||SVG Source||Available sizes||

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:

UbuntuGNOME/Artwork/Graphics/roundel48.png

UbuntuGNOME/Artwork/Graphics/logo_tiny.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 UbuntuGNOME/Artwork/Graphics/roundel24.png example of an in-line icon, and how the text will wrap around it and all that good stuff.

Of names and sizes

Most of the graphics are available in several sizes. In the tables below, the names are specified as icon_nameXX.png where XX is the size. For instance, if you want to get 64x64 sized roundel, you shall use

attachment:UbuntuGNOME/Artwork/Graphics/roundel64.png

Branding

Image

Name

SVG Source

Available sizes

UbuntuGNOME/Artwork/Graphics/logo_small.png

logo_XX.png

Download

tiny, extra_small, small, medium, large, extra_large

Roundel

Image

Name

SVG Source

Available sizes

UbuntuGNOME/Artwork/Graphics/roundel48.png

roundelXX.png

Download

16, 24, 32, 48, 64, 96, 128, 254

Icons

Pictograms

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).

Image

Name

SVG Source

Available sizes

bugsquad.png

Download

48

UbuntuGNOME/Artwork/Graphics/contact.png

contact.png

Download

48

UbuntuGNOME/Artwork/Graphics/develpment.png

develpment.png

Download

48

UbuntuGNOME/Artwork/Graphics/download.png

download.png

Download

48

UbuntuGNOME/Artwork/Graphics/help.png

help.png

Download

48

UbuntuGNOME/Artwork/Graphics/home.png

home.png

Download

48

information.png

Download

48

UbuntuGNOME/Artwork/Graphics/install.png

install.png

Download

48

UbuntuGNOME/Artwork/Graphics/love.png

love.png

Download

48

people.png

Download

48

UbuntuGNOME/Artwork/Graphics/schedule.png

schedule.png

Download

48

share.png

Download

48

todo.png

Download

48

TODO: Guide to create them.

Social media

Image

Name

SVG Source

Available sizes

UbuntuGNOME/Artwork/Graphics/facebook48.png

facebookXX.png

Download

24, 32, 48, 64, 96

UbuntuGNOME/Artwork/Graphics/google+48.png

google+XX.png

Download

24, 32, 48, 64, 96

UbuntuGNOME/Artwork/Graphics/google+_community48.png

google+_communityXX.png

Download

24, 32, 48, 64, 96

UbuntuGNOME/Artwork/Graphics/twitter48.png

twitterXX.png

Download

24, 32, 48, 64, 96

UbuntuGNOME/Artwork/Graphics/youtube48.png

youtubeXX.png

Download

24, 32, 48, 64, 96

UbuntuGNOME/Artwork/Graphics (last edited 2015-08-19 03:36:03 by 179)