Wiki source code of Icon Set Mapping
Last modified by Vincent Massol on 2024/02/26 17:55
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | Mapping between Silk, Font Awesome, Glyphicon (Bootstrap) and Elusive (thanks to Maxim Ionut) sets. | ||
2 | |||
3 | {{velocity}} | ||
4 | ## Awesome Font | ||
5 | #set($discard = $xwiki.linkx.use('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css', {'rel': 'stylesheet'})) | ||
6 | |||
7 | #macro(icon $name $silk $fa $glyph $elusive) | ||
8 | |$name|#if(!$stringtool.isBlank($silk))image:icon:$silk $silk#end|#if(!$stringtool.isBlank($fa)){{html clean="false"}}<i class="fa fa-$fa"></i>{{/html}} fa-${fa}#end|#if(!$stringtool.isBlank($glyph)){{html clean="false"}}<span class="glyphicon glyphicon-$glyph"></span>{{/html}} glyphicon-$glyph#end|#if(!$stringtool.isBlank($elusive)){{html clean="false"}}<span class="glyphicon el-icon-$elusive"></span>{{/html}} el-icon-$elusive#end\\ | ||
9 | #end | ||
10 | |||
11 | = XWiki icons = | ||
12 | {{success}}This is the set of icons that XWiki wants to support. **Naturally, they must be present in every Icon Theme!**{{/success}} | ||
13 | |||
14 | See [[XWiki Icon Set]] | ||
15 | |||
16 | = Silk mapping = | ||
17 | |||
18 | {{warning}} | ||
19 | This is the Silk icon set, and **we try to create a mapping for backward-compatibility only**. | ||
20 | {{/warning}} | ||
21 | |||
22 | See [[Silk Mapping]]. | ||
23 | |||
24 | = Other icons = | ||
25 | Icons that exists in some icon sets but not on Silk. You can help by finding silk equivalent, if there is any. | ||
26 | |||
27 | {{warning}} | ||
28 | These icons are not integrated in XWiki untill we find an equivalent for Silk. | ||
29 | {{/warning}} | ||
30 | |||
31 | |=Name|=Silk|=Font Awesome|=Glyphicon (Bootstrap)|=Elusive | ||
32 | #icon('barcode', '', 'barcode', 'barcode', 'barcode') | ||
33 | #icon('bookmark', '', 'bookmark', 'bookmark', 'bookmark') | ||
34 | #icon('bullhorn', '', 'bullhorn', 'bullhorn', 'bullhorn') | ||
35 | #icon('certificate', '', 'certificate', 'certificate', 'certificate') | ||
36 | #icon('check', '', 'check', 'check', 'check') | ||
37 | #icon('chevron-down', '', 'chevron-down', 'chevron-down', 'chevron-down') | ||
38 | #icon('chevron-left', '', 'chevron-left', 'chevron-left', 'chevron-left') | ||
39 | #icon('chevron-right', '', 'chevron-right', 'chevron-right', 'chevron-right') | ||
40 | #icon('chevron-up', '', 'chevron-up', 'chevron-up', 'chevron-up') | ||
41 | #icon('cloud-download', '', 'cloud-download', 'cloud-download', '') | ||
42 | #icon('cloud-upload', '', 'cloud-upload', 'cloud-upload', '') | ||
43 | #icon('dashboard', '', 'dashboard', 'dashboard', 'dashboard') | ||
44 | #icon('eye-open', '', 'eye', 'eye-open', 'eye-open') | ||
45 | #icon('eye-close', '', 'eye-slash', 'eye-close', 'eye-close') | ||
46 | #icon('filter', '', 'filter', 'filter', 'filter') | ||
47 | #icon('fire', '', 'fire', 'fire', 'fire') | ||
48 | #icon('folder-open', '', 'folder-open', 'folder-open', 'folder-open') | ||
49 | #icon('folder-close', '', '', 'folder-close', 'folder-close') | ||
50 | #icon('fullscreen', '', '', 'fullscreen', 'fullscreen') | ||
51 | #icon('gift', '', 'gift', 'gift', 'gift') | ||
52 | #icon('github', '', 'github', '', 'github') | ||
53 | #icon('inbox', '', 'inbox', 'inbox', 'inbox') | ||
54 | #icon('laptop', '', 'laptop', '', 'laptop') | ||
55 | #icon('list', '', 'list', 'list', 'list') | ||
56 | #icon('magnet', '', 'magnet', 'magnet', 'magnet') | ||
57 | {{/velocity}} |