Пример использования

<span class="osi os-freebsd"></span>

<span class="osi os-freebsd os-xs"></span> 
<span class="osi os-freebsd os-sm"></span> 
<span class="osi os-freebsd os-lg"></span> 
<span class="osi os-freebsd os-2x"></span> 
<span class="osi os-freebsd os-3x"></span> 
<span class="osi os-freebsd os-4x"></span> 
<span class="osi os-freebsd os-5x"></span> 
<span class="osi os-freebsd os-6x"></span>
<span class="osi os-freebsd os-7x"></span> 
<span class="osi os-freebsd os-8x"></span> 
<span class="osi os-freebsd os-9x"></span> 
<span class="osi os-freebsd os-10x"></span>

Так же можно использовать тег i:

<i class="osi os-rocky"></i>

Использование кода HTML:

 CentOS

<span style="font-family: 'osicon'">&#xe802;</span> CentOS

Или с использованием класса:

 CentOS
HTML

<span class="test-icon1">&#xe802;</span> CentOS

CSS

.test-icon1 {
	font-family: "osicon";
}

Добавление стиля иконки

Ubuntu

<i class="osi os-ubuntu" style="color: #dd4814; font-size: 24px"></i> <b>Ubuntu</b>

Пример использования в CSS

HTML

<div class="test-icon2">Astra Linux</div>

CSS

.test-icon2 {
    font-size: 1.5em;
    font-weight: 500;
    color: #043b71;
}
.test-icon2:before {
    font-family: "osicon";
    content: "\e801";
    display: inline-block;
    color: #0079c2;
    margin-right: 3px;
}

Тест-драйв шрифта

Размер шрифта: px