Wiki source code of XWiki Icon Set
Last modified by Vincent Massol on 2024/02/26 17:52
Hide last authors
author | version | line-number | content |
---|---|---|---|
30.1 | 1 | {{toc/}} | |
31.1 | 2 | ||
5.1 | 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.1 | 6 | #set($discard = $xwiki.ssx.use('Proposal.IconSet')) | |
21.1 | 7 | #set($icons = []) | |
5.1 | 8 | #macro(icon $name $silk $fa $glyph $elusive) | |
27.1 | 9 | #set($icon = {}) | |
10 | #set($discard = $icon.put('name', $name)) | ||
11 | #set($discard = $icon.put('fa', $fa)) | ||
12 | #set($discard = $icon.put('silk', $silk)) | ||
13 | #set($discard = $icons.add($icon)) | ||
11.1 | 14 | |**$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\\ | |
5.1 | 15 | #end | |
16 | |||
17 | = XWiki icons = | ||
18 | {{success}}This is the set of icons that XWiki wants to support. **Naturally, they must be present in every Icon Theme!**{{/success}} | ||
19 | |||
20 | |=Name|=Silk|=Font Awesome|=Glyphicon (Bootstrap)|=Elusive | ||
14.1 | 21 | #icon('home', 'house', 'home', 'home', 'home') | |
5.1 | 22 | #icon('wiki', 'world', 'globe', 'globe', 'globe') | |
37.4 | 23 | #icon('space', 'folder', 'folder-open', 'folder-open', 'folder-open') | |
16.1 | 24 | #icon('page', 'page_white_text', 'file-o', 'file', 'file') | |
7.1 | 25 | #icon('check', 'accept', 'check', 'ok', 'ok') | |
11.1 | 26 | #icon('add', 'add', 'plus', 'plus', 'plus') | |
9.1 | 27 | #icon('anchor', 'anchor', 'anchor', '', '') | |
37.7 | 28 | #icon('terminal', 'application_osx_terminal', 'terminal', 'console', '') | |
7.1 | 29 | #icon('list', 'application_view_list', 'list-alt', 'list-alt', 'list-alt') | |
30 | #icon('branch', 'arrow_branch', 'code-fork', '', '') | ||
37.8 | 31 | #icon('down', 'arrow_down', 'arrow-down', 'arrow-down', '') | |
32 | #icon('up', 'arrow_up', 'arrow-up', 'arrow-up', '') | ||
33 | #icon('left', 'arrow_left', 'arrow-left', 'arrow-left', '') | ||
34 | #icon('right', 'arrow_right', 'arrow-right', 'arrow-right', '') | ||
37.9 | 35 | #icon('arrows', 'arrow_out', 'arrows-alt', 'fullscreen', '') | |
36 | #icon('repeat', 'arrow_redo', 'repeat', 'retweet', '') | ||
9.2 | 37 | #icon('undo', 'arrow_undo', 'undo', '', '') | |
37.9 | 38 | #icon('refresh', 'arrow_refresh', 'refresh', 'refresh', '') | |
9.2 | 39 | #icon('rotate-left', 'arrow_rotate_anticlockwise', 'rotate-left', '', '') | |
37.9 | 40 | #icon('rotate-right', 'arrow_rotate_clockwise', 'rotate-right', 'repeat', '') | |
9.2 | 41 | #icon('switch', 'arrow_switch', 'random', 'random', 'random') | |
37.3 | 42 | #icon('random', 'arrow_switch', 'random', 'random', 'random') | |
37.2 | 43 | #icon('attach', 'attach', 'paperclip', 'paperclip', 'paper-clip') | |
10.1 | 44 | #icon('shopping-cart', 'cart', 'shopping-cart', 'shopping-cart', 'shopping-cart') | |
9.2 | 45 | #icon('bell', 'bell', 'bell', 'bell', 'bell') | |
46 | #icon('trash', 'bin', 'trash', 'trash', 'trash') | ||
47 | #icon('bomb', 'bomb', 'bomb', '', '') | ||
48 | #icon('book', 'book', 'book', 'book', 'book') | ||
38.1 | 49 | #icon('bullet_black', '', 'circle', '', '') | |
9.2 | 50 | #icon('cube', 'box', 'cube', '', '') | |
51 | #icon('cubes', 'bricks', 'cubes', '', '') | ||
9.3 | 52 | #icon('briefcase', 'briefcase', 'briefcase', 'briefcase', 'briefcase') | |
53 | #icon('bug', 'bug', 'bug', '', '') | ||
54 | #icon('building', 'building', 'building', '', '') | ||
36.3 | 55 | #icon('caret-down', 'bullet_arrow_down', 'caret-down', 'triangle-bottom', 'caret-down') | |
56 | #icon('caret-up', 'bullet_arrow_up', 'caret-up', 'triangle-top', 'caret-up') | ||
36.2 | 57 | #icon('caret-right', 'bullet_go', 'caret-right', 'triangle-right', 'caret-right') | |
9.3 | 58 | #icon('calculator', 'calculator', 'calculator', '', '') | |
10.1 | 59 | #icon('calendar', 'calendar', 'calendar', 'calendar', 'calendar') | |
60 | #icon('camera', 'camera', 'camera', 'camera', 'camera') | ||
12.1 | 61 | #icon('remove', 'cancel', 'times-circle', 'remove-sign', 'remove-sign') | |
62 | #icon('cross', 'cross', 'times', 'remove', 'remove') | ||
36.4 | 63 | #icon('car', 'car', 'car', 'bed', 'car') | |
12.4 | 64 | #icon('truck', 'lorry', 'truck', '', '') | |
10.1 | 65 | #icon('chart-bar', 'chart_bar', 'bar-chart-o', '', '') | |
66 | #icon('chart-organisation', 'chart_organisation', 'sitemap', '', '') | ||
67 | #icon('cloud', 'weather_clouds', 'cloud', 'cloud', 'cloud') | ||
11.2 | 68 | #icon('clock', 'clock', 'clock-o', '', '') | |
10.1 | 69 | #icon('cog', 'cog', 'cog', 'cog', 'cog') | |
70 | #icon('comment', 'comment', 'comment', 'comment', 'comment') | ||
71 | #icon('comments', 'comments', 'comments', '', '') | ||
72 | #icon('desktop', 'computer', 'desktop', '', '') | ||
73 | #icon('contrast', 'contrast', 'adjust', '', '') | ||
11.2 | 74 | #icon('eject', 'control_eject', 'eject', 'eject', 'eject') | |
75 | #icon('step-forward', 'control_end', 'step-forward', 'step-forward', 'step-forward') | ||
12.1 | 76 | #icon('step-backward', 'control_start', 'step-backward', 'step-backward', 'step-backward') | |
77 | #icon('fast-forward', 'control_fastforward', 'fast-forward', 'fast-forward', 'fast-forward') | ||
78 | #icon('backward', 'control_rewind', 'backward', 'backward', 'backward') | ||
79 | #icon('play', 'control_play', 'play', 'play', 'play') | ||
80 | #icon('pause', 'control_pause', 'pause', 'pause', 'pause') | ||
81 | #icon('stop', 'control_stop', 'stop', 'stop', 'stop') | ||
82 | #icon('gamepad', 'controller', 'gamepad', '', '') | ||
83 | #icon('credit-card', 'creditcards', 'credit-card', 'credit-card', 'credit-card') | ||
84 | #icon('coffee', 'cup', 'coffee', '', '') | ||
85 | #icon('cut', 'cut', 'cut', '', '') | ||
86 | #icon('database', 'database', 'database', '', '') | ||
87 | #icon('delete', 'delete', 'minus-circle', 'minus-sign', 'minus-sign') | ||
12.2 | 88 | #icon('floppy-disk', 'disk', 'floppy-o', 'floppy-disk', 'floppy-disk') | |
89 | #icon('glass', 'drink', 'glass', 'glass', 'glass') | ||
90 | #icon('drive', 'drive', 'hdd-o', 'hdd', 'hdd') | ||
91 | #icon('envelope', 'email', 'envelope-o', 'envelope', 'envelope') | ||
92 | #icon('warning', 'error', 'exclamation-triangle', 'warning-sign', 'warning-sign') | ||
93 | #icon('error', 'exclamation', 'exclamation-circle', 'exclamation-sign', 'exclamation-sign') | ||
12.3 | 94 | #icon('info', 'information', 'info-circle', 'info-sign', 'info-sign') | |
12.2 | 95 | #icon('eye', 'eye', 'eye', 'eye-open', 'eye-open') | |
96 | #icon('rss', 'feed', 'rss', '', '') | ||
97 | #icon('female', 'female', 'female', '', '') | ||
12.4 | 98 | #icon('male', 'male', 'male', '', '') | |
12.2 | 99 | #icon('film', 'film', 'film', 'film', 'film') | |
34.1 | 100 | #icon('flag', 'flag_blue', 'flag', 'flag', 'flag') | |
12.4 | 101 | #icon('search', 'magnifier', 'search', 'search', 'search') | |
17.1 | 102 | #icon('search-plus', 'zoom_in', 'search-plus', '', '') | |
103 | #icon('search-minus', 'zoom_out', 'search-minus', '', '') | ||
12.2 | 104 | #icon('folder', 'folder', 'folder', 'folder-open', 'folder-open') | |
13.1 | 105 | #icon('user', 'user', 'user', '', '') | |
12.3 | 106 | #icon('group', 'group', 'group', '', '') | |
107 | #icon('heart', 'heart', 'heart', 'heart', 'heart') | ||
44.1 | 108 | #icon('heart_empty', 'heart_empty', 'heart-o', 'heart-empty', 'heart-empty') | |
12.3 | 109 | #icon('question', 'help', 'question-circle', 'question-sign', 'question-sign') | |
110 | #icon('image', 'image', 'image', 'picture', 'picture') | ||
12.4 | 111 | #icon('key', 'key', 'key', '', '') | |
19.1 | 112 | #icon('keyboard', 'keyboard', 'keyboard-o', '', '') | |
12.4 | 113 | #icon('lightbulb', 'lightbulb', 'lightbulb-o', '', '') | |
114 | #icon('link', 'link', 'link', 'link', 'link') | ||
115 | #icon('unlink', 'link_break', 'unlink', '', '') | ||
116 | #icon('lock', 'lock', 'lock', 'lock', 'lock') | ||
117 | #icon('unlock', 'lock_open', 'unlock', '', '') | ||
12.5 | 118 | #icon('money', 'money', 'money', '', '') | |
119 | #icon('dollar', 'money_dollar', 'dollar', '', '') | ||
120 | #icon('euro', 'money_euro', 'euro', 'euro', 'euro') | ||
121 | #icon('gbp', 'money_pound', 'gbp', 'gbp', 'gbp') | ||
122 | #icon('yen', 'money_yen', 'yen', '', '') | ||
123 | #icon('music', 'music', 'music', 'music', 'music') | ||
124 | #icon('file', 'page', 'file', 'file', 'file') | ||
125 | #icon('file-white', 'page_white', 'file-o', '', '') | ||
126 | #icon('file-pdf', 'page_white_acrobat', 'file-pdf-o', '', '') | ||
127 | #icon('file-code', 'page_white_code', 'file-code-o', '', '') | ||
128 | #icon('file-archive', 'page_white_compressed', 'file-archive-o', '', '') | ||
129 | #icon('file-word', 'page_white_word', 'file-word-o', '', '') | ||
130 | #icon('file-excel', 'page_white_excel', 'file-excel-o', '', '') | ||
131 | #icon('file-powerpoint', 'page_white_powerpoint', 'file-powerpoint-o', '', '') | ||
132 | #icon('file-text', 'page_white_text', 'file-text-o', '', '') | ||
13.1 | 133 | #icon('paste', 'paste_plain', 'paste', '', '') | |
134 | #icon('pencil', 'pencil', 'pencil', 'pencil', 'pencil') | ||
135 | #icon('print', 'printer', 'print', '', '') | ||
136 | #icon('shield', 'shield', 'shield', '', '') | ||
137 | #icon('certificate', 'rosette', 'certificate', 'certificate', 'certificate') | ||
138 | #icon('volume-up', 'sound', 'volume-up', '', '') | ||
139 | #icon('volume-down', 'sound_low', 'volume-down', '', '') | ||
140 | #icon('volume-off', 'sound_none', 'volume-off', '', '') | ||
35.1 | 141 | #icon('soccer', 'sport_soccer', 'futbol-o', '', '') | |
13.1 | 142 | #icon('star', 'star', 'star', '', '') | |
143 | #icon('table', 'table', 'table', '', '') | ||
144 | #icon('phone', 'telephone', 'phone', '', '') | ||
18.1 | 145 | #icon('font', 'font', 'font', 'font', 'font') | |
35.1 | 146 | #icon('bold', 'text_bold', 'bold', 'bold', 'bold') | |
147 | #icon('italic', 'text_italic', 'italic', 'italic', 'italic') | ||
13.1 | 148 | #icon('strikethrough', 'text_strikethrough', 'strikethrough', '', '') | |
149 | #icon('subscript', 'text_subscript', 'subscript', '', '') | ||
150 | #icon('superscript', 'text_superscript', 'superscript', '', '') | ||
151 | #icon('underline', 'text_underline', 'underline', '', '') | ||
152 | #icon('align-center', 'text_align_center', 'align-center', 'align-center', 'align-center') | ||
153 | #icon('align-justify', 'text_align_justify', 'align-justify', 'align-justify', 'align-justify') | ||
154 | #icon('align-left', 'text_align_left', 'align-left', 'align-left', 'align-left') | ||
155 | #icon('align-right', 'text_align_right', 'align-right', 'align-right', 'align-right') | ||
156 | #icon('columns', 'text_columns', 'columns', '', '') | ||
157 | #icon('indent-left', 'text_indent', 'indent', 'indent-left', 'indent-left') | ||
158 | #icon('indent-right', 'text_indent_remove', 'outdent', 'indent-right', 'indent-right') | ||
37.5 | 159 | #icon('list-bullets', 'text_list_bullets', 'list-ul', 'list', 'list') | |
13.1 | 160 | #icon('list-numbers', 'text_list_numbers', 'list-ol', '', '') | |
20.1 | 161 | #icon('sun', 'weather_sun', 'sun-o', '', '') | |
13.1 | 162 | #icon('world', 'world', 'globe', 'globe', 'globe') | |
36.6 | 163 | #icon('wrench', 'wrench', 'wrench', 'wrench', 'wrench') | |
37.6 | 164 | #icon('menu', 'bullet_arrow_down', 'bars', 'menu-hamburger', 'lines') | |
37.1 | 165 | #icon('more-vertical', 'bullet_arrow_down', 'ellipsis-v', 'option-vertical', 'chevron-down') | |
166 | #icon('edit', 'page_edit', 'edit', 'edit', 'edit') | ||
167 | #icon('copy', 'page_copy', 'copy', 'edit', 'file-edit') | ||
168 | #icon('move', 'page_go', 'external-link', 'new-window', 'share') | ||
169 | #icon('download', 'application_put', 'download', 'download-alt', 'download-alt') | ||
170 | #icon('log-in', 'user_go', 'sign-in', 'log-in', 'circle-arrow-right') | ||
171 | #icon('log-out', 'user_go', 'sign-out', 'log-out', 'circle-arrow-right') | ||
172 | #icon('th', 'application_view_tile', 'th', 'th', 'th') | ||
41.3 | 173 | #icon('translate', 'page_white_world', 'language', 'globe', 'globe') | |
41.2 | 174 | #icon('minus-square', 'bullet_toggle_minus', 'minus-square', 'minus-sign', 'minus-sign') | |
175 | #icon('plus-square', 'bullet_toggle_plus','plus-square', 'plus-sign', 'plus-sign') | ||
41.1 | 176 | #icon('filter', 'find', 'filter', '', '') | |
41.2 | 177 | #icon('fast-backward', 'control_rewind', 'fast-backward', '', '') | |
178 | #icon('arrow_in', 'arrow_in', 'window-minimize', '', '') | ||
41.1 | 179 | #icon('table_sort', 'table_sort', 'sort', '', '') | |
44.2 | 180 | #icon('emoticon_smile', 'emoticon_smile', 'smile-o', 'user', 'smiley') | |
5.1 | 181 | ||
182 | Feel free to add others! | ||
183 | {{warning}}TODO: create a name conventions{{/warning}} | ||
21.1 | 184 | ||
185 | == For developers == | ||
33.1 | 186 | ||
187 | {{warning}}This part is automatically generated. Please do not edit it{{/warning}} | ||
188 | |||
21.1 | 189 | === List of icons === | |
190 | {{code language="velocity"}} | ||
25.1 | 191 | \#set($xwikiIcons = [## | |
21.1 | 192 | #foreach($icon in $icons) | |
25.1 | 193 | #if($velocityCount > 1), #end## | |
27.1 | 194 | '$icon.name'## | |
21.1 | 195 | #end | |
26.1 | 196 | ]) | |
21.1 | 197 | {{/code}} | |
27.1 | 198 | ||
199 | === Mapping for Font Awesome == | ||
29.1 | 200 | Put it there when it is not up to date: https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-fontawesome/src/main/resources/IconThemes/FontAwesome.xml | |
32.1 | 201 | ||
27.1 | 202 | {{code language="velocity"}} | |
203 | #foreach($icon in $icons) | ||
204 | $icon.name = $icon.fa | ||
205 | #end | ||
206 | {{/code}} | ||
28.1 | 207 | ||
208 | === Mapping for Silk == | ||
29.1 | 209 | Put it there when it is not up to date: https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform-core/xwiki-platform-icon/xwiki-platform-icon-ui/src/main/resources/IconThemes/Silk.xml | |
210 | and there: | ||
211 | https://github.com/xwiki/xwiki-platform/blob/master/xwiki-platform-core/xwiki-platform-web/src/main/webapp/resources/icons/default.iconset | ||
32.1 | 212 | ||
28.1 | 213 | {{code language="velocity"}} | |
214 | #foreach($icon in $icons) | ||
215 | $icon.name = $icon.silk | ||
216 | #end | ||
217 | {{/code}} | ||
5.1 | 218 | {{/velocity}} |