Название шрифта: osicon (Глифы: 12)

os-alma
liga:
os-astra
liga:
os-centos
liga:
os-debian
liga:
os-deepin
liga:
os-freebsd
liga:
os-ios
liga:
os-linux
liga:
os-mac
liga:
os-rocky
liga:
os-ubuntu
liga:
os-windows
liga:

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

<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

Astra Linux
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;
}

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

 

Сгенерировано Авторская зона Skaiman