UNPKG

talk-iconfonts

Version:

Iconfonts library and generator of Talk

810 lines 27.3 kB
<html> <head> <title>Talk Iconfonts</title> <link href="./css/talk-iconfonts.css" rel="stylesheet"> <style> body { font-family: Gill Sans; text-align: center; background: #f7f7f7 } body > h1 { color: #666; margin: 1em 0 } .glyph { padding: 0 } .glyph > li { display: inline-block; margin: .3em .2em; width: 5em; height: 6.5em; background: #fff; border-radius: .5em; position: relative } .glyph > li .s { display: block; margin-top: .1em; line-height: 0 } .glyph-name { font-size: .8em; color: #666; display: block } .glyph-codepoint { color: #999; font-family: monospace } </style> </head> <body> <h1>Talk Iconfonts</h1> <ul class="glyph"> <li> <i class="ti ti-activity ti-4x"></i> <span class="glyph-name">activity</span> <span class="glyph-codepoint">EA01</span> </li> <li> <i class="ti ti-alert-circle-solid ti-4x"></i> <span class="glyph-name">alert-circle-solid</span> <span class="glyph-codepoint">EA02</span> </li> <li> <i class="ti ti-alert-circle ti-4x"></i> <span class="glyph-name">alert-circle</span> <span class="glyph-codepoint">EA03</span> </li> <li> <i class="ti ti-alert-solid ti-4x"></i> <span class="glyph-name">alert-solid</span> <span class="glyph-codepoint">EA04</span> </li> <li> <i class="ti ti-alert ti-4x"></i> <span class="glyph-name">alert</span> <span class="glyph-codepoint">EA05</span> </li> <li> <i class="ti ti-android ti-4x"></i> <span class="glyph-name">android</span> <span class="glyph-codepoint">EA06</span> </li> <li> <i class="ti ti-apple ti-4x"></i> <span class="glyph-name">apple</span> <span class="glyph-codepoint">EA07</span> </li> <li> <i class="ti ti-arrow-down-circle ti-4x"></i> <span class="glyph-name">arrow-down-circle</span> <span class="glyph-codepoint">EA08</span> </li> <li> <i class="ti ti-download ti-4x"></i> <span class="glyph-name">download</span> <span class="glyph-codepoint">EA08</span> </li> <li> <i class="ti ti-arrow-down-circle-solid ti-4x"></i> <span class="glyph-name">arrow-down-circle-solid</span> <span class="glyph-codepoint">EA09</span> </li> <li> <i class="ti ti-download-solid ti-4x"></i> <span class="glyph-name">download-solid</span> <span class="glyph-codepoint">EA09</span> </li> <li> <i class="ti ti-arrow-down ti-4x"></i> <span class="glyph-name">arrow-down</span> <span class="glyph-codepoint">EA0A</span> </li> <li> <i class="ti ti-arrow-left-circle-solid ti-4x"></i> <span class="glyph-name">arrow-left-circle-solid</span> <span class="glyph-codepoint">EA0B</span> </li> <li> <i class="ti ti-arrow-left-circle ti-4x"></i> <span class="glyph-name">arrow-left-circle</span> <span class="glyph-codepoint">EA0C</span> </li> <li> <i class="ti ti-arrow-left ti-4x"></i> <span class="glyph-name">arrow-left</span> <span class="glyph-codepoint">EA0D</span> </li> <li> <i class="ti ti-arrow-right-circle-solid ti-4x"></i> <span class="glyph-name">arrow-right-circle-solid</span> <span class="glyph-codepoint">EA0E</span> </li> <li> <i class="ti ti-arrow-right-circle ti-4x"></i> <span class="glyph-name">arrow-right-circle</span> <span class="glyph-codepoint">EA0F</span> </li> <li> <i class="ti ti-arrow-right ti-4x"></i> <span class="glyph-name">arrow-right</span> <span class="glyph-codepoint">EA10</span> </li> <li> <i class="ti ti-arrow-up-circle ti-4x"></i> <span class="glyph-name">arrow-up-circle</span> <span class="glyph-codepoint">EA11</span> </li> <li> <i class="ti ti-upload ti-4x"></i> <span class="glyph-name">upload</span> <span class="glyph-codepoint">EA11</span> </li> <li> <i class="ti ti-arrow-up-circle-solid ti-4x"></i> <span class="glyph-name">arrow-up-circle-solid</span> <span class="glyph-codepoint">EA12</span> </li> <li> <i class="ti ti-upload-solid ti-4x"></i> <span class="glyph-name">upload-solid</span> <span class="glyph-codepoint">EA12</span> </li> <li> <i class="ti ti-arrow-up ti-4x"></i> <span class="glyph-name">arrow-up</span> <span class="glyph-codepoint">EA13</span> </li> <li> <i class="ti ti-at ti-4x"></i> <span class="glyph-name">at</span> <span class="glyph-codepoint">EA14</span> </li> <li> <i class="ti ti-bell ti-4x"></i> <span class="glyph-name">bell</span> <span class="glyph-codepoint">EA15</span> </li> <li> <i class="ti ti-bot ti-4x"></i> <span class="glyph-name">bot</span> <span class="glyph-codepoint">EA16</span> </li> <li> <i class="ti ti-bottle ti-4x"></i> <span class="glyph-name">bottle</span> <span class="glyph-codepoint">EA17</span> </li> <li> <i class="ti ti-box-open ti-4x"></i> <span class="glyph-name">box-open</span> <span class="glyph-codepoint">EA18</span> </li> <li> <i class="ti ti-brush ti-4x"></i> <span class="glyph-name">brush</span> <span class="glyph-codepoint">EA19</span> </li> <li> <i class="ti ti-calendar ti-4x"></i> <span class="glyph-name">calendar</span> <span class="glyph-codepoint">EA1A</span> </li> <li> <i class="ti ti-camera ti-4x"></i> <span class="glyph-name">camera</span> <span class="glyph-codepoint">EA1B</span> </li> <li> <i class="ti ti-case ti-4x"></i> <span class="glyph-name">case</span> <span class="glyph-codepoint">EA1C</span> </li> <li> <i class="ti ti-chain ti-4x"></i> <span class="glyph-name">chain</span> <span class="glyph-codepoint">EA1D</span> </li> <li> <i class="ti ti-chats ti-4x"></i> <span class="glyph-name">chats</span> <span class="glyph-codepoint">EA1E</span> </li> <li> <i class="ti ti-chevron-down ti-4x"></i> <span class="glyph-name">chevron-down</span> <span class="glyph-codepoint">EA1F</span> </li> <li> <i class="ti ti-chevron-left ti-4x"></i> <span class="glyph-name">chevron-left</span> <span class="glyph-codepoint">EA20</span> </li> <li> <i class="ti ti-chevron-right ti-4x"></i> <span class="glyph-name">chevron-right</span> <span class="glyph-codepoint">EA21</span> </li> <li> <i class="ti ti-chevron-up ti-4x"></i> <span class="glyph-name">chevron-up</span> <span class="glyph-codepoint">EA22</span> </li> <li> <i class="ti ti-chrome ti-4x"></i> <span class="glyph-name">chrome</span> <span class="glyph-codepoint">EA23</span> </li> <li> <i class="ti ti-cloud-upload ti-4x"></i> <span class="glyph-name">cloud-upload</span> <span class="glyph-codepoint">EA24</span> </li> <li> <i class="ti ti-cog-solid ti-4x"></i> <span class="glyph-name">cog-solid</span> <span class="glyph-codepoint">EA25</span> </li> <li> <i class="ti ti-cog ti-4x"></i> <span class="glyph-name">cog</span> <span class="glyph-codepoint">EA26</span> </li> <li> <i class="ti ti-collection ti-4x"></i> <span class="glyph-name">collection</span> <span class="glyph-codepoint">EA27</span> </li> <li> <i class="ti ti-comment ti-4x"></i> <span class="glyph-name">comment</span> <span class="glyph-codepoint">EA28</span> </li> <li> <i class="ti ti-compass ti-4x"></i> <span class="glyph-name">compass</span> <span class="glyph-codepoint">EA29</span> </li> <li> <i class="ti ti-computer ti-4x"></i> <span class="glyph-name">computer</span> <span class="glyph-codepoint">EA2A</span> </li> <li> <i class="ti ti-crown ti-4x"></i> <span class="glyph-name">crown</span> <span class="glyph-codepoint">EA2B</span> </li> <li> <i class="ti ti-diamond ti-4x"></i> <span class="glyph-name">diamond</span> <span class="glyph-codepoint">EA2C</span> </li> <li> <i class="ti ti-edit ti-4x"></i> <span class="glyph-name">edit</span> <span class="glyph-codepoint">EA2D</span> </li> <li> <i class="ti ti-ellipsis-vertical ti-4x"></i> <span class="glyph-name">ellipsis-vertical</span> <span class="glyph-codepoint">EA2E</span> </li> <li> <i class="ti ti-ellipsis ti-4x"></i> <span class="glyph-name">ellipsis</span> <span class="glyph-codepoint">EA2F</span> </li> <li> <i class="ti ti-emoji ti-4x"></i> <span class="glyph-name">emoji</span> <span class="glyph-codepoint">EA30</span> </li> <li> <i class="ti ti-face ti-4x"></i> <span class="glyph-name">face</span> <span class="glyph-codepoint">EA30</span> </li> <li> <i class="ti ti-export ti-4x"></i> <span class="glyph-name">export</span> <span class="glyph-codepoint">EA31</span> </li> <li> <i class="ti ti-eye-slash ti-4x"></i> <span class="glyph-name">eye-slash</span> <span class="glyph-codepoint">EA32</span> </li> <li> <i class="ti ti-eye-solid ti-4x"></i> <span class="glyph-name">eye-solid</span> <span class="glyph-codepoint">EA33</span> </li> <li> <i class="ti ti-eye ti-4x"></i> <span class="glyph-name">eye</span> <span class="glyph-codepoint">EA34</span> </li> <li> <i class="ti ti-feedback ti-4x"></i> <span class="glyph-name">feedback</span> <span class="glyph-codepoint">EA35</span> </li> <li> <i class="ti ti-file-fail ti-4x"></i> <span class="glyph-name">file-fail</span> <span class="glyph-codepoint">EA36</span> </li> <li> <i class="ti ti-file-holder ti-4x"></i> <span class="glyph-name">file-holder</span> <span class="glyph-codepoint">EA37</span> </li> <li> <i class="ti ti-file ti-4x"></i> <span class="glyph-name">file</span> <span class="glyph-codepoint">EA38</span> </li> <li> <i class="ti ti-files ti-4x"></i> <span class="glyph-name">files</span> <span class="glyph-codepoint">EA39</span> </li> <li> <i class="ti ti-forward ti-4x"></i> <span class="glyph-name">forward</span> <span class="glyph-codepoint">EA3A</span> </li> <li> <i class="ti ti-share ti-4x"></i> <span class="glyph-name">share</span> <span class="glyph-codepoint">EA3A</span> </li> <li> <i class="ti ti-github ti-4x"></i> <span class="glyph-name">github</span> <span class="glyph-codepoint">EA3B</span> </li> <li> <i class="ti ti-heart ti-4x"></i> <span class="glyph-name">heart</span> <span class="glyph-codepoint">EA3C</span> </li> <li> <i class="ti ti-like ti-4x"></i> <span class="glyph-name">like</span> <span class="glyph-codepoint">EA3C</span> </li> <li> <i class="ti ti-heart-solid ti-4x"></i> <span class="glyph-name">heart-solid</span> <span class="glyph-codepoint">EA3D</span> </li> <li> <i class="ti ti-like-solid ti-4x"></i> <span class="glyph-name">like-solid</span> <span class="glyph-codepoint">EA3D</span> </li> <li> <i class="ti ti-help-solid ti-4x"></i> <span class="glyph-name">help-solid</span> <span class="glyph-codepoint">EA3E</span> </li> <li> <i class="ti ti-help ti-4x"></i> <span class="glyph-name">help</span> <span class="glyph-codepoint">EA3F</span> </li> <li> <i class="ti ti-home ti-4x"></i> <span class="glyph-name">home</span> <span class="glyph-codepoint">EA40</span> </li> <li> <i class="ti ti-horn ti-4x"></i> <span class="glyph-name">horn</span> <span class="glyph-codepoint">EA41</span> </li> <li> <i class="ti ti-idea ti-4x"></i> <span class="glyph-name">idea</span> <span class="glyph-codepoint">EA42</span> </li> <li> <i class="ti ti-lamp-bulb-lean ti-4x"></i> <span class="glyph-name">lamp-bulb-lean</span> <span class="glyph-codepoint">EA42</span> </li> <li> <i class="ti ti-image ti-4x"></i> <span class="glyph-name">image</span> <span class="glyph-codepoint">EA43</span> </li> <li> <i class="ti ti-info-solid ti-4x"></i> <span class="glyph-name">info-solid</span> <span class="glyph-codepoint">EA44</span> </li> <li> <i class="ti ti-info ti-4x"></i> <span class="glyph-name">info</span> <span class="glyph-codepoint">EA45</span> </li> <li> <i class="ti ti-jianliao ti-4x"></i> <span class="glyph-name">jianliao</span> <span class="glyph-codepoint">EA46</span> </li> <li> <i class="ti ti-ladder ti-4x"></i> <span class="glyph-name">ladder</span> <span class="glyph-codepoint">EA47</span> </li> <li> <i class="ti ti-lamp-bulb ti-4x"></i> <span class="glyph-name">lamp-bulb</span> <span class="glyph-codepoint">EA48</span> </li> <li> <i class="ti ti-language ti-4x"></i> <span class="glyph-name">language</span> <span class="glyph-codepoint">EA49</span> </li> <li> <i class="ti ti-laptop ti-4x"></i> <span class="glyph-name">laptop</span> <span class="glyph-codepoint">EA4A</span> </li> <li> <i class="ti ti-launch-calendar ti-4x"></i> <span class="glyph-name">launch-calendar</span> <span class="glyph-codepoint">EA4B</span> </li> <li> <i class="ti ti-launch ti-4x"></i> <span class="glyph-name">launch</span> <span class="glyph-codepoint">EA4C</span> </li> <li> <i class="ti ti-leave ti-4x"></i> <span class="glyph-name">leave</span> <span class="glyph-codepoint">EA4D</span> </li> <li> <i class="ti ti-log-out ti-4x"></i> <span class="glyph-name">log-out</span> <span class="glyph-codepoint">EA4D</span> </li> <li> <i class="ti ti-life-belt ti-4x"></i> <span class="glyph-name">life-belt</span> <span class="glyph-codepoint">EA4E</span> </li> <li> <i class="ti ti-linux ti-4x"></i> <span class="glyph-name">linux</span> <span class="glyph-codepoint">EA4F</span> </li> <li> <i class="ti ti-lock-solid ti-4x"></i> <span class="glyph-name">lock-solid</span> <span class="glyph-codepoint">EA50</span> </li> <li> <i class="ti ti-lock ti-4x"></i> <span class="glyph-name">lock</span> <span class="glyph-codepoint">EA51</span> </li> <li> <i class="ti ti-loop ti-4x"></i> <span class="glyph-name">loop</span> <span class="glyph-codepoint">EA52</span> </li> <li> <i class="ti ti-mail ti-4x"></i> <span class="glyph-name">mail</span> <span class="glyph-codepoint">EA53</span> </li> <li> <i class="ti ti-map-marker ti-4x"></i> <span class="glyph-name">map-marker</span> <span class="glyph-codepoint">EA54</span> </li> <li> <i class="ti ti-markdown-solid ti-4x"></i> <span class="glyph-name">markdown-solid</span> <span class="glyph-codepoint">EA55</span> </li> <li> <i class="ti ti-markdown ti-4x"></i> <span class="glyph-name">markdown</span> <span class="glyph-codepoint">EA56</span> </li> <li> <i class="ti ti-member ti-4x"></i> <span class="glyph-name">member</span> <span class="glyph-codepoint">EA57</span> </li> <li> <i class="ti ti-user ti-4x"></i> <span class="glyph-name">user</span> <span class="glyph-codepoint">EA57</span> </li> <li> <i class="ti ti-menu ti-4x"></i> <span class="glyph-name">menu</span> <span class="glyph-codepoint">EA58</span> </li> <li> <i class="ti ti-mobile ti-4x"></i> <span class="glyph-name">mobile</span> <span class="glyph-codepoint">EA59</span> </li> <li> <i class="ti ti-mute ti-4x"></i> <span class="glyph-name">mute</span> <span class="glyph-codepoint">EA5A</span> </li> <li> <i class="ti ti-bell-slash ti-4x"></i> <span class="glyph-name">bell-slash</span> <span class="glyph-codepoint">EA5A</span> </li> <li> <i class="ti ti-open-drawer ti-4x"></i> <span class="glyph-name">open-drawer</span> <span class="glyph-codepoint">EA5B</span> </li> <li> <i class="ti ti-paperclip-lean ti-4x"></i> <span class="glyph-name">paperclip-lean</span> <span class="glyph-codepoint">EA5C</span> </li> <li> <i class="ti ti-paperclip ti-4x"></i> <span class="glyph-name">paperclip</span> <span class="glyph-codepoint">EA5D</span> </li> <li> <i class="ti ti-pause ti-4x"></i> <span class="glyph-name">pause</span> <span class="glyph-codepoint">EA5E</span> </li> <li> <i class="ti ti-pencil ti-4x"></i> <span class="glyph-name">pencil</span> <span class="glyph-codepoint">EA5F</span> </li> <li> <i class="ti ti-pin ti-4x"></i> <span class="glyph-name">pin</span> <span class="glyph-codepoint">EA60</span> </li> <li> <i class="ti ti-play ti-4x"></i> <span class="glyph-name">play</span> <span class="glyph-codepoint">EA61</span> </li> <li> <i class="ti ti-plus-circle-solid ti-4x"></i> <span class="glyph-name">plus-circle-solid</span> <span class="glyph-codepoint">EA62</span> </li> <li> <i class="ti ti-plus-circle ti-4x"></i> <span class="glyph-name">plus-circle</span> <span class="glyph-codepoint">EA63</span> </li> <li> <i class="ti ti-plus ti-4x"></i> <span class="glyph-name">plus</span> <span class="glyph-codepoint">EA64</span> </li> <li> <i class="ti ti-poop ti-4x"></i> <span class="glyph-name">poop</span> <span class="glyph-codepoint">EA65</span> </li> <li> <i class="ti ti-popsicle-bitten ti-4x"></i> <span class="glyph-name">popsicle-bitten</span> <span class="glyph-codepoint">EA66</span> </li> <li> <i class="ti ti-popsicle ti-4x"></i> <span class="glyph-name">popsicle</span> <span class="glyph-codepoint">EA67</span> </li> <li> <i class="ti ti-pre ti-4x"></i> <span class="glyph-name">pre</span> <span class="glyph-codepoint">EA68</span> </li> <li> <i class="ti ti-print ti-4x"></i> <span class="glyph-name">print</span> <span class="glyph-codepoint">EA69</span> </li> <li> <i class="ti ti-private-chat-solid ti-4x"></i> <span class="glyph-name">private-chat-solid</span> <span class="glyph-codepoint">EA6A</span> </li> <li> <i class="ti ti-private-chat ti-4x"></i> <span class="glyph-name">private-chat</span> <span class="glyph-codepoint">EA6B</span> </li> <li> <i class="ti ti-qrcode ti-4x"></i> <span class="glyph-name">qrcode</span> <span class="glyph-codepoint">EA6C</span> </li> <li> <i class="ti ti-recent ti-4x"></i> <span class="glyph-name">recent</span> <span class="glyph-codepoint">EA6D</span> </li> <li> <i class="ti ti-redirect-circle-solid ti-4x"></i> <span class="glyph-name">redirect-circle-solid</span> <span class="glyph-codepoint">EA6E</span> </li> <li> <i class="ti ti-redirect-circle ti-4x"></i> <span class="glyph-name">redirect-circle</span> <span class="glyph-codepoint">EA6F</span> </li> <li> <i class="ti ti-redirect ti-4x"></i> <span class="glyph-name">redirect</span> <span class="glyph-codepoint">EA70</span> </li> <li> <i class="ti ti-remove-circle-solid ti-4x"></i> <span class="glyph-name">remove-circle-solid</span> <span class="glyph-codepoint">EA71</span> </li> <li> <i class="ti ti-remove-circle ti-4x"></i> <span class="glyph-name">remove-circle</span> <span class="glyph-codepoint">EA72</span> </li> <li> <i class="ti ti-remove ti-4x"></i> <span class="glyph-name">remove</span> <span class="glyph-codepoint">EA73</span> </li> <li> <i class="ti ti-rich-text ti-4x"></i> <span class="glyph-name">rich-text</span> <span class="glyph-codepoint">EA74</span> </li> <li> <i class="ti ti-roster ti-4x"></i> <span class="glyph-name">roster</span> <span class="glyph-codepoint">EA75</span> </li> <li> <i class="ti ti-rotate-left ti-4x"></i> <span class="glyph-name">rotate-left</span> <span class="glyph-codepoint">EA76</span> </li> <li> <i class="ti ti-refresh ti-4x"></i> <span class="glyph-name">refresh</span> <span class="glyph-codepoint">EA76</span> </li> <li> <i class="ti ti-rotate-right ti-4x"></i> <span class="glyph-name">rotate-right</span> <span class="glyph-codepoint">EA77</span> </li> <li> <i class="ti ti-search ti-4x"></i> <span class="glyph-name">search</span> <span class="glyph-codepoint">EA78</span> </li> <li> <i class="ti ti-share-alt ti-4x"></i> <span class="glyph-name">share-alt</span> <span class="glyph-codepoint">EA79</span> </li> <li> <i class="ti ti-sharp ti-4x"></i> <span class="glyph-name">sharp</span> <span class="glyph-codepoint">EA7A</span> </li> <li> <i class="ti ti-square ti-4x"></i> <span class="glyph-name">square</span> <span class="glyph-codepoint">EA7B</span> </li> <li> <i class="ti ti-inte ti-4x"></i> <span class="glyph-name">inte</span> <span class="glyph-codepoint">EA7B</span> </li> <li> <i class="ti ti-star-solid ti-4x"></i> <span class="glyph-name">star-solid</span> <span class="glyph-codepoint">EA7C</span> </li> <li> <i class="ti ti-star ti-4x"></i> <span class="glyph-name">star</span> <span class="glyph-codepoint">EA7D</span> </li> <li> <i class="ti ti-tag-ellipsis ti-4x"></i> <span class="glyph-name">tag-ellipsis</span> <span class="glyph-codepoint">EA7E</span> </li> <li> <i class="ti ti-tag-solid ti-4x"></i> <span class="glyph-name">tag-solid</span> <span class="glyph-codepoint">EA7F</span> </li> <li> <i class="ti ti-tag ti-4x"></i> <span class="glyph-name">tag</span> <span class="glyph-codepoint">EA80</span> </li> <li> <i class="ti ti-teambition-circle-solid ti-4x"></i> <span class="glyph-name">teambition-circle-solid</span> <span class="glyph-codepoint">EA81</span> </li> <li> <i class="ti ti-teambition-solid ti-4x"></i> <span class="glyph-name">teambition-solid</span> <span class="glyph-codepoint">EA82</span> </li> <li> <i class="ti ti-teambition ti-4x"></i> <span class="glyph-name">teambition</span> <span class="glyph-codepoint">EA83</span> </li> <li> <i class="ti ti-tick-circle-solid ti-4x"></i> <span class="glyph-name">tick-circle-solid</span> <span class="glyph-codepoint">EA84</span> </li> <li> <i class="ti ti-tick-circle ti-4x"></i> <span class="glyph-name">tick-circle</span> <span class="glyph-codepoint">EA85</span> </li> <li> <i class="ti ti-tick ti-4x"></i> <span class="glyph-name">tick</span> <span class="glyph-codepoint">EA86</span> </li> <li> <i class="ti ti-trash ti-4x"></i> <span class="glyph-name">trash</span> <span class="glyph-codepoint">EA87</span> </li> <li> <i class="ti ti-user-add ti-4x"></i> <span class="glyph-name">user-add</span> <span class="glyph-codepoint">EA88</span> </li> <li> <i class="ti ti-users ti-4x"></i> <span class="glyph-name">users</span> <span class="glyph-codepoint">EA89</span> </li> <li> <i class="ti ti-voice ti-4x"></i> <span class="glyph-name">voice</span> <span class="glyph-codepoint">EA8A</span> </li> <li> <i class="ti ti-wave ti-4x"></i> <span class="glyph-name">wave</span> <span class="glyph-codepoint">EA8B</span> </li> <li> <i class="ti ti-wechat ti-4x"></i> <span class="glyph-name">wechat</span> <span class="glyph-codepoint">EA8C</span> </li> <li> <i class="ti ti-weibo ti-4x"></i> <span class="glyph-name">weibo</span> <span class="glyph-codepoint">EA8D</span> </li> <li> <i class="ti ti-windows ti-4x"></i> <span class="glyph-name">windows</span> <span class="glyph-codepoint">EA8E</span> </li> <li> <i class="ti ti-wrench ti-4x"></i> <span class="glyph-name">wrench</span> <span class="glyph-codepoint">EA8F</span> </li> <li> <i class="ti ti-zhihu ti-4x"></i> <span class="glyph-name">zhihu</span> <span class="glyph-codepoint">EA90</span> </li> </ul> </body> </html>