Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1010341

    twigglee
    Participant

    Hey there,
    I currently am using the lock and unlock icons for my menu for log-in and log-out
    but is there a log-out/log-in symbol instead of lock and unlock?
    example of log-out symbol:
    https://cdn1.iconfinder.com/data/icons/windows-8-metro-style/512/logout.png
    Thanks! 🙂

    #1010427

    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! X is using Font awesome icons. Regretfully the icon you wanted may not be present in Font awesome. You can find all the font awesome icons from here:
    http://fontawesome.io/icons/
    fontawesome.bootstrapcheatsheets.com

    Hope this helps.

    #1010679

    twigglee
    Participant

    Hi 🙂
    I have found the icons on font awesome! They’re called “sign-in” and “sign-out” but how do I change the code in menus to change the icons to “sign-in” and “sign-out”?
    Thanks!

    #1010716

    Rue Nel
    Moderator

    Hello There,

    You can use these code:

    
    <i style="font-size: 16px;" class="x-icon x-icon-sign-in" data-x-icon=""></i>
    <i style="font-size: 16px;" class="x-icon x-icon-sign-out" data-x-icon=""></i>

    Please copy the raw code here (http://pastebin.com/VC5ASjaL) to preserve the unicode html entities or data-x-icon values.

    For unicode html entities reference: http://fontawesome.bootstrapcheatsheets.com/

    #1010732

    twigglee
    Participant

    Thank you!

    #1010784

    Paul R
    Moderator

    You’re welcome! 🙂