Recently, I obtained a source code for a website navigation that includes a unique set of icons known as "Typicon."
The HTML in the source code contains the following:
<link rel="stylesheet" type="text/css" href="css/component.css" />
Within the CSS component file, there is specific styling for an icon such as:
@font-face {
font-family: 'typicons';
src:url('../fonts/typicons/typicons.eot');
src:url('../fonts/typicons/typicons.eot?#iefix') format('embedded-opentype'),
url('../fonts/typicons/typicons.ttf') format('truetype'),
url('../fonts/typicons/typicons.woff') format('woff'),
url('../fonts/typicons/typicons.svg#typicons') format('svg');
Additionally, there is a reference to a specific icon with the content "\e601":
.icon-home::before { content: "\e601" }
I am interested in customizing the logo for a certain class, but I am unable to locate the directory containing all the available icons for selection.