Genericons: бесплатные иконки для ваших тем WordPress

Если вы разрабатываете темы для WordPress, то вам наверняка могут пригодиться иконки для форматов записей, для кнопок социальных сетей, для обозначения мета-данных записей и т.д. Genericons — это комплект из более 100 бесплатных иконок для ваших тем и сайтов.

Иконки Genericons

Иконки Genericons удобно использовать в веб-проектах, поскольку они упакованы в специальный шрифт, который легко подключить и использовать с помощью CSS. Для этого вам потребуется лишь директория font и файл стилей genericons.css. Подключить стили в вашей теме для WordPress вы можете с помощью функции wp_enqueue_style() в файле functions.php:

function my_scripts_and_styles() {
    wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons.css' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_and_styles' );

После этого вы можете использовать следующий HTML код, чтобы вставить иконку из комплекта Genericons в любом месте вашей темы:

<div class="genericon genericon-standard"></div>

Или же с помощью селектора :before напрямую в CSS стилях темы:

.my-icon:before {
    content: '\f408';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 32px/1 'Genericons';
    vertical-align: middle;
}

Все значения для иконок вы можете найти на сайте Genericons.com, где вы можете нажав на любую иконку, скопировать требуемое значение в формате для вставки в HTML, CSS или же сам «глиф», который вы можете использовать например в Photoshop.

Все иконки Genericons являются векторными, поэтому вы им можете задавать любой размер и цвет, и качество от этого особо не пострадает. Авторы шрифта Genericons рекомендуют размеры кратные 16-ти пикселям, например 32, 48, 64 и т.д. для наилучшего качества.

Лицензия

Важно отметить, что комплект Genericons распространяется бесплатно под свободной лицензией GPL. Это значит, что вы можете пользоваться иконками без ограничений, изменять их, дополнять и даже распространять с единственным условием: вы должны сохранить лицензию.

Данная лицензия играет огромную роль при разработке тем для официальной директории WordPress.org, поскольку лицензия GPL является одним из требованием, а найти качественные иконки с лицензией совместимой с GPL — задача не из лёгких.

Скачать иконки вы можете на официальном сайте Genericons.com. Если вы знаете ещё какие-нибудь комплекты иконок, лицензии которых совместимы с GPL — оставьте комментарий!