Home Forums Hitek Support Forum Themes icon list code?

Themes icon list code?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #375372

    patrik.varga
    Participant

    Hi!
    I would like to use After add to cart section, but i dont want to use bloatwate elementor html block. 😀 (If i was see good, your default single product design file, dont use any elementor widget.)

    So, i made with pure html code (and some css) a horizontal list.

    Could you help me (if you have a list about xts stock icons) where can i found the documentation the list of icons that use your theme? I try to find a simle “check mark” icon.

    Example is your e-mail icon
    <i class=”xts-i-email”></i>

    My html code:
    <div>
    <h4 class=”xts-section-title title xts-design-default xts-textcolor-primary xts-fontsize-s”><span class=”xts-section-title-text”>Title text is here:</span></h4>
    <ul class=”horizontal-list”>
    <li class=”horizontal-list-item”><i class=”xts-i-email” style=”color: #f29102;” aria-hidden=”true”></i> A short amount of text
    <li class=”horizontal-list-item”><i class=”xts-i-email” style=”color: #f29102;” aria-hidden=”true”></i> A short amount of text
    <li class=”horizontal-list-item”><i class=”xts-i-email” style=”color: #f29102;” aria-hidden=”true”></i> A short amount of text

    </div>
    <div class=”xts-image-single xts-textalign-left”>
    <figure class=”xts-image”>
    <div class=”xts-image-inner”></div>
    </div>

    #375536

    Luke Nielsen
    Keymaster

    Hello,

    Our icons are not font awesome’s icons, they cannot be inserted using classes. They are inserted only in specific places and only by CSS that uses Unicode.

    Here is a list of the Unicode for our icons.

    $icon-angle-down: \e900;
    $icon-angle-left: \e901;
    $icon-angle-right: \e902;
    $icon-angle-up: \e903;
    $icon-arrow-down: \e904;
    $icon-arrow-left: \e905;
    $icon-arrow-right: \e906;
    $icon-arrow-up: \e907;
    $icon-bars: \e908;
    $icon-cross: \e909;
    $icon-heart: \e90a;
    $icon-loupe: \e90b;
    $icon-user: \e90c;
    $icon-phone: \e90e;
    $icon-map-marker: \e90f;
    $icon-reply: \e910;
    $icon-edit: \e911;
    $icon-comment: \e912;
    $icon-ellipsis-h: \e913;
    $icon-star: \e914;
    $icon-star-full: \e916;
    $icon-calendar: \e917;
    $icon-check: \e919;
    $icon-plus: \e91a;
    $icon-minus: \e91b;
    $icon-share: \e91c;
    $icon-expand-arrows: \e91e;
    $icon-angle-down-bold: \e921;
    $icon-angle-left-bold: \e922;
    $icon-angle-right-bold: \e923;
    $icon-angle-up-bold: \e924;
    $icon-arrow-down-left-thin: \e927;
    $icon-arrow-down-right-thin: \e928;
    $icon-quote: \e929;
    $icon-info: \e930;
    $icon-exclamation: \e931;
    $icon-image: \e932;
    $icon-play-button: \e933;
    $icon-music: \e934;
    $icon-link: \e935;
    $icon-image-gallery: \e936;
    $icon-cart: \e937;
    $icon-video: \e938;
    $icon-pause: \e939;
    $icon-unmute: \e940;
    $icon-mute: \e941;
    $icon-external-link: \e942;
    $icon-retweet: \e943;
    $icon-discount-coupon: \e944;
    $icon-product-list-icon-1: \e945;
    $icon-product-list-icon-2: \e946;
    $icon-product-list-icon-3: \e947;
    $icon-product-list-icon-4: \e948;
    $icon-bars-2: \e949;
    $icon-bag: \e950;
    $icon-compare: \e951;
    $icon-cart-empty: \e952;
    $icon-cart-check: \e953;
    $icon-size-guide: \e90d;
    $icon-product-list-icon-2-1: \e954;
    $icon-filter: \e955;
    $icon-filters-bar: \e956;
    $icon-wishlist-empty: \e957;
    $icon-tablet-sorting: \e958;
    $icon-envelope-regular: \e959;
    $icon-facebook-f-brands: \e960;
    $icon-twitter-brands: \e961;
    $icon-instagram-brands: \e962;
    $icon-telegram-brands: \e963;
    $icon-youtube-brands: \e964;
    $icon-snapchat-ghost-brands: \e965;
    $icon-whatsapp-brands: \e966;
    $icon-pinterest-brands: \e967;
    $icon-linkedin-in-brands: \e968;
    $icon-behance-brands: \e969;
    $icon-dribbble-brands: \e970;
    $icon-vimeo-v-brands: \e971;
    $icon-tumblr-brands: \e972;
    $icon-soundcloud-brands: \e973;
    $icon-github-brands: \e974;
    $icon-flickr-brands: \e975;
    $icon-spotify-brands: \e976;
    $icon-vk-brands: \e977;
    $icon-odnoklassniki-brands: \e978;
    $icon-facebook-box: \e979;
    $icon-view: \e980;
    $icon-home: \e981;
    $icon-shop: \e982;
    $icon-blog: \e983;
    $icon-my-ac-account-details: \e984;
    $icon-my-ac-addresses: \e985;
    $icon-my-ac-downloads: \e986;
    $icon-my-ac-log-out: \e987;
    $icon-my-ac-setting: \e988;
    $icon-my-ac-orders: \e989;
    $icon-my-ac-wishlist: \e990;
    $icon-tiktok-brands: \e991;
    $icon-viber-brands: \e992;

    Also, to be able to appear it, you should use font-family: font-icon;

    Kind Regards

Viewing 2 posts - 1 through 2 (of 2 total)