@font-face {
  font-family: "DeusoDocs";
  font-style: normal;
  font-weight: normal;
  src: local("DeusoDocs"), url("DeusoDocs.ttf") format("truetype");
}

.icon {
  font-family: "DeusoDocs", sans-serif;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.icon.12  { font-size: 12px; }
.icon.16  { font-size: 16px; }
.icon.20  { font-size: 20px; }
.icon.24  { font-size: 24px; }
.icon.32  { font-size: 32px; }
.icon.40  { font-size: 40px; }
.icon.48  { font-size: 48px; }
.icon.56  { font-size: 56px; }
.icon.64  { font-size: 64px; }
.icon.128 { font-size: 128px; }
.icon.256 { font-size: 256px; }

.icon.treeitem::before     { content: '0'; }
.icon.treeitemlast::before { content: '1'; }
.icon.search::before       { content: '2'; }