To insert a Woonder icon into your custom text/HTML, you can use the HTML i tag:
<i class="ws ws-tag" aria-hidden="true"></i>
You can change the two colors of the icons in the theme customizer settings: Appearance » Customize » General » Global Colors. Set the Primary custom icon color and Secondary custom icon color options.
Here is the list of all icons with their classes:
class:
ws ws-yen
class:
ws ws-tag
class:
ws ws-return
class:
ws ws-coins-1
class:
ws ws-sign
class:
ws ws-heart
class:
ws ws-wallet
class:
ws ws-shopping-bag-2
class:
ws ws-delivery-truck-1
class:
ws ws-delivery-truck
class:
ws ws-ticket
class:
ws ws-task
class:
ws ws-chat
class:
ws ws-shopping-basket
class:
ws ws-shopping-bag-1
class:
ws ws-loupe
class:
ws ws-percentage
class:
ws ws-review
class:
ws ws-receipt
class:
ws ws-smartphone-1
class:
ws ws-smartphone
class:
ws ws-atm
class:
ws ws-email
class:
ws ws-pin
class:
ws ws-list
class:
ws ws-hanger-1
class:
ws ws-hanger
class:
ws ws-gift
class:
ws ws-gift-bag
class:
ws ws-package-2
class:
ws ws-dollar
class:
ws ws-euro
class:
ws ws-coins
class:
ws ws-cursor
class:
ws ws-online-banking
class:
ws ws-cash-1
class:
ws ws-cash
class:
ws ws-trolley
class:
ws ws-shopping-cart-2
class:
ws ws-shopping-cart-1
class:
ws ws-shopping-cart
class:
ws ws-credit-card-1
class:
ws ws-credit-card
class:
ws ws-calculator
class:
ws ws-package-1
class:
ws ws-package
class:
ws ws-medal
class:
ws ws-barcode
class:
ws ws-shopping-bag
class:
ws ws-worldwide