su-dung-dashicons

gist.php

<?php
add_action( 'wp_enqueue_scripts', 'themename_scripts' );
function themename_scripts() {
    wp_enqueue_style( 'themename-style', get_stylesheet_uri(), array( 'dashicons' ), '1.0' );
}

gist1.html

<div class="dashicons ten-icon"></div>

gist2.css

.myicon:before{
  content: "mã icon";
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 20px/1 'dashicons';
  vertical-align: top;
}