Add Extra Icon Libraries
Latest update: February 4, 2019 | Reading time: 1 to 2 minutes1) Find an Icon Library that supports CDN, e.g. http://evil-icons.io/
2) Find the CDN resources. For example, for Evil Icons you need a CSS and a JS file
Resources: https://github.com/evil-icons/evil-icons#cdn
3) Enqueue the resources through your child theme’s function.php:
Add this code:
function wp_load_cdn_resources() { wp_enqueue_style( 'evil-icons', 'https://cdn.jsdelivr.net/evil-icons/1.9.0/evil-icons.min.css' ); wp_enqueue_script( 'evil-icons', 'https://cdn.jsdelivr.net/evil-icons/1.9.0/evil-icons.min.js' ); } add_action( 'wp_enqueue_scripts', 'wp_load_cdn_resources' );
4) Use the icons!
<div data-icon="ei-archive"></div> <div data-icon="ei-chart" data-size="s"></div> <div data-icon="ei-check" data-size="m"></div> <div data-icon="ei-spinner" data-size="m"></div> <div data-icon="ei-cart" data-size="l" class="foo"></div>