Wiki source code of XWiki Icon Set
Last modified by Vincent Massol on 2024/02/26 17:52
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{toc/}} | ||
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 | #set($discard = $xwiki.ssx.use('Proposal.IconSet')) | ||
7 | #set($icons = []) | ||
8 | #macro(icon $name $silk $fa $glyph $elusive) | ||
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)) | ||
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\\ | ||
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 | ||
21 | #icon('home', 'house', 'home', 'home', 'home') | ||
22 | #icon('wiki', 'world', 'globe', 'globe', 'globe') | ||
23 | #icon('space', 'folder', 'folder-open', 'folder-open', 'folder-open') | ||
24 | #icon('page', 'page_white_text', 'file-o', 'file', 'file') | ||
25 | #icon('check', 'accept', 'check', 'ok', 'ok') | ||
26 | #icon('add', 'add', 'plus', 'plus', 'plus') | ||
27 | #icon('anchor', 'anchor', 'anchor', '', '') | ||
28 | #icon('terminal', 'application_osx_terminal', 'terminal', 'console', '') | ||
29 | #icon('list', 'application_view_list', 'list-alt', 'list-alt', 'list-alt') | ||
30 | #icon('branch', 'arrow_branch', 'code-fork', '', '') | ||
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', '') | ||
35 | #icon('arrows', 'arrow_out', 'arrows-alt', 'fullscreen', '') | ||
36 | #icon('repeat', 'arrow_redo', 'repeat', 'retweet', '') | ||
37 | #icon('undo', 'arrow_undo', 'undo', '', '') | ||
38 | #icon('refresh', 'arrow_refresh', 'refresh', 'refresh', '') | ||
39 | #icon('rotate-left', 'arrow_rotate_anticlockwise', 'rotate-left', '', '') | ||
40 | #icon('rotate-right', 'arrow_rotate_clockwise', 'rotate-right', 'repeat', '') | ||
41 | #icon('switch', 'arrow_switch', 'random', 'random', 'random') | ||
42 | #icon('random', 'arrow_switch', 'random', 'random', 'random') | ||
43 | #icon('attach', 'attach', 'paperclip', 'paperclip', 'paper-clip') | ||
44 | #icon('shopping-cart', 'cart', 'shopping-cart', 'shopping-cart', 'shopping-cart') | ||
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') | ||
49 | #icon('bullet_black', '', 'circle', '', '') | ||
50 | #icon('cube', 'box', 'cube', '', '') | ||
51 | #icon('cubes', 'bricks', 'cubes', '', '') | ||
52 | #icon('briefcase', 'briefcase', 'briefcase', 'briefcase', 'briefcase') | ||
53 | #icon('bug', 'bug', 'bug', '', '') | ||
54 | #icon('building', 'building', 'building', '', '') | ||
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') | ||
57 | #icon('caret-right', 'bullet_go', 'caret-right', 'triangle-right', 'caret-right') | ||
58 | #icon('calculator', 'calculator', 'calculator', '', '') | ||
59 | #icon('calendar', 'calendar', 'calendar', 'calendar', 'calendar') | ||
60 | #icon('camera', 'camera', 'camera', 'camera', 'camera') | ||
61 | #icon('remove', 'cancel', 'times-circle', 'remove-sign', 'remove-sign') | ||
62 | #icon('cross', 'cross', 'times', 'remove', 'remove') | ||
63 | #icon('car', 'car', 'car', 'bed', 'car') | ||
64 | #icon('truck', 'lorry', 'truck', '', '') | ||
65 | #icon('chart-bar', 'chart_bar', 'bar-chart-o', '', '') | ||
66 | #icon('chart-organisation', 'chart_organisation', 'sitemap', '', '') | ||
67 | #icon('cloud', 'weather_clouds', 'cloud', 'cloud', 'cloud') | ||
68 | #icon('clock', 'clock', 'clock-o', '', '') | ||
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', '', '') | ||
74 | #icon('eject', 'control_eject', 'eject', 'eject', 'eject') | ||
75 | #icon('step-forward', 'control_end', 'step-forward', 'step-forward', 'step-forward') | ||
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') | ||
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') | ||
94 | #icon('info', 'information', 'info-circle', 'info-sign', 'info-sign') | ||
95 | #icon('eye', 'eye', 'eye', 'eye-open', 'eye-open') | ||
96 | #icon('rss', 'feed', 'rss', '', '') | ||
97 | #icon('female', 'female', 'female', '', '') | ||
98 | #icon('male', 'male', 'male', '', '') | ||
99 | #icon('film', 'film', 'film', 'film', 'film') | ||
100 | #icon('flag', 'flag_blue', 'flag', 'flag', 'flag') | ||
101 | #icon('search', 'magnifier', 'search', 'search', 'search') | ||
102 | #icon('search-plus', 'zoom_in', 'search-plus', '', '') | ||
103 | #icon('search-minus', 'zoom_out', 'search-minus', '', '') | ||
104 | #icon('folder', 'folder', 'folder', 'folder-open', 'folder-open') | ||
105 | #icon('user', 'user', 'user', '', '') | ||
106 | #icon('group', 'group', 'group', '', '') | ||
107 | #icon('heart', 'heart', 'heart', 'heart', 'heart') | ||
108 | #icon('heart_empty', 'heart_empty', 'heart-o', 'heart-empty', 'heart-empty') | ||
109 | #icon('question', 'help', 'question-circle', 'question-sign', 'question-sign') | ||
110 | #icon('image', 'image', 'image', 'picture', 'picture') | ||
111 | #icon('key', 'key', 'key', '', '') | ||
112 | #icon('keyboard', 'keyboard', 'keyboard-o', '', '') | ||
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', '', '') | ||
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', '', '') | ||
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', '', '') | ||
141 | #icon('soccer', 'sport_soccer', 'futbol-o', '', '') | ||
142 | #icon('star', 'star', 'star', '', '') | ||
143 | #icon('table', 'table', 'table', '', '') | ||
144 | #icon('phone', 'telephone', 'phone', '', '') | ||
145 | #icon('font', 'font', 'font', 'font', 'font') | ||
146 | #icon('bold', 'text_bold', 'bold', 'bold', 'bold') | ||
147 | #icon('italic', 'text_italic', 'italic', 'italic', 'italic') | ||
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') | ||
159 | #icon('list-bullets', 'text_list_bullets', 'list-ul', 'list', 'list') | ||
160 | #icon('list-numbers', 'text_list_numbers', 'list-ol', '', '') | ||
161 | #icon('sun', 'weather_sun', 'sun-o', '', '') | ||
162 | #icon('world', 'world', 'globe', 'globe', 'globe') | ||
163 | #icon('wrench', 'wrench', 'wrench', 'wrench', 'wrench') | ||
164 | #icon('menu', 'bullet_arrow_down', 'bars', 'menu-hamburger', 'lines') | ||
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') | ||
173 | #icon('translate', 'page_white_world', 'language', 'globe', 'globe') | ||
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') | ||
176 | #icon('filter', 'find', 'filter', '', '') | ||
177 | #icon('fast-backward', 'control_rewind', 'fast-backward', '', '') | ||
178 | #icon('arrow_in', 'arrow_in', 'window-minimize', '', '') | ||
179 | #icon('table_sort', 'table_sort', 'sort', '', '') | ||
180 | #icon('emoticon_smile', 'emoticon_smile', 'smile-o', 'user', 'smiley') | ||
181 | |||
182 | Feel free to add others! | ||
183 | {{warning}}TODO: create a name conventions{{/warning}} | ||
184 | |||
185 | == For developers == | ||
186 | |||
187 | {{warning}}This part is automatically generated. Please do not edit it{{/warning}} | ||
188 | |||
189 | === List of icons === | ||
190 | {{code language="velocity"}} | ||
191 | \#set($xwikiIcons = [## | ||
192 | #foreach($icon in $icons) | ||
193 | #if($velocityCount > 1), #end## | ||
194 | '$icon.name'## | ||
195 | #end | ||
196 | ]) | ||
197 | {{/code}} | ||
198 | |||
199 | === Mapping for Font Awesome == | ||
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 | ||
201 | |||
202 | {{code language="velocity"}} | ||
203 | #foreach($icon in $icons) | ||
204 | $icon.name = $icon.fa | ||
205 | #end | ||
206 | {{/code}} | ||
207 | |||
208 | === Mapping for Silk == | ||
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 | ||
212 | |||
213 | {{code language="velocity"}} | ||
214 | #foreach($icon in $icons) | ||
215 | $icon.name = $icon.silk | ||
216 | #end | ||
217 | {{/code}} | ||
218 | {{/velocity}} |