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

COVID-19 Update: We are operating as normal, however, our engineers are taking all the necessary precautions to prevent the spread of the virus to keep all our customers and engineers safe. We are following strict UK and World Health Organisation guidelines on all boiler installations, repairs and services.