Просмотр исходного текста страницы Шаблон:Ticon/Документация

{{docpage}}

Шаблон для проставления текстовых иконок в статьях и системных сообщениях. Рекомендуется использовать в шаблонах и других технических конструкциях (рубрики, плашки и т.п.) вместо картинок.

​

;Параметры:

<pre>

{{ticon|1|size=|color=|margin=}}</pre>

* '''1''' ''(обязательный)'' — id иконки (по умолчанию <code>uc</code>, список допустимых [[#Список иконок|ниже]]);

* '''size''' — кегль иконки (по умолчанию <code>16px</code>);

* '''color''' — цвет иконки (по умолчанию <code>#474747</code>);

* '''margin''' — отступы от иконки (по умолчанию <code>0px</code>) Могут задаваться отдельно для каждой стороны:

**Верх-низ, право-лево: <code>10px 5px</code>

**Верх, право-лево, низ: <code>10px 5px 30px</code>

**Верх-право-низ-лево: <code>7px 5px 13px 1px</code>

​

== Пример использования  ==

;Код:

<pre>{{ticon|envelope|size=48px|color=#cc0000|margin=10px 5px 30px}}</pre>

;Результат:

<div style="text-align: center;vertical-align: top;height: 90px;width: 90px;line-height:90px;background-color:rgba(15, 48, 75, 0.07);margin:10px 0">{{ticon|envelope|size=48px|color=#cc0000|margin=10px 5px 30px}}</div>

​

== Список иконок ==

;Специальные

<ul class="ticon-tpl-table">

<li class="ticon-tpl-wrapper">{{ticon|uc|size=24px}}<span class="ticon-tpl-sign">uc</span></li>

<li class="ticon-tpl-wrapper">{{ticon|uc-2|size=24px}}<span class="ticon-tpl-sign">uc-2</span></li>

<li class="ticon-tpl-wrapper">{{ticon|lm|size=34px}}<span class="ticon-tpl-sign">lm</span></li>

<li class="ticon-tpl-wrapper">{{ticon|guyfox|size=24px}}<span class="ticon-tpl-sign">guyfox</span></li>

<li class="ticon-tpl-wrapper">{{ticon|david|size=34px}}<span class="ticon-tpl-sign">david</span></li>

<li class="ticon-tpl-wrapper">{{ticon|trollface|size=34px}}<span class="ticon-tpl-sign">trollface</span></li>

<li class="ticon-tpl-wrapper">{{ticon|awesome|size=34px}}<span class="ticon-tpl-sign">awesome</span></li>

</ul>

​

;Соцсети и сайты

<ul class="ticon-tpl-table">

<li class="ticon-tpl-wrapper">{{ticon|wiki|size=24px}}<span class="ticon-tpl-sign">wiki</span></li>

<li class="ticon-tpl-wrapper">{{ticon|onion|size=24px}}<span class="ticon-tpl-sign">onion</span></li>

<li class="ticon-tpl-wrapper">{{ticon|vk|size=34px}}<span class="ticon-tpl-sign">vk</span></li>

<li class="ticon-tpl-wrapper">{{ticon|twitter|size=34px}}<span class="ticon-tpl-sign">twitter</span></li>

<li class="ticon-tpl-wrapper">{{ticon|facebook|size=34px}}<span class="ticon-tpl-sign">facebook</span></li>

<li class="ticon-tpl-wrapper">{{ticon|discord|size=34px}}<span class="ticon-tpl-sign">discord</span></li>

<li class="ticon-tpl-wrapper">{{ticon|telegram|size=34px}}<span class="ticon-tpl-sign">telegram</span></li>

<li class="ticon-tpl-wrapper">{{ticon|youtube|size=34px}}<span class="ticon-tpl-sign">youtube</span></li>

<li class="ticon-tpl-wrapper">{{ticon|instagram|size=34px}}<span class="ticon-tpl-sign">instagram</span></li>

</ul>

​

;Остальное

<ul class="ticon-tpl-table">

<li class="ticon-tpl-wrapper">{{ticon|glass|size=24px}}<span class="ticon-tpl-sign">glass</span></li>

<li class="ticon-tpl-wrapper">{{ticon|leaf|size=24px}}<span class="ticon-tpl-sign">leaf</span></li>

<li class="ticon-tpl-wrapper">{{ticon|dog|size=24px}}<span class="ticon-tpl-sign">dog</span></li>

<li class="ticon-tpl-wrapper">{{ticon|user|size=24px}}<span class="ticon-tpl-sign">user</span></li>

<li class="ticon-tpl-wrapper">{{ticon|girl|size=24px}}<span class="ticon-tpl-sign">girl</span></li>

<li class="ticon-tpl-wrapper">{{ticon|car|size=24px}}<span class="ticon-tpl-sign">car</span></li>

<li class="ticon-tpl-wrapper">{{ticon|film|size=24px}}<span class="ticon-tpl-sign">film</span></li>

<li class="ticon-tpl-wrapper">{{ticon|magic|size=24px}}<span class="ticon-tpl-sign">magic</span></li>

<li class="ticon-tpl-wrapper">{{ticon|envelope|size=24px}}<span class="ticon-tpl-sign">envelope</span></li>

<li class="ticon-tpl-wrapper">{{ticon|camera|size=24px}}<span class="ticon-tpl-sign">camera</span></li>

<li class="ticon-tpl-wrapper">{{ticon|heart|size=24px}}<span class="ticon-tpl-sign">heart</span></li>

<li class="ticon-tpl-wrapper">{{ticon|heart-empty|size=24px}}<span class="ticon-tpl-sign">heart-empty</span></li>

<li class="ticon-tpl-wrapper">{{ticon|beach-umbrella|size=24px}}<span class="ticon-tpl-sign">beach-umbrella</span></li>

<li class="ticon-tpl-wrapper">{{ticon|train|size=24px}}<span class="ticon-tpl-sign">train</span></li>

<li class="ticon-tpl-wrapper">{{ticon|print|size=24px}}<span class="ticon-tpl-sign">print</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bin|size=24px}}<span class="ticon-tpl-sign">bin</span></li>

<li class="ticon-tpl-wrapper">{{ticon|music|size=24px}}<span class="ticon-tpl-sign">music</span></li>

<li class="ticon-tpl-wrapper">{{ticon|note|size=24px}}<span class="ticon-tpl-sign">note</span></li>

<li class="ticon-tpl-wrapper">{{ticon|home|size=24px}}<span class="ticon-tpl-sign">home</span></li>

<li class="ticon-tpl-wrapper">{{ticon|snowflake|size=24px}}<span class="ticon-tpl-sign">snowflake</span></li>

<li class="ticon-tpl-wrapper">{{ticon|fire|size=24px}}<span class="ticon-tpl-sign">fire</span></li>

<li class="ticon-tpl-wrapper">{{ticon|magnet|size=24px}}<span class="ticon-tpl-sign">magnet</span></li>

<li class="ticon-tpl-wrapper">{{ticon|parents|size=24px}}<span class="ticon-tpl-sign">parents</span></li>

<li class="ticon-tpl-wrapper">{{ticon|binoculars|size=24px}}<span class="ticon-tpl-sign">binoculars</span></li>

<li class="ticon-tpl-wrapper">{{ticon|road|size=24px}}<span class="ticon-tpl-sign">road</span></li>

<li class="ticon-tpl-wrapper">{{ticon|search|size=24px}}<span class="ticon-tpl-sign">search</span></li>

<li class="ticon-tpl-wrapper">{{ticon|zoom-in|size=24px}}<span class="ticon-tpl-sign">zoom-in</span></li>

<li class="ticon-tpl-wrapper">{{ticon|zoom-out|size=24px}}<span class="ticon-tpl-sign">zoom-out</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cars|size=24px}}<span class="ticon-tpl-sign">cars</span></li>

<li class="ticon-tpl-wrapper">{{ticon|notes-2|size=24px}}<span class="ticon-tpl-sign">notes-2</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pencil|size=24px}}<span class="ticon-tpl-sign">pencil</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bus|size=24px}}<span class="ticon-tpl-sign">bus</span></li>

<li class="ticon-tpl-wrapper">{{ticon|wifi-alt|size=24px}}<span class="ticon-tpl-sign">wifi-alt</span></li>

<li class="ticon-tpl-wrapper">{{ticon|luggage|size=24px}}<span class="ticon-tpl-sign">luggage</span></li>

<li class="ticon-tpl-wrapper">{{ticon|old-man|size=24px}}<span class="ticon-tpl-sign">old-man</span></li>

<li class="ticon-tpl-wrapper">{{ticon|woman|size=24px}}<span class="ticon-tpl-sign">woman</span></li>

<li class="ticon-tpl-wrapper">{{ticon|file|size=24px}}<span class="ticon-tpl-sign">file</span></li>

<li class="ticon-tpl-wrapper">{{ticon|coins|size=24px}}<span class="ticon-tpl-sign">coins</span></li>

<li class="ticon-tpl-wrapper">{{ticon|airplane|size=24px}}<span class="ticon-tpl-sign">airplane</span></li>

<li class="ticon-tpl-wrapper">{{ticon|notes|size=24px}}<span class="ticon-tpl-sign">notes</span></li>

<li class="ticon-tpl-wrapper">{{ticon|stats|size=24px}}<span class="ticon-tpl-sign">stats</span></li>

<li class="ticon-tpl-wrapper">{{ticon|charts|size=24px}}<span class="ticon-tpl-sign">charts</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pie-chart|size=24px}}<span class="ticon-tpl-sign">pie-chart</span></li>

<li class="ticon-tpl-wrapper">{{ticon|group|size=24px}}<span class="ticon-tpl-sign">group</span></li>

<li class="ticon-tpl-wrapper">{{ticon|keys|size=24px}}<span class="ticon-tpl-sign">keys</span></li>

<li class="ticon-tpl-wrapper">{{ticon|calendar|size=24px}}<span class="ticon-tpl-sign">calendar</span></li>

<li class="ticon-tpl-wrapper">{{ticon|router|size=24px}}<span class="ticon-tpl-sign">router</span></li>

<li class="ticon-tpl-wrapper">{{ticon|camera-small|size=24px}}<span class="ticon-tpl-sign">camera-small</span></li>

<li class="ticon-tpl-wrapper">{{ticon|star|size=24px}}<span class="ticon-tpl-sign">star</span></li>

<li class="ticon-tpl-wrapper">{{ticon|star-empty|size=24px}}<span class="ticon-tpl-sign">star-empty</span></li>

<li class="ticon-tpl-wrapper">{{ticon|link|size=24px}}<span class="ticon-tpl-sign">link</span></li>

<li class="ticon-tpl-wrapper">{{ticon|eye-open|size=24px}}<span class="ticon-tpl-sign">eye-open</span></li>

<li class="ticon-tpl-wrapper">{{ticon|eye-close|size=24px}}<span class="ticon-tpl-sign">eye-close</span></li>

<li class="ticon-tpl-wrapper">{{ticon|alarm|size=24px}}<span class="ticon-tpl-sign">alarm</span></li>

<li class="ticon-tpl-wrapper">{{ticon|clock|size=24px}}<span class="ticon-tpl-sign">clock</span></li>

<li class="ticon-tpl-wrapper">{{ticon|stopwatch|size=24px}}<span class="ticon-tpl-sign">stopwatch</span></li>

<li class="ticon-tpl-wrapper">{{ticon|projector|size=24px}}<span class="ticon-tpl-sign">projector</span></li>

<li class="ticon-tpl-wrapper">{{ticon|history|size=24px}}<span class="ticon-tpl-sign">history</span></li>

<li class="ticon-tpl-wrapper">{{ticon|truck|size=24px}}<span class="ticon-tpl-sign">truck</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cargo|size=24px}}<span class="ticon-tpl-sign">cargo</span></li>

<li class="ticon-tpl-wrapper">{{ticon|compass|size=24px}}<span class="ticon-tpl-sign">compass</span></li>

<li class="ticon-tpl-wrapper">{{ticon|keynote|size=24px}}<span class="ticon-tpl-sign">keynote</span></li>

<li class="ticon-tpl-wrapper">{{ticon|paperclip|size=24px}}<span class="ticon-tpl-sign">paperclip</span></li>

<li class="ticon-tpl-wrapper">{{ticon|power|size=24px}}<span class="ticon-tpl-sign">power</span></li>

<li class="ticon-tpl-wrapper">{{ticon|lightbulb|size=24px}}<span class="ticon-tpl-sign">lightbulb</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tag|size=24px}}<span class="ticon-tpl-sign">tag</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tags|size=24px}}<span class="ticon-tpl-sign">tags</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cleaning|size=24px}}<span class="ticon-tpl-sign">cleaning</span></li>

<li class="ticon-tpl-wrapper">{{ticon|ruler|size=24px}}<span class="ticon-tpl-sign">ruler</span></li>

<li class="ticon-tpl-wrapper">{{ticon|gift|size=24px}}<span class="ticon-tpl-sign">gift</span></li>

<li class="ticon-tpl-wrapper">{{ticon|umbrella|size=24px}}<span class="ticon-tpl-sign">umbrella</span></li>

<li class="ticon-tpl-wrapper">{{ticon|book|size=24px}}<span class="ticon-tpl-sign">book</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bookmark|size=24px}}<span class="ticon-tpl-sign">bookmark</span></li>

<li class="ticon-tpl-wrapper">{{ticon|wifi|size=24px}}<span class="ticon-tpl-sign">wifi</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cup|size=24px}}<span class="ticon-tpl-sign">cup</span></li>

<li class="ticon-tpl-wrapper">{{ticon|stroller|size=24px}}<span class="ticon-tpl-sign">stroller</span></li>

<li class="ticon-tpl-wrapper">{{ticon|headphones|size=24px}}<span class="ticon-tpl-sign">headphones</span></li>

<li class="ticon-tpl-wrapper">{{ticon|headset|size=24px}}<span class="ticon-tpl-sign">headset</span></li>

<li class="ticon-tpl-wrapper">{{ticon|warning-sign|size=24px}}<span class="ticon-tpl-sign">warning-sign</span></li>

<li class="ticon-tpl-wrapper">{{ticon|signal|size=24px}}<span class="ticon-tpl-sign">signal</span></li>

<li class="ticon-tpl-wrapper">{{ticon|retweet|size=24px}}<span class="ticon-tpl-sign">retweet</span></li>

<li class="ticon-tpl-wrapper">{{ticon|refresh|size=24px}}<span class="ticon-tpl-sign">refresh</span></li>

<li class="ticon-tpl-wrapper">{{ticon|roundabout|size=24px}}<span class="ticon-tpl-sign">roundabout</span></li>

<li class="ticon-tpl-wrapper">{{ticon|random|size=24px}}<span class="ticon-tpl-sign">random</span></li>

<li class="ticon-tpl-wrapper">{{ticon|heat|size=24px}}<span class="ticon-tpl-sign">heat</span></li>

<li class="ticon-tpl-wrapper">{{ticon|repeat|size=24px}}<span class="ticon-tpl-sign">repeat</span></li>

<li class="ticon-tpl-wrapper">{{ticon|display|size=24px}}<span class="ticon-tpl-sign">display</span></li>

<li class="ticon-tpl-wrapper">{{ticon|log-book|size=24px}}<span class="ticon-tpl-sign">log-book</span></li>

<li class="ticon-tpl-wrapper">{{ticon|address-book|size=24px}}<span class="ticon-tpl-sign">address-book</span></li>

<li class="ticon-tpl-wrapper">{{ticon|building|size=24px}}<span class="ticon-tpl-sign">building</span></li>

<li class="ticon-tpl-wrapper">{{ticon|eyedropper|size=24px}}<span class="ticon-tpl-sign">eyedropper</span></li>

<li class="ticon-tpl-wrapper">{{ticon|adjust|size=24px}}<span class="ticon-tpl-sign">adjust</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tint|size=24px}}<span class="ticon-tpl-sign">tint</span></li>

<li class="ticon-tpl-wrapper">{{ticon|font|size=24px}}<span class="ticon-tpl-sign">font</span></li>

<li class="ticon-tpl-wrapper">{{ticon|italic|size=24px}}<span class="ticon-tpl-sign">italic</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bold|size=24px}}<span class="ticon-tpl-sign">bold</span></li>

<li class="ticon-tpl-wrapper">{{ticon|text-underline|size=24px}}<span class="ticon-tpl-sign">text-underline</span></li>

<li class="ticon-tpl-wrapper">{{ticon|text-strike|size=24px}}<span class="ticon-tpl-sign">text-strike</span></li>

<li class="ticon-tpl-wrapper">{{ticon|align-left|size=24px}}<span class="ticon-tpl-sign">align-left</span></li>

<li class="ticon-tpl-wrapper">{{ticon|align-center|size=24px}}<span class="ticon-tpl-sign">align-center</span></li>

<li class="ticon-tpl-wrapper">{{ticon|align-right|size=24px}}<span class="ticon-tpl-sign">align-right</span></li>

<li class="ticon-tpl-wrapper">{{ticon|justify|size=24px}}<span class="ticon-tpl-sign">justify</span></li>

<li class="ticon-tpl-wrapper">{{ticon|embed|size=24px}}<span class="ticon-tpl-sign">embed</span></li>

<li class="ticon-tpl-wrapper">{{ticon|embed-close|size=24px}}<span class="ticon-tpl-sign">embed-close</span></li>

<li class="ticon-tpl-wrapper">{{ticon|message-full|size=24px}}<span class="ticon-tpl-sign">message-full</span></li>

<li class="ticon-tpl-wrapper">{{ticon|message-empty|size=24px}}<span class="ticon-tpl-sign">message-empty</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cogwheel|size=24px}}<span class="ticon-tpl-sign">cogwheel</span></li>

<li class="ticon-tpl-wrapper">{{ticon|picture|size=24px}}<span class="ticon-tpl-sign">picture</span></li>

<li class="ticon-tpl-wrapper">{{ticon|adjust-alt|size=24px}}<span class="ticon-tpl-sign">adjust-alt</span></li>

<li class="ticon-tpl-wrapper">{{ticon|facetime-video|size=24px}}<span class="ticon-tpl-sign">facetime-video</span></li>

<li class="ticon-tpl-wrapper">{{ticon|download-alt|size=24px}}<span class="ticon-tpl-sign">download-alt</span></li>

<li class="ticon-tpl-wrapper">{{ticon|mute|size=24px}}<span class="ticon-tpl-sign">mute</span></li>

<li class="ticon-tpl-wrapper">{{ticon|volume-down|size=24px}}<span class="ticon-tpl-sign">volume-down</span></li>

<li class="ticon-tpl-wrapper">{{ticon|volume-up|size=24px}}<span class="ticon-tpl-sign">volume-up</span></li>

<li class="ticon-tpl-wrapper">{{ticon|more|size=24px}}<span class="ticon-tpl-sign">more</span></li>

<li class="ticon-tpl-wrapper">{{ticon|circle-plus|size=24px}}<span class="ticon-tpl-sign">circle-plus</span></li>

<li class="ticon-tpl-wrapper">{{ticon|circle-minus|size=24px}}<span class="ticon-tpl-sign">circle-minus</span></li>

<li class="ticon-tpl-wrapper">{{ticon|circle-remove|size=24px}}<span class="ticon-tpl-sign">circle-remove</span></li>

<li class="ticon-tpl-wrapper">{{ticon|circle-ok|size=24px}}<span class="ticon-tpl-sign">circle-ok</span></li>

<li class="ticon-tpl-wrapper">{{ticon|circle-question-mark|size=24px}}<span class="ticon-tpl-sign">circle-question-mark</span></li>

<li class="ticon-tpl-wrapper">{{ticon|circle-info|size=24px}}<span class="ticon-tpl-sign">circle-info</span></li>

<li class="ticon-tpl-wrapper">{{ticon|circle-exclamation-mark|size=24px}}<span class="ticon-tpl-sign">circle-exclamation-mark</span></li>

<li class="ticon-tpl-wrapper">{{ticon|remove|size=24px}}<span class="ticon-tpl-sign">remove</span></li>

<li class="ticon-tpl-wrapper">{{ticon|ok|size=24px}}<span class="ticon-tpl-sign">ok</span></li>

<li class="ticon-tpl-wrapper">{{ticon|ban|size=24px}}<span class="ticon-tpl-sign">ban</span></li>

<li class="ticon-tpl-wrapper">{{ticon|download|size=24px}}<span class="ticon-tpl-sign">download</span></li>

<li class="ticon-tpl-wrapper">{{ticon|upload|size=24px}}<span class="ticon-tpl-sign">upload</span></li>

<li class="ticon-tpl-wrapper">{{ticon|shopping-cart|size=24px}}<span class="ticon-tpl-sign">shopping-cart</span></li>

<li class="ticon-tpl-wrapper">{{ticon|lock|size=24px}}<span class="ticon-tpl-sign">lock</span></li>

<li class="ticon-tpl-wrapper">{{ticon|unlock|size=24px}}<span class="ticon-tpl-sign">unlock</span></li>

<li class="ticon-tpl-wrapper">{{ticon|ok-2|size=24px}}<span class="ticon-tpl-sign">ok-2</span></li>

<li class="ticon-tpl-wrapper">{{ticon|remove-2|size=24px}}<span class="ticon-tpl-sign">remove-2</span></li>

<li class="ticon-tpl-wrapper">{{ticon|left-arrow|size=24px}}<span class="ticon-tpl-sign">left-arrow</span></li>

<li class="ticon-tpl-wrapper">{{ticon|right-arrow|size=24px}}<span class="ticon-tpl-sign">right-arrow</span></li>

<li class="ticon-tpl-wrapper">{{ticon|down-arrow|size=24px}}<span class="ticon-tpl-sign">down-arrow</span></li>

<li class="ticon-tpl-wrapper">{{ticon|up-arrow|size=24px}}<span class="ticon-tpl-sign">up-arrow</span></li>

<li class="ticon-tpl-wrapper">{{ticon|chevron-right|size=24px}}<span class="ticon-tpl-sign">chevron-right</span></li>

<li class="ticon-tpl-wrapper">{{ticon|chevron-left|size=24px}}<span class="ticon-tpl-sign">chevron-left</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bluetooth|size=24px}}<span class="ticon-tpl-sign">bluetooth</span></li>

<li class="ticon-tpl-wrapper">{{ticon|euro|size=24px}}<span class="ticon-tpl-sign">euro</span></li>

<li class="ticon-tpl-wrapper">{{ticon|usd|size=24px}}<span class="ticon-tpl-sign">usd</span></li>

<li class="ticon-tpl-wrapper">{{ticon|gbp|size=24px}}<span class="ticon-tpl-sign">gbp</span></li>

<li class="ticon-tpl-wrapper">{{ticon|moon|size=24px}}<span class="ticon-tpl-sign">moon</span></li>

<li class="ticon-tpl-wrapper">{{ticon|sun|size=24px}}<span class="ticon-tpl-sign">sun</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cloud|size=24px}}<span class="ticon-tpl-sign">cloud</span></li>

<li class="ticon-tpl-wrapper">{{ticon|direction|size=24px}}<span class="ticon-tpl-sign">direction</span></li>

<li class="ticon-tpl-wrapper">{{ticon|brush|size=24px}}<span class="ticon-tpl-sign">brush</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pen|size=24px}}<span class="ticon-tpl-sign">pen</span></li>

<li class="ticon-tpl-wrapper">{{ticon|google-maps|size=24px}}<span class="ticon-tpl-sign">google-maps</span></li>

<li class="ticon-tpl-wrapper">{{ticon|anchor|size=24px}}<span class="ticon-tpl-sign">anchor</span></li>

<li class="ticon-tpl-wrapper">{{ticon|conversation|size=24px}}<span class="ticon-tpl-sign">conversation</span></li>

<li class="ticon-tpl-wrapper">{{ticon|chat|size=24px}}<span class="ticon-tpl-sign">chat</span></li>

<li class="ticon-tpl-wrapper">{{ticon|male|size=24px}}<span class="ticon-tpl-sign">male</span></li>

<li class="ticon-tpl-wrapper">{{ticon|female|size=24px}}<span class="ticon-tpl-sign">female</span></li>

<li class="ticon-tpl-wrapper">{{ticon|qrcode|size=24px}}<span class="ticon-tpl-sign">qrcode</span></li>

<li class="ticon-tpl-wrapper">{{ticon|barcode|size=24px}}<span class="ticon-tpl-sign">barcode</span></li>

<li class="ticon-tpl-wrapper">{{ticon|buoy|size=24px}}<span class="ticon-tpl-sign">buoy</span></li>

<li class="ticon-tpl-wrapper">{{ticon|spade|size=24px}}<span class="ticon-tpl-sign">spade</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bank|size=24px}}<span class="ticon-tpl-sign">bank</span></li>

<li class="ticon-tpl-wrapper">{{ticon|credit-card|size=24px}}<span class="ticon-tpl-sign">credit-card</span></li>

<li class="ticon-tpl-wrapper">{{ticon|shield|size=24px}}<span class="ticon-tpl-sign">shield</span></li>

<li class="ticon-tpl-wrapper">{{ticon|ring|size=24px}}<span class="ticon-tpl-sign">ring</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cake|size=24px}}<span class="ticon-tpl-sign">cake</span></li>

<li class="ticon-tpl-wrapper">{{ticon|drink|size=24px}}<span class="ticon-tpl-sign">drink</span></li>

<li class="ticon-tpl-wrapper">{{ticon|beer|size=24px}}<span class="ticon-tpl-sign">beer</span></li>

<li class="ticon-tpl-wrapper">{{ticon|fast-food|size=24px}}<span class="ticon-tpl-sign">fast-food</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cutlery|size=24px}}<span class="ticon-tpl-sign">cutlery</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pizza|size=24px}}<span class="ticon-tpl-sign">pizza</span></li>

<li class="ticon-tpl-wrapper">{{ticon|birthday-cake|size=24px}}<span class="ticon-tpl-sign">birthday-cake</span></li>

<li class="ticon-tpl-wrapper">{{ticon|settings|size=24px}}<span class="ticon-tpl-sign">settings</span></li>

<li class="ticon-tpl-wrapper">{{ticon|t-shirt|size=24px}}<span class="ticon-tpl-sign">t-shirt</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pants|size=24px}}<span class="ticon-tpl-sign">pants</span></li>

<li class="ticon-tpl-wrapper">{{ticon|sweater|size=24px}}<span class="ticon-tpl-sign">sweater</span></li>

<li class="ticon-tpl-wrapper">{{ticon|leather|size=24px}}<span class="ticon-tpl-sign">leather</span></li>

<li class="ticon-tpl-wrapper">{{ticon|scissors|size=24px}}<span class="ticon-tpl-sign">scissors</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bomb|size=24px}}<span class="ticon-tpl-sign">bomb</span></li>

<li class="ticon-tpl-wrapper">{{ticon|skull|size=24px}}<span class="ticon-tpl-sign">skull</span></li>

<li class="ticon-tpl-wrapper">{{ticon|celebration|size=24px}}<span class="ticon-tpl-sign">celebration</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tea-kettle|size=24px}}<span class="ticon-tpl-sign">tea-kettle</span></li>

<li class="ticon-tpl-wrapper">{{ticon|french-press|size=24px}}<span class="ticon-tpl-sign">french-press</span></li>

<li class="ticon-tpl-wrapper">{{ticon|coffee-cup|size=24px}}<span class="ticon-tpl-sign">coffee-cup</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pot|size=24px}}<span class="ticon-tpl-sign">pot</span></li>

<li class="ticon-tpl-wrapper">{{ticon|grater|size=24px}}<span class="ticon-tpl-sign">grater</span></li>

<li class="ticon-tpl-wrapper">{{ticon|kettle|size=24px}}<span class="ticon-tpl-sign">kettle</span></li>

<li class="ticon-tpl-wrapper">{{ticon|microphone|size=24px}}<span class="ticon-tpl-sign">microphone</span></li>

<li class="ticon-tpl-wrapper">{{ticon|webcam|size=24px}}<span class="ticon-tpl-sign">webcam</span></li>

<li class="ticon-tpl-wrapper">{{ticon|temple-christianity-church|size=24px}}<span class="ticon-tpl-sign">temple-christianity-church</span></li>

<li class="ticon-tpl-wrapper">{{ticon|temple-islam|size=24px}}<span class="ticon-tpl-sign">temple-islam</span></li>

<li class="ticon-tpl-wrapper">{{ticon|temple-hindu|size=24px}}<span class="ticon-tpl-sign">temple-hindu</span></li>

<li class="ticon-tpl-wrapper">{{ticon|temple-buddhist|size=24px}}<span class="ticon-tpl-sign">temple-buddhist</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bicycle|size=24px}}<span class="ticon-tpl-sign">bicycle</span></li>

<li class="ticon-tpl-wrapper">{{ticon|life-preserver|size=24px}}<span class="ticon-tpl-sign">life-preserver</span></li>

<li class="ticon-tpl-wrapper">{{ticon|share-alt|size=24px}}<span class="ticon-tpl-sign">share-alt</span></li>

<li class="ticon-tpl-wrapper">{{ticon|comments|size=24px}}<span class="ticon-tpl-sign">comments</span></li>

<li class="ticon-tpl-wrapper">{{ticon|flower|size=24px}}<span class="ticon-tpl-sign">flower</span></li>

<li class="ticon-tpl-wrapper">{{ticon|baseball|size=24px}}<span class="ticon-tpl-sign">baseball</span></li>

<li class="ticon-tpl-wrapper">{{ticon|rugby|size=24px}}<span class="ticon-tpl-sign">rugby</span></li>

<li class="ticon-tpl-wrapper">{{ticon|ax|size=24px}}<span class="ticon-tpl-sign">ax</span></li>

<li class="ticon-tpl-wrapper">{{ticon|table-tennis|size=24px}}<span class="ticon-tpl-sign">table-tennis</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bowling|size=24px}}<span class="ticon-tpl-sign">bowling</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tree-conifer|size=24px}}<span class="ticon-tpl-sign">tree-conifer</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tree-deciduous|size=24px}}<span class="ticon-tpl-sign">tree-deciduous</span></li>

<li class="ticon-tpl-wrapper">{{ticon|filter|size=24px}}<span class="ticon-tpl-sign">filter</span></li>

<li class="ticon-tpl-wrapper">{{ticon|gamepad|size=24px}}<span class="ticon-tpl-sign">gamepad</span></li>

<li class="ticon-tpl-wrapper">{{ticon|playing-dices|size=24px}}<span class="ticon-tpl-sign">playing-dices</span></li>

<li class="ticon-tpl-wrapper">{{ticon|calculator|size=24px}}<span class="ticon-tpl-sign">calculator</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tie|size=24px}}<span class="ticon-tpl-sign">tie</span></li>

<li class="ticon-tpl-wrapper">{{ticon|wallet|size=24px}}<span class="ticon-tpl-sign">wallet</span></li>

<li class="ticon-tpl-wrapper">{{ticon|piano|size=24px}}<span class="ticon-tpl-sign">piano</span></li>

<li class="ticon-tpl-wrapper">{{ticon|sampler|size=24px}}<span class="ticon-tpl-sign">sampler</span></li>

<li class="ticon-tpl-wrapper">{{ticon|podium|size=24px}}<span class="ticon-tpl-sign">podium</span></li>

<li class="ticon-tpl-wrapper">{{ticon|soccer-ball|size=24px}}<span class="ticon-tpl-sign">soccer-ball</span></li>

<li class="ticon-tpl-wrapper">{{ticon|blog|size=24px}}<span class="ticon-tpl-sign">blog</span></li>

<li class="ticon-tpl-wrapper">{{ticon|dashboard|size=24px}}<span class="ticon-tpl-sign">dashboard</span></li>

<li class="ticon-tpl-wrapper">{{ticon|certificate|size=24px}}<span class="ticon-tpl-sign">certificate</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bell|size=24px}}<span class="ticon-tpl-sign">bell</span></li>

<li class="ticon-tpl-wrapper">{{ticon|candle|size=24px}}<span class="ticon-tpl-sign">candle</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pushpin|size=24px}}<span class="ticon-tpl-sign">pushpin</span></li>

<li class="ticon-tpl-wrapper">{{ticon|iphone-shake|size=24px}}<span class="ticon-tpl-sign">iphone-shake</span></li>

<li class="ticon-tpl-wrapper">{{ticon|pin-flag|size=24px}}<span class="ticon-tpl-sign">pin-flag</span></li>

<li class="ticon-tpl-wrapper">{{ticon|turtle|size=24px}}<span class="ticon-tpl-sign">turtle</span></li>

<li class="ticon-tpl-wrapper">{{ticon|rabbit|size=24px}}<span class="ticon-tpl-sign">rabbit</span></li>

<li class="ticon-tpl-wrapper">{{ticon|globe|size=24px}}<span class="ticon-tpl-sign">globe</span></li>

<li class="ticon-tpl-wrapper">{{ticon|briefcase|size=24px}}<span class="ticon-tpl-sign">briefcase</span></li>

<li class="ticon-tpl-wrapper">{{ticon|hdd|size=24px}}<span class="ticon-tpl-sign">hdd</span></li>

<li class="ticon-tpl-wrapper">{{ticon|shopping-bag|size=24px}}<span class="ticon-tpl-sign">shopping-bag</span></li>

<li class="ticon-tpl-wrapper">{{ticon|book-open|size=24px}}<span class="ticon-tpl-sign">book-open</span></li>

<li class="ticon-tpl-wrapper">{{ticon|vases|size=24px}}<span class="ticon-tpl-sign">vases</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bullhorn|size=24px}}<span class="ticon-tpl-sign">bullhorn</span></li>

<li class="ticon-tpl-wrapper">{{ticon|dumbbell|size=24px}}<span class="ticon-tpl-sign">dumbbell</span></li>

<li class="ticon-tpl-wrapper">{{ticon|suitcase|size=24px}}<span class="ticon-tpl-sign">suitcase</span></li>

<li class="ticon-tpl-wrapper">{{ticon|file-import|size=24px}}<span class="ticon-tpl-sign">file-import</span></li>

<li class="ticon-tpl-wrapper">{{ticon|file-export|size=24px}}<span class="ticon-tpl-sign">file-export</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bug|size=24px}}<span class="ticon-tpl-sign">bug</span></li>

<li class="ticon-tpl-wrapper">{{ticon|crown|size=24px}}<span class="ticon-tpl-sign">crown</span></li>

<li class="ticon-tpl-wrapper">{{ticon|smoking|size=24px}}<span class="ticon-tpl-sign">smoking</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cloud-download|size=24px}}<span class="ticon-tpl-sign">cloud-download</span></li>

<li class="ticon-tpl-wrapper">{{ticon|cloud-upload|size=24px}}<span class="ticon-tpl-sign">cloud-upload</span></li>

<li class="ticon-tpl-wrapper">{{ticon|security-camera|size=24px}}<span class="ticon-tpl-sign">security-camera</span></li>

<li class="ticon-tpl-wrapper">{{ticon|globe-af|size=24px}}<span class="ticon-tpl-sign">globe-af</span></li>

<li class="ticon-tpl-wrapper">{{ticon|global|size=24px}}<span class="ticon-tpl-sign">global</span></li>

<li class="ticon-tpl-wrapper">{{ticon|spray|size=24px}}<span class="ticon-tpl-sign">spray</span></li>

<li class="ticon-tpl-wrapper">{{ticon|classic-hammer|size=24px}}<span class="ticon-tpl-sign">classic-hammer</span></li>

<li class="ticon-tpl-wrapper">{{ticon|hand-saw|size=24px}}<span class="ticon-tpl-sign">hand-saw</span></li>

<li class="ticon-tpl-wrapper">{{ticon|message-forward|size=24px}}<span class="ticon-tpl-sign">message-forward</span></li>

<li class="ticon-tpl-wrapper">{{ticon|coat-hanger|size=24px}}<span class="ticon-tpl-sign">coat-hanger</span></li>

<li class="ticon-tpl-wrapper">{{ticon|dress|size=24px}}<span class="ticon-tpl-sign">dress</span></li>

<li class="ticon-tpl-wrapper">{{ticon|bathrobe|size=24px}}<span class="ticon-tpl-sign">bathrobe</span></li>

<li class="ticon-tpl-wrapper">{{ticon|shirt|size=24px}}<span class="ticon-tpl-sign">shirt</span></li>

<li class="ticon-tpl-wrapper">{{ticon|exit|size=24px}}<span class="ticon-tpl-sign">exit</span></li>

<li class="ticon-tpl-wrapper">{{ticon|compressed|size=24px}}<span class="ticon-tpl-sign">compressed</span></li>

<li class="ticon-tpl-wrapper">{{ticon|tower|size=24px}}<span class="ticon-tpl-sign">tower</span></li>

<li class="ticon-tpl-wrapper">{{ticon|send|size=24px}}<span class="ticon-tpl-sign">send</span></li>

<li class="ticon-tpl-wrapper">{{ticon|construction-cone|size=24px}}<span class="ticon-tpl-sign">construction-cone</span></li>

<li class="ticon-tpl-wrapper">{{ticon|shoe-steps|size=24px}}<span class="ticon-tpl-sign">shoe-steps</span></li>

<li class="ticon-tpl-wrapper">{{ticon|wrench|size=24px}}<span class="ticon-tpl-sign">wrench</span></li>

<li class="ticon-tpl-wrapper">{{ticon|earphone|size=24px}}<span class="ticon-tpl-sign">earphone</span></li>

<li class="ticon-tpl-wrapper">{{ticon|floppy-saved|size=24px}}<span class="ticon-tpl-sign">floppy-saved</span></li>

<li class="ticon-tpl-wrapper">{{ticon|factory|size=24px}}<span class="ticon-tpl-sign">factory</span></li>

<li class="ticon-tpl-wrapper">{{ticon|shop-window|size=24px}}<span class="ticon-tpl-sign">shop-window</span></li>

<li class="ticon-tpl-wrapper">{{ticon|shop|size=24px}}<span class="ticon-tpl-sign">shop</span></li>

<li class="ticon-tpl-wrapper">{{ticon|kiosk|size=24px}}<span class="ticon-tpl-sign">kiosk</span></li>

<li class="ticon-tpl-wrapper">{{ticon|kiosk-wheels|size=24px}}<span class="ticon-tpl-sign">kiosk-wheels</span></li>

<li class="ticon-tpl-wrapper">{{ticon|kiosk-light|size=24px}}<span class="ticon-tpl-sign">kiosk-light</span></li>

<li class="ticon-tpl-wrapper">{{ticon|kiosk-food|size=24px}}<span class="ticon-tpl-sign">kiosk-food</span></li>

<li class="ticon-tpl-wrapper">{{ticon|gas-station|size=24px}}<span class="ticon-tpl-sign">gas-station</span></li>

<li class="ticon-tpl-wrapper">{{ticon|dining-set|size=24px}}<span class="ticon-tpl-sign">dining-set</span></li>

<li class="ticon-tpl-wrapper">{{ticon|plate-of-food|size=24px}}<span class="ticon-tpl-sign">plate-of-food</span></li>

<li class="ticon-tpl-wrapper">{{ticon|hygiene-kit|size=24px}}<span class="ticon-tpl-sign">hygiene-kit</span></li>

<li class="ticon-tpl-wrapper">{{ticon|blackboard|size=24px}}<span class="ticon-tpl-sign">blackboard</span></li>

<li class="ticon-tpl-wrapper">{{ticon|child|size=24px}}<span class="ticon-tpl-sign">child</span></li>

<li class="ticon-tpl-wrapper">{{ticon|baby-formula|size=24px}}<span class="ticon-tpl-sign">baby-formula</span></li>

<li class="ticon-tpl-wrapper">{{ticon|medicine|size=24px}}<span class="ticon-tpl-sign">medicine</span></li>

<li class="ticon-tpl-wrapper">{{ticon|atv-vehicle|size=24px}}<span class="ticon-tpl-sign">atv-vehicle</span></li>