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

Источник: design-mania

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

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


Страница сайта http://www.interface.ru
Оригинал находится по адресу http://www.interface.ru/home.asp?artId=32594