Entypo classes

HTML

<div class="entypo-items">
		<div title="icon-phone" class="icon-phone"></div>
		<div title="icon-mobile" class="icon-mobile"></div>
		<div title="icon-mouse" class="icon-mouse"></div>
		<div title="icon-address" class="icon-address"></div>
		<div title="icon-mail" class="icon-mail"></div>
		<div title="icon-paper-plane" class="icon-paper-plane"></div>
		<div title="icon-pencil" class="icon-pencil"></div>
		<div title="icon-feather" class="icon-feather"></div>
		<div title="icon-attach" class="icon-attach"></div>
		<div title="icon-inbox" class="icon-inbox"></div>
		<div title="icon-reply" class="icon-reply"></div>
		<div title="icon-reply-all" class="icon-reply-all"></div>
		<div title="icon-forward" class="icon-forward"></div>
		<div title="icon-user" class="icon-user"></div>
		<div title="icon-users" class="icon-users"></div>
		<div title="icon-add-user" class="icon-add-user"></div>
		<div title="icon-vcard" class="icon-vcard"></div>
		<div title="icon-export" class="icon-export"></div>
		<div title="icon-location" class="icon-location"></div>
		<div title="icon-map" class="icon-map"></div>
		<div title="icon-compass" class="icon-compass"></div>
		<div title="icon-direction" class="icon-direction"></div>
		<div title="icon-hair-cross" class="icon-hair-cross"></div>
		<div title="icon-share" class="icon-share"></div>
		<div title="icon-shareable" class="icon-shareable"></div>
		<div title="icon-heart" class="icon-heart"></div>
		<div title="icon-heart-empty" class="icon-heart-empty"></div>
		<div title="icon-star" class="icon-star"></div>
		<div title="icon-star-empty" class="icon-star-empty"></div>
		<div title="icon-thumbs-up" class="icon-thumbs-up"></div>
		<div title="icon-thumbs-down" class="icon-thumbs-down"></div>
		<div title="icon-chat" class="icon-chat"></div>
		<div title="icon-comment" class="icon-comment"></div>
		<div title="icon-quote" class="icon-quote"></div>
		<div title="icon-home" class="icon-home"></div>
		<div title="icon-popup"...

CSS

/*//////////////////////////////////////////////////////////////////////
//SOF entypo*/
@import url(http://weloveiconfonts.com/api/?family=entypo);

html, body {
    font-size: 10px;
    font-family: sans-serif;
}
[class*="icon"] {
  font-family: 'entypo';
}

.entypo-items, .entypo-items:before {
  /*font-family: 'entypo';*/
}
.entypo-items > div {
    display:inline-block;
    font-size: 4em;
    color: #999999;
}

.entypo-items > div:hover {
    color:black;
}
/*/ EOF entypo
//////////////////////////////////////////////////////////////////////*/
.icon-note:before { content: "\266a"; } /* '\266a' */
.icon-note-beamed:before { content: "\266b"; } /* '\266b' */
.icon-music:before { content: "🎵"; } /* '\1f3b5' */
.icon-search:before { content: "🔍"; } /* '\1f50d' */
.icon-flashlight:before { content: "🔦"; } /* '\1f526' */
.icon-mail:before { content: "\2709"; } /* '\2709' */
.icon-heart:before { content: "\2665"; } /* '\2665' */
.icon-heart-empty:before { content: "\2661"; } /* '\2661' */
.icon-star:before { content: "\2605"; } /* '\2605' */
.icon-star-empty:before { content: "\2606"; } /* '\2606' */
.icon-user:before { content: "👤"; } /* '\1f464' */
.icon-users:before { content: "👥"; } /* '\1f465' */
.icon-user-add:before { content: "\e700"; } /* '\e700' */
.icon-video:before { content: "🎬"; } /* '\1f3ac' */
.icon-picture:before { content: "🌄"; } /* '\1f304' */
.icon-camera:before { content: "📷"; } /* '\1f4f7' */
.icon-layout:before { content: "\268f"; } /* '\268f' */
.icon-menu:before { content: "\2630"; } /* '\2630' */
.icon-check:before { content: "\2713"; } /* '\2713' */
.icon-cancel:before { content: "\2715"; } /* '\2715' */
.icon-cancel-circled:before { content: "\2716"; } /* '\2716' */
.icon-cancel-squared:before { content: "\274e"; } /* '\274e' */
.icon-plus:before { content: "\2b"; } /* '\2b' */
.icon-plus-circled:before { content: "\2795"; } /* '\2795' */
.icon-plus-squared:before { content: "\229e"; } /* '\229e' */
.icon-minus:before { content: "\2d"; }...

JavaScript

$('#css').hide();
$(".entypo-items > div").on("click", function(){
    var cn = $(this).attr('class');
    $(".className").val(cn);
    $(".className").focus();
    $(".className").select();
});