Themes icon list code?

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>

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

[Author]

Posts