⚠ī¸ Warning ⚠ī¸ Deprecated Code! This video tutorial contains outdated code.
💡 If you wish to update it, any AI assistant will update the code for you in seconds.

Flat Icons HTML Code Symbols Discovery JavaScript

Published : March 21, 2016   •   Last Edited : November 24, 2025   •   Author : Adam Khoury

In this exercise we will show how writing just a few lines of JavaScript will allow you to render, browse and discover the entire set of HTML code symbols and icons.

<style>
#icons > div{ display:inline-block; border:1px solid #AAA; padding:20px; text-align:center; }
#icons > div > b{ display:block; color:#06C; font-size:50px;  }
</style>
<div id="icons">
<script>
/* set low/high range using the numbers below */
for(var i=9985; i < 10175; i++){
    document.write("<div>");
    document.write("&amp;#"+i+";");
    document.write("<b>&#"+i+";</b>");
    document.write("</div>");
}
</script>
</div>
▲