7/31/2019 NokiaN9 Icon Guidelines

1/13

!"#$%&'()*%+$,-#*.'/*$',)0102&*,).+%#3'$4)*,)")-"4&'(*$-)+5)4&+#-&4,)"$.),#--',4*+$,)5+()4&')%('"4*+$)+5)%+$,*,4'$4)"$.)6"/"$%'.)2++/6"()7''8+)*%+$,1)2&')9':)+6;'%4*

7/31/2019 NokiaN9 Icon Guidelines

2/13

7/31/2019 NokiaN9 Icon Guidelines

3/13

7/31/2019 NokiaN9 Icon Guidelines

4/13

7/31/2019 NokiaN9 Icon Guidelines

5/13

7/31/2019 NokiaN9 Icon Guidelines

6/13

Bounding box = 64x64 pixels

Squircle = 62x62 pixels

Container = 40x40 pixels. Pictograms NEVER exceed this!

Inner box = 32x32

Pictogram is centred and should be constructed to sit perfectly on

Strokes and strike-throughs = 3 pixel

Angle rotation for primary objects = 30 (+ -)

Negative space = 2 pixels

In-app icons

7/31/2019 NokiaN9 Icon Guidelines

7/13

Strike-throughs

3 pixels thick

Rotated 30 from top-right to bottom-left

Pictograms made from strokes or containing strokes3 (sometimes 4 pixels)

Stroke ends are fully circular

Negative space

2 pixels

Object rotation and angles

Primary object rotated 30 (+ -)

In-app iconsList icons: suggestions

'

Rounded corners

2 pixels for regular outer shapes

1 pixel for smaller object

4 pixels for irregular shapes

7/31/2019 NokiaN9 Icon Guidelines

8/13

!"#$%#

)RUSLFWRJUDPVWKDWDUHWREHURWDWHGZH&'()**'+,-./0+1-2+-2+13'-)4-$%#5-

$OWKRXJKZHZRXOGHQFRXUDJHWKLVWREHIRVWULFWO\ZLWKVWULNHWKURXJKVZHDSSUHFLDWH/)*'-60(7)1&2*/-/0*638-3))9-:'77'&-&)727'2+)7;'&-'22-1)),-'?2*63'-)4-7;0/5

)RUH[WUDSUHFLVLRQZHFRXOGDOVR

()+/0,'&-2301+0+1-233-@/'()+,2&8A-2+13',-):WRDSUHGHQHGDQJOHRXWZLWKRXUrVWDQ

DQJOH7KHDQJOHRIWKHPRXQWDLQWRSVOHIW

:'77'&-27-!"#5-

%#

C%#

D"#

EDC"#

$%#

ED"%

#

!"#

ED$"#

F%#

EDG%#

H"#

ED%

"#

C%#

EC%#

D%

"#

EH"#

DG%#

EF%#

D$"#

E!"#

D"%#

E$%#

DF"#

ED"#

$%#

I+E266-0()+/J0/7-0()+/K-2+13'/-2+,-&)7270)+

7/31/2019 NokiaN9 Icon Guidelines

9/13

!"#$%&'()*+,-$&.$'#/(+#0$,/0$.")120$3#$')/.(+1'(#0$()$.&($%#+4#'(25$)/$,$%&6#2$*+&07$1.&/*$ZKROHSL[HOPHDVXUHPHQWV$!"&.$,2.)$&/'210#.$/#*,(&8#$.%,'#.9

:/$.)-#$',.#.7$%&6#2$%#+4#'(&)/$&.$.&-%25$/)($%)..&32#9$!"&.$&.$HVSHFLDOO\WUXHRISLFWRJUDPVWKDWDUHURWDWHG3OHDVHIROORZWKHJXLGHOLQHVDVPXFKDVSRVVLEOHDQGDWOHDVWXVHZKROHSL[HOPHDVXUHPHQWVZLWKWKHFRPSRQHQWVXVHGWREXLOGWKHSLFWRJUDP2&;#$'&+'2#.$,/0$.(+);#.9$

:/$%&6#2$%#+4#'(&)/

7/31/2019 NokiaN9 Icon Guidelines

10/13

7/31/2019 NokiaN9 Icon Guidelines

11/13

!"#$%&$'()"*(+(,-*,-(.&*/01

2&34"'567(&1(3/$45/%(6$%(18"#0%()/(3"$145#34/%(4"(1&4(./59/340:("$(6(.&*/0('5&%;(#1&$'(

7/31/2019 NokiaN9 Icon Guidelines

12/13

!""#$%&'()"*+!,-'$%+()+

.$/-)0'&"0%0("*'%*1'%*2#-+

3&(4%&5'"$/-)0+'&"0%0-1'678'9:';