{"id":1186,"date":"2018-06-08T10:58:09","date_gmt":"2018-06-08T10:58:09","guid":{"rendered":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/?page_id=1186"},"modified":"2018-06-11T09:52:08","modified_gmt":"2018-06-11T09:52:08","slug":"woonder-icons","status":"publish","type":"page","link":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/woonder-icons\/","title":{"rendered":"Woonder Icons"},"content":{"rendered":"

To insert a Woonder icon into your custom text\/HTML, you can use the HTML i tag:
\n<i class="ws ws-tag" aria-hidden="true"><\/i><\/code><\/p>\n

You can change the two colors of the icons in the theme customizer settings: Appearance \u00bb Customize \u00bb General \u00bb Global Colors<\/em>. Set the Primary custom icon color<\/strong> and Secondary custom icon color<\/strong> options.<\/p>\n

Here is the list of all icons with their classes:<\/p>\n

\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-yen<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-tag<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-return<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-coins-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-sign<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-heart<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-wallet<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-shopping-bag-2<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-delivery-truck-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-delivery-truck<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-ticket<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-task<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-chat<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-shopping-basket<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-shopping-bag-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-loupe<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-percentage<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-review<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-receipt<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-smartphone-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-smartphone<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-atm<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-email<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-pin<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-list<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-hanger-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-hanger<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-gift<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-gift-bag<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-package-2<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-dollar<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-euro<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-coins<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-cursor<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-online-banking<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-cash-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-cash<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-trolley<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-shopping-cart-2<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-shopping-cart-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-shopping-cart<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-credit-card-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-credit-card<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-calculator<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-package-1<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-package<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-medal<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-barcode<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n
\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-shopping-bag<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\n
\n
\n <\/span>\n <\/div>\n
\n class: ws ws-worldwide<\/code><\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

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 \u00bb Customize \u00bb General \u00bb Global Colors. Set the Primary custom icon color and Secondary custom icon color options. Here …<\/p>\n","protected":false},"author":52,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":{"0":"post-1186","1":"page","2":"type-page","3":"status-publish","5":"clearfix","6":"article","7":"product--with-button-on-hover"},"acf":[],"_links":{"self":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/pages\/1186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/comments?post=1186"}],"version-history":[{"count":2,"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/pages\/1186\/revisions"}],"predecessor-version":[{"id":1208,"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/pages\/1186\/revisions\/1208"}],"wp:attachment":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop-jungle\/wp-json\/wp\/v2\/media?parent=1186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}