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:';
Top Related