Текстовые иконки для сайта SimpleLine (162 штуки)

Текстовые иконки Simple Line Icons являются замечательной альтернативой таким известным упаковкам иконок, как FontAwesome или Halflings Bootstrap. Эти иконки также распространяются на бесплатной основе, и позволяют обеспечить символьными иконками сайт средней степени сложности.

Оригинальность SimpleLine Icons — в их простоте, и едином стиле, что не всегда соблюдается другими шрифтами. Общие черты всех представленных иконок — тонкие чёткие линии, отсутствие прорисовки мелких деталей — только самое важное. Этакий минимализм, который, к слову, очень ценится современными дизайнерами.

162 иконки — не то, чтобы очень много, но и не слишком мало, учитывая, что в Simple Line найдутся свои символы на любой случай. Даже если у вас не совсем обычный сайт, вы всё равно найдёте что-то для себя в этом паке. Чего стоят хотя бы иконка "усы", или "привидение", которых, кстати, в халфлингсах и фонтавесом не существует.

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

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

simple-line-icons.zip | 181,41 Кб | Скачан: 561 раз

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


  • sline-user-female
  • sline-user-follow
  • sline-user-following
  • sline-user-unfollow
  • sline-trophy
  • sline-screen-smartphone
  • sline-screen-desktop
  • sline-plane
  • sline-notebook
  • sline-moustache
  • sline-mouse
  • sline-magnet
  • sline-energy
  • sline-emoticon-smile
  • sline-disc
  • sline-cursor-move
  • sline-crop
  • sline-credit-card
  • sline-chemistry
  • sline-user
  • sline-speedometer
  • sline-social-youtube
  • sline-social-twitter
  • sline-social-tumblr
  • sline-social-facebook
  • sline-social-dropbox
  • sline-social-dribbble
  • sline-shield
  • sline-screen-tablet
  • sline-magic-wand
  • sline-hourglass
  • sline-graduation
  • sline-ghost
  • sline-game-controller
  • sline-fire
  • sline-eyeglasses
  • sline-envelope-open
  • sline-envelope-letter
  • sline-bell
  • sline-badge
  • sline-anchor
  • sline-wallet
  • sline-vector
  • sline-speech
  • sline-puzzle
  • sline-printer
  • sline-present
  • sline-playlist
  • sline-pin
  • sline-picture
  • sline-map
  • sline-layers
  • sline-handbag
  • sline-globe-alt
  • sline-globe
  • sline-frame
  • sline-folder-alt
  • sline-film
  • sline-feed
  • sline-earphones-alt
  • sline-earphones
  • sline-drop
  • sline-drawer
  • sline-docs
  • sline-directions
  • sline-direction
  • sline-diamond
  • sline-cup
  • sline-compass
  • sline-call-out
  • sline-call-in
  • sline-call-end
  • sline-calculator
  • sline-bubbles
  • sline-briefcase
  • sline-book-open
  • sline-basket-loaded
  • sline-basket
  • sline-bag
  • sline-action-undo
  • sline-action-redo
  • sline-wrench
  • sline-umbrella
  • sline-trash
  • sline-tag
  • sline-support
  • sline-size-fullscreen
  • sline-size-actual
  • sline-shuffle
  • sline-share-alt
  • sline-share
  • sline-rocket
  • sline-question
  • sline-pie-chart
  • sline-pencil
  • sline-note
  • sline-music-tone-alt
  • sline-music-tone
  • sline-microphone
  • sline-loop
  • sline-logout
  • sline-login
  • sline-list
  • sline-like
  • sline-home
  • sline-grid
  • sline-graph
  • sline-equalizer
  • sline-dislike
  • sline-cursor
  • sline-control-start
  • sline-control-rewind
  • sline-control-play
  • sline-control-pause
  • sline-control-forward
  • sline-control-end
  • sline-calendar
  • sline-bulb
  • sline-bar-chart
  • sline-arrow-up
  • sline-arrow-right
  • sline-arrow-left
  • sline-arrow-down
  • sline-ban
  • sline-bubble
  • sline-camcorder
  • sline-camera
  • sline-check
  • sline-clock
  • sline-close
  • sline-cloud-download
  • sline-cloud-upload
  • sline-doc
  • sline-envelope
  • sline-eye
  • sline-flag
  • sline-folder
  • sline-heart
  • sline-info
  • sline-key
  • sline-link
  • sline-lock
  • sline-lock-open
  • sline-magnifier
  • sline-magnifier-add
  • sline-magnifier-remove
  • sline-paper-clip
  • sline-paper-plane
  • sline-plus
  • sline-pointer
  • sline-power
  • sline-refresh
  • sline-reload
  • sline-settings
  • sline-star
  • sline-symbol-female
  • sline-symbol-male
  • sline-target
  • sline-volume-1
  • sline-volume-2
  • sline-volume-off
  • sline-users

2531 просмотр
Теги: иконки

Комментарии

Алекс #
22 ноября 2015 в 13:50
Качайте на здоровье)))