Текстовые иконки DripIcons (95 штук)

Небольшая коллекция из 95 текстовых иконок под названием DripIcons, взамен уже порядком поднадоевшим FontAwesome и GlyphIcons. Иконки бесплатные, можете пользоваться на своё усмотрение.

Что есть в этом маленьком, но интересном сете из 95 текстовых иконок? Ничего необычного - всё те же значки форматирования текста, вспомогательные значки для меню сайта, и прочее. Коллекция, надо сказать, довольно небогатая, особенно, в сравнении с FontaWesome, которых на данный момент уже насчитывается более 400 штук. Однако, DripIcons выполнены в очень оригинальном стиле, несколько угловатые, но в то же время - довольно симпатичные.

Как подключить текстовые иконки DripIcons к сайту

Скачайте архив по ссылке ниже, залейте на хостинг и распакуйте его в той папке, где хранятся css-файлы вашего шаблона. Затем в самом начале основного css-файла подключите файл dripicons.css путём конструкции @import url(путь_до_папки/dripicons/dripicons.css);

dripicons.zip | 62,2 Кб | Скачан: 521 раз

Теперь, для того, чтобы вставить на ваш сайт одну из перечисленных ниже иконок, вам необходимо использовать тег <i class="название_иконки"></i>, выбрав одно из названий, представленных в следующей демо-таблице.


  • drip-align-center
  • drip-align-justify
  • drip-align-left
  • drip-align-right
  • drip-arrow-down
  • drip-arrow-left
  • drip-arrow-thin-down
  • drip-arrow-right
  • drip-arrow-thin-left
  • drip-arrow-thin-up
  • drip-arrow-up
  • drip-attachment
  • drip-arrow-thin-right
  • drip-code
  • drip-cloud
  • drip-chevron-right
  • drip-chevron-up
  • drip-chevron-down
  • drip-chevron-left
  • drip-camera
  • drip-checkmark
  • drip-calendar
  • drip-clockwise
  • drip-conversation
  • drip-direction
  • drip-cross
  • drip-graph-line
  • drip-gear
  • drip-graph-bar
  • drip-export
  • drip-feed
  • drip-folder
  • drip-forward
  • drip-folder-open
  • drip-download
  • drip-document-new
  • drip-document-edit
  • drip-document
  • drip-gaming
  • drip-graph-pie
  • drip-heart
  • drip-headset
  • drip-help
  • drip-information
  • drip-loading
  • drip-lock
  • drip-location
  • drip-lock-open
  • drip-mail
  • drip-map
  • drip-media-loop
  • drip-mobile-portrait
  • drip-mobile-landscape
  • drip-microphone
  • drip-minus
  • drip-message
  • drip-menu
  • drip-media-stop
  • drip-media-shuffle
  • drip-media-previous
  • drip-media-play
  • drip-media-next
  • drip-media-pause
  • drip-monitor
  • drip-move
  • drip-plus
  • drip-phone
  • drip-preview
  • drip-print
  • drip-media-record
  • drip-music
  • drip-home
  • drip-question
  • drip-reply
  • drip-reply-all
  • drip-return
  • drip-retweet
  • drip-search
  • drip-view-thumb
  • drip-view-list-large
  • drip-view-list
  • drip-upload
  • drip-user-group
  • drip-trash
  • drip-user
  • drip-thumbs-up
  • drip-thumbs-down
  • drip-tablet-portrait
  • drip-tablet-landscape
  • drip-tag
  • drip-star
  • drip-volume-full
  • drip-volume-off
  • drip-warning
  • drip-window
1965 просмотров

Комментарии

Нет комментариев. Ваш будет первым!