Необычные сервисы с иконками

В блоге достаточно много публикаций посвященных иконкам, но в большинстве случаев это наборы для скачивания по тем или иным тематикам. Сегодня хочу представить вам два простых, но не совсем обычных сервиса, которые связаны с иконками. Когда-то давно видел их упоминание на Хабре, к счастью, они до сих пор функционируют. Возможно вам пригодится это в работе или поможет с вдохновением.

One Div

Проект One Div является базой данных иконок, которые реализованы исключительно с помощью CSS3. На сайте найдете около 90 разных объектов — простых, сложных, классических и весьма оригинальных, есть также и анимационные иконки.

One Div

При наведении снизу отображаются поддерживаемые браузеры, есть ссылки на просмотр HTML, CSS кода и скачивание архива с этими файлами. Вообще в HTML используется всего одна строка с названием объекта.

<div class="eye"></div>

Все остальное реализуется через CSS.

.eye {
	width: 0;
	height: 0;
	position: relative;
	margin: 30% auto;
	border: 1.0em solid #2c2c2c;
	border-radius: 5.0em 0.5em / 5.0em 0.5em;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);	
}
 
.eye:before {
	content: "";
	position: absolute;
	top: -0.45em;
	left: -0.45em;
	width: 0.4em;
	height: 0.4em;
	background: #2c2c2c;
	border: 0.25em solid #EDEEE8;	
	border-radius: 50%;
}

Основным плюсом таких иконок может быть то, что при изменении размеров их внешний вид сохраняется (как и в векторной графике), что пригодится для популярного нынче адаптивного дизайна.

иконки с помощью CSS

Как можете видеть, на сайте имеются некоторые иконки с анимацией, а еще там есть объекты с эффектами при наведении. С другой стороны, конечно, современный интернет вполне допускает использование обычных картинок вместо этих CSS хаков. Но сервис все равно интересный.

The Noun Project

Авторы сайта The Noun Project решили создать самую большую базу данных иконок разных объектов из жизни. Все они разбиты на категории: животные, еда, люди, наука, спорт, техника, транспорт, путешествия, погода. В проекте участвуют дизайнеры со всего мира.

иконки The Noun Project

Иконок здесь действительно хватает — 11 тематических разделов по 100-200 объектов в каждом. Материалы публикуются под лицензиями Creative Commons Attribution 3.0 (CC BY) или Public Domain — некоторые можно скачать и использовать как угодно, другие бесплатны лишь в случае некоммерческих проектов. Хотя, конечно, странно видеть «стандартные» объекты по 1.99 доллара — как-то это слишком для иконок, отличающихся несколькими пикселями.

иконки The Noun Project

Поэтому в некоторых случаях, думаю, можно не скачивать непосредственно с сайтах, а использовать наборы тех или иных иконок для вдохновения при создании собственных. В сервисе есть поиск, имеется локализация на русский и украинский языки, хотя при тестировании сервис немного подтормаживал. Но вообще задумка интересная.

3 комментария к статье “Необычные сервисы с иконками”
  1. Вполне интересно,можно и попробовать куда нибудь поставить

  2. Павел

    А есть иконки с грузовиками?

  3. Tod

    Павел, иконки есть любые, нужно только поискать. На этих сайтах их, наверное, не так много, но подобные наборы из автомобилей я видел.

Оставить комментарий

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *