Where is the list of names of pictos font icons in sencha touch 2.4

987 views Asked by At

In sencha touch documentation and forums, I could not find the list of names of 96 pictos font icons that I should pass in icon() mixin in order to import an icon. Like in following example:

@include icon('search');

3

There are 3 answers

1
olegtaranenko On BEST ANSWER

Full list of all those token you can find out, if you open touch distribution file touch/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss, line 393 (last distro), function @function icon-character-for-name($name)

Here is a reference to the pictos site: http://pictos.cc/classic/font

2
Trozdol On

@olegtaranenko answer is pretty helpful for people.

If you want you can use this Gist I made.

Maybe you already know, but if you want to use a custom icon...

@include icon('name', 'a', 'icon-font-name');

https://gist.github.com/Trozdol/e1239391e06cce4fd767.js

0
Yuri Gridin On

For 2.4.2

Look for the @function icon-character-for-name($name) here: http://docs.sencha.com/touch/2.4/2.4.2-apidocs/source/_Class.scss2.html#Global_CSS-css_mixin-icon

Icons are at http://pictos.cc/font/

Remember to @include icon('icon name') in your scss;