Gradient icons

To Use this Beatiful Gradient just include gradient.css to your HTML file and add class bg_color and for color change add extra class type_1 type_2 and more

bee-icon-stop-watch
liga:
bee-icon-coffee-cup-f
liga:
bee-icon-quotes-left
liga:
bee-icon-apple
liga:
bee-icon-star
liga:
bee-icon-livingroom
liga:
bee-icon-dress
liga:

Gradient icons square

Just add class square top apply this effect

bee-icon-armchair
liga:
bee-icon-lipstick
liga:
bee-icon-shirt-man
liga:
bee-icon-Shoes
liga:
bee-icon-uniE934
liga:
bee-icon-Stationary
liga:

Gradient icons fill

to apply this effect just add class fill_color instead of bg_color

bee-icon-rupee-indian
liga:
bee-icon-india-gate
liga:
bee-icon-india-map
liga:
bee-icon-qutab-minar
liga:
bee-icon-taj-mahal
liga:
bee-icon-gasoline-solid
liga:
bee-icon-gasoline
liga:

Text Modifier

bee-icon-align-center
liga:
bee-icon-align-justify
liga:
bee-icon-align-left
liga:
bee-icon-align-right
liga:
bee-icon-color-picker
liga:
bee-icon-eraser
liga:
bee-icon-eraser-o
liga:
bee-icon-expand
liga:
bee-icon-list-ol
liga:
bee-icon-minus
liga:
bee-icon-tint
liga:
bee-icon-pencil-edit-button
liga:
bee-icon-list-numbered
liga:
bee-icon-list
liga:
bee-icon-list2
liga:
bee-icon-tree
liga:
bee-icon-tab
liga:
bee-icon-move-up
liga:
bee-icon-move-down
liga:
bee-icon-sort-alpha-asc
liga:
bee-icon-sort-alpha-desc
liga:
bee-icon-sort-numeric-asc
liga:
bee-icon-sort-numberic-desc
liga:
bee-icon-sort-amount-asc
liga:
bee-icon-sort-amount-desc
liga:
bee-icon-command
liga:
bee-icon-shift
liga:
bee-icon-checkbox-checked
liga:
bee-icon-checkbox-unchecked
liga:
bee-icon-crop
liga:
bee-icon-font
liga:
bee-icon-ligature
liga:
bee-icon-ligature2
liga:
bee-icon-text-height
liga:
bee-icon-text-width
liga:
bee-icon-font-size
liga:
bee-icon-bold
liga:
bee-icon-underline
liga:
bee-icon-italic
liga:
bee-icon-strikethrough
liga:
bee-icon-omega
liga:
bee-icon-page-break
liga:
bee-icon-superscript
liga:
bee-icon-subscript
liga:
bee-icon-superscript2
liga:
bee-icon-subscript2
liga:
bee-icon-text-color
liga:
bee-icon-pagebreak
liga:
bee-icon-clear-formatting
liga:
bee-icon-table2
liga:
bee-icon-insert-template
liga:
bee-icon-pilcrow
liga:
bee-icon-ltr
liga:
bee-icon-rtl
liga:
bee-icon-embed
liga:
bee-icon-embed2
liga:
bee-icon-quotes-left
liga:
bee-icon-quotes-right
liga:
bee-icon-quote-right
liga:
bee-icon-quote-left
liga:

Arrow

bee-icon-arrow-top
liga:
bee-icon-angle-up
liga:
bee-icon-angle-down
liga:
bee-icon-arrow-right
liga:
bee-icon-angle-left
liga:
bee-icon-angle-right
liga:
bee-icon-arrow-bottom
liga:
bee-icon-arrow-left
liga:
bee-icon-arrow-down-left
liga:
bee-icon-arrow-down-right
liga:
bee-icon-arrow-top-left
liga:
bee-icon-arrow-top-right
liga:
bee-icon-arrow-down-sm
liga:
bee-icon-arrow-top-sm
liga:
bee-icon-arrows-v
liga:
bee-icon-arrows-corners
liga:
bee-icon-arrows-fullscreen
liga:
bee-icon-check
liga:
bee-icon-code
liga:
bee-icon-arrow-left-f
liga:
bee-icon-arrow-right-f
liga:
bee-icon-arrow-top-f
liga:
bee-icon-arrow-bottom-f
liga:
bee-icon-arrow-bottom-circle
liga:
bee-icon-arrow-left-circle
liga:
bee-icon-arrow-right-circle
liga:
bee-icon-backward
liga:
bee-icon-backward-f
liga:
bee-icon-plus
liga:
bee-icon-plus-sign-curcle-o
liga:
bee-icon-close
liga:
bee-icon-refresh
liga:
bee-icon-redo
liga:
bee-icon-undo
liga:
bee-icon-arrow-square-down
liga:
bee-icon-arrow-square-up
liga:
bee-icon-arrow-square-down-o
liga:
bee-icon-arrow-square-up-o
liga:
bee-icon-arrow-square-left-o
liga:
bee-icon-arrow-square-right-0
liga:
bee-icon-rotate
liga:
bee-icon-reply-o
liga:
bee-icon-arrow-square-right
liga:
bee-icon-arrow-square-left
liga:
bee-icon-arrow-square-up
liga:
bee-icon-download-o
liga:
bee-icon-minus-sign-circle
liga:
bee-icon-plus-sign-circle
liga:
bee-icon-purchased-o
liga:
bee-icon-star
liga:
bee-icon-star-o
liga:

Social Media

bee-icon-linkedin-square
liga:
bee-icon-pinterest
liga:
bee-icon-pinterest-o
liga:
bee-icon-facebook
liga:
bee-icon-facebook-square
liga:
bee-icon-spotify
liga:
bee-icon-twitter
liga:
bee-icon-vine
liga:
bee-icon-vk
liga:
bee-icon-rss-square
liga:
bee-icon-youtube
liga:
bee-icon-youtube-logo
liga:
bee-icon-vimeo
liga:
bee-icon-vimeo2
liga:
bee-icon-flickr
liga:
bee-icon-google-plus-logo
liga:
bee-icon-instagram-fill
liga:
bee-icon-google-plus
liga:
bee-icon-google-plus-square
liga:
bee-icon-hangouts
liga:
bee-icon-youtube1
liga:
bee-icon-messenger
liga:

Brands icon

bee-icon-apple
liga:
bee-icon-dribbble-square
liga:
bee-icon-github1
liga:
bee-icon-slack
liga:
bee-icon-snapchat
liga:
bee-icon-tumblr-square
liga:
bee-icon-vimeo-square
liga:
bee-icon-vine-square
liga:
bee-icon-wikipedia-square
liga:
bee-icon-amazon
liga:
bee-icon-google
liga:
bee-icon-google-square
liga:
bee-icon-google-drive
liga:
bee-icon-dribbble
liga:
bee-icon-behance
liga:
bee-icon-behance-squrare
liga:
bee-icon-steam
liga:
bee-icon-dropbox
liga:
bee-icon-onedrive
liga:
bee-icon-github
liga:
bee-icon-npm
liga:
bee-icon-basecamp
liga:
bee-icon-trello
liga:
bee-icon-wordpress
liga:
bee-icon-joomla
liga:
bee-icon-blogger-square
liga:
bee-icon-tumblr
liga:
bee-icon-yahoo
liga:
bee-icon-tux
liga:
bee-icon-finder
liga:
bee-icon-android
liga:
bee-icon-windows
liga:
bee-icon-windows8
liga:
bee-icon-soundcloud
liga:
bee-icon-skype
liga:
bee-icon-reddit
liga:
bee-icon-hackernews
liga:
bee-icon-wikipedia
liga:
bee-icon-delicious
liga:
bee-icon-stackoverflow
liga:
bee-icon-flattr
liga:
bee-icon-foursquare
liga:
bee-icon-yelp
liga:
bee-icon-paypal
liga:
bee-icon-chrome
liga:
bee-icon-firefox
liga:
bee-icon-IE
liga:
bee-icon-edge
liga:
bee-icon-safari
liga:
bee-icon-opera
liga:
bee-icon-html-five
liga:
bee-icon-html-five-o
liga:
bee-icon-css3
liga:
bee-icon-git
liga:
bee-icon-codepen
liga:
bee-icon-svg
liga:
bee-icon-IcoMoon
liga:

Emojis

bee-icon-happy2
liga:
bee-icon-smile
liga:
bee-icon-smile2
liga:
bee-icon-tongue-o
liga:
bee-icon-tongue
liga:
bee-icon-sad
liga:
bee-icon-sad2
liga:
bee-icon-wink
liga:
bee-icon-wink2
liga:
bee-icon-grin
liga:
bee-icon-grin2
liga:
bee-icon-cool
liga:
bee-icon-cool2
liga:
bee-icon-angry
liga:
bee-icon-angry2
liga:
bee-icon-evil
liga:
bee-icon-evil2
liga:
bee-icon-shocked
liga:
bee-icon-shocked2
liga:
bee-icon-baffled
liga:
bee-icon-baffled2
liga:
bee-icon-confused-o
liga:
bee-icon-confused
liga:
bee-icon-neutral-o
liga:
bee-icon-neutral
liga:
bee-icon-hipster-o
liga:
bee-icon-hipster
liga:
bee-icon-wondering-o
liga:
bee-icon-wondering
liga:
bee-icon-sleepy
liga:
bee-icon-sleepy-o
liga:
bee-icon-frustrated-o
liga:
bee-icon-frustrated
liga:
bee-icon-crying-o
liga:
bee-icon-crying
liga:

Ecommerce

bee-icon-armchair
liga:
bee-icon-dress
liga:
bee-icon-graph1
liga:
bee-icon-heart1
liga:
bee-icon-laundry
liga:
bee-icon-lipstick
liga:
bee-icon-livingroom
liga:
bee-icon-return
liga:
bee-icon-shirt-man
liga:
bee-icon-Shoes
liga:
bee-icon-shopping-cart
liga:
bee-icon-Stationary
liga:
bee-icon-view
liga:
bee-icon-wallet
liga:
bee-icon-info-sign-o
liga:
bee-icon-info-sign
liga:
bee-icon-light-bulb
liga:
bee-icon-light-bulb-o
liga:
bee-icon-update-arrows
liga:
bee-icon-product-box
liga:
bee-icon-category
liga:
bee-icon-uniE934
liga:
bee-icon-logistics-delivery-truck-in-movement
liga:
bee-icon-magic
liga:
bee-icon-package-return
liga:
bee-icon-profits
liga:
bee-icon-rocket2
liga:
bee-icon-rocket-right
liga:
bee-icon-noun_538248_cc
liga:
bee-icon-warehouse
liga:
bee-icon-megaphone
liga:
bee-icon-graph
liga:
bee-icon-gift
liga:
bee-icon-hashtag
liga:
bee-icon-padlock-f
liga:
bee-icon-padlock-open
liga:
bee-icon-barcode-scan
liga:
bee-icon-tracking
liga:
bee-icon-git-box
liga:
bee-icon-heart
liga:
bee-icon-history
liga:
bee-icon-home
liga:
bee-icon-home-o
liga:
bee-icon-most-viewed
liga:
bee-icon-home2
liga:
bee-icon-image
liga:
bee-icon-images
liga:
bee-icon-bin
liga:
bee-icon-bin-o
liga:
bee-icon-truck
liga:
bee-icon-road
liga:
bee-icon-payment-method
liga:
bee-icon-add
liga:
bee-icon-bag
liga:
bee-icon-box
liga:

India Special

bee-icon-rupee-indian
liga:
bee-icon-india-gate
liga:
bee-icon-india-map
liga:
bee-icon-qutab-minar
liga:
bee-icon-taj-mahal
liga:
bee-icon-gasoline-solid
liga:
bee-icon-gasoline
liga:

Mobile Use Icon

bee-icon-plug
liga:
bee-icon-rec
liga:
bee-icon-rec-f
liga:
bee-icon-set-square
liga:
bee-icon-stop
liga:
bee-icon-stop-f
liga:
bee-icon-thunder-f
liga:
bee-icon-bell-disable-o
liga:
bee-icon-bell-disable
liga:
bee-icon-volume-disable
liga:
bee-icon-volume
liga:
bee-icon-apple-store
liga:
bee-icon-envelope
liga:
bee-icon-timer
liga:
bee-icon-apple-watch
liga:
bee-icon-apple-watch-side
liga:
bee-icon-flash
liga:
bee-icon-flash-disable
liga:
bee-icon-hdr-disable
liga:
bee-icon-pause
liga:
bee-icon-play-button-o
liga:
bee-icon-play-button
liga:
bee-icon-trim
liga:
bee-icon-stop-circle-o
liga:
bee-icon-puse-circle-o
liga:
bee-icon-bell
liga:
bee-icon-bell-o
liga:
bee-icon-camera1
liga:
bee-icon-camera-o
liga:
bee-icon-barcode
liga:
bee-icon-qrcode
liga:
bee-icon-play-circle
liga:
bee-icon-camera
liga:
bee-icon-alarm
liga:
bee-icon-apple-music
liga:
bee-icon-mic
liga:
bee-icon-bluetooth-solid
liga:
bee-icon-earphone
liga:
bee-icon-mobile
liga:
bee-icon-accessibility
liga:

New Added

bee-icon-dog
liga:
bee-icon-dog
liga:
bee-icon-factory
liga:
bee-icon-global
liga:
bee-icon-heart-happy
liga:
bee-icon-herbal
liga:
bee-icon-juice
liga:
bee-icon-pharmaceutical
liga:
bee-icon-school
liga:
bee-icon-shirt-worked
liga:
bee-icon-tick-circle1
liga:
bee-icon-tick-man
liga:
bee-icon-tick-man-o
liga:
bee-icon-tick-verified
liga:
bee-icon-vehicle
liga:
bee-icon-airplane
liga:
bee-icon-airplane-o
liga:
bee-icon-bagpack
liga:
bee-icon-connect
liga:
bee-icon-connect-people
liga:
bee-icon-console
liga:
bee-icon-edit-square1
liga:
bee-icon-email-o
liga:
bee-icon-file-check
liga:
bee-icon-home-delivery
liga:
bee-icon-house
liga:
bee-icon-house-o
liga:
bee-icon-plant
liga:
bee-icon-refer
liga:
bee-icon-refund-o
liga:
bee-icon-share-o
liga:
bee-icon-ship-o
liga:
bee-icon-shop
liga:
bee-icon-slumber-o
liga:
bee-icon-support
liga:
bee-icon-tent
liga:
bee-icon-ticket
liga:
bee-icon-ticket-o
liga:
bee-icon-ticket-percent
liga:
bee-icon-wallet
liga:
bee-icon-mouse-pointer
liga:
bee-icon-mouse-pointer-o
liga:
bee-icon-alert
liga:
bee-icon-check-circle
liga:
bee-icon-cloud-disable-solid
liga:
bee-icon-cloud-download
liga:
bee-icon-cloud-upload
liga:
bee-icon-cloud
liga:
bee-icon-cogwheel
liga:
bee-icon-copy
liga:
bee-icon-cross
liga:
bee-icon-forest-solid
liga:
bee-icon-globe
liga:
bee-icon-copywriting
liga:
bee-icon-css
liga:
bee-icon-video
liga:
bee-icon-business-growth
liga:
bee-icon-business-performance-solid
liga:
bee-icon-businessman
liga:
bee-icon-businesswoman
liga:
bee-icon-cabinet
liga:
bee-icon-check-circle-o
liga:
bee-icon-cogwheel-o
liga:
bee-icon-forest
liga:
bee-icon-hotel
liga:
bee-icon-video-o
liga:
bee-icon-barcode1
liga:
bee-icon-business-growth2
liga:
bee-icon-business-performance
liga:
bee-icon-map-marker-f
liga:
bee-icon-excel
liga:
bee-icon-law
liga:
bee-icon-stamp
liga:
bee-icon-web-domain
liga:
bee-icon-gears2
liga:
bee-icon-key2
liga:
bee-icon-paperclip2
liga:
bee-icon-confused1
liga:
bee-icon-coding
liga:
bee-icon-earth
liga:
bee-icon-error-circle
liga:
bee-icon-map-pin1
liga:
bee-icon-round-robot
liga:
bee-icon-send
liga:
bee-icon-send-message-button
liga:
bee-icon-video-tutorial
liga:
bee-icon-video-tutorials-on-laptop-screen
liga:
bee-icon-website-design-symbol
liga:
bee-icon-world-location
liga:
bee-icon-youtube22
liga:
bee-icon-eye
liga:
bee-icon-admin-with-cogwheels
liga:
bee-icon-three-man
liga:
bee-icon-amazon1
liga:
bee-icon-anchor
liga:
bee-icon-bus
liga:
bee-icon-castle
liga:
bee-icon-coffee-cup
liga:
bee-icon-coffee-cup-f
liga:
bee-icon-cogs-f
liga:
bee-icon-dashboard
liga:
bee-icon-dashboard-f
liga:
bee-icon-direction-f
liga:
bee-icon-map-marker
liga:
bee-icon-umbrella
liga:
bee-icon-umbrella-f
liga:
bee-icon-water-drop
liga:
bee-icon-water-drop-f
liga:
bee-icon-add-new
liga:
bee-icon-search
liga:
bee-icon-user
liga:
bee-icon-color
liga:
bee-icon-folder
liga:
bee-icon-flag
liga:
bee-icon-map-pin
liga:
bee-icon-Asset-125mdpi
liga:
bee-icon-sketch
liga:
bee-icon-tick-circle
liga:
bee-icon-upload-square
liga:
bee-icon-book-o
liga:
bee-icon-tabs-o
liga:
bee-icon-paper-plane-o
liga:
bee-icon-attech
liga:
bee-icon-bed
liga:
bee-icon-bed-o
liga:
bee-icon-book
liga:
bee-icon-calendar
liga:
bee-icon-calendar-o
liga:
bee-icon-categories-o
liga:
bee-icon-album
liga:
bee-icon-album-o
liga:
bee-icon-photos-o
liga:
bee-icon-categories
liga:
bee-icon-photos
liga:
bee-icon-dial-pad-o
liga:
bee-icon-dial-pad
liga:
bee-icon-menum
liga:
bee-icon-menu-o
liga:
bee-icon-genius
liga:
bee-icon-genius-o
liga:
bee-icon-junk
liga:
bee-icon-medical
liga:
bee-icon-medical-o
liga:
bee-icon-edit-square
liga:
bee-icon-file-o
liga:
bee-icon-paper-plane-omdpi
liga:
bee-icon-phone
liga:
bee-icon-podcasts
liga:
bee-icon-preloader
liga:
bee-icon-radio
liga:
bee-icon-stop-watch-o
liga:
bee-icon-stop-watch
liga:
bee-icon-timermdpi
liga:
bee-icon-timer-o
liga:
bee-icon-trash
liga:
bee-icon-user-o
liga:
bee-icon-volumemdpi
liga:
bee-icon-warning-o
liga:
bee-icon-world-clock
liga:
bee-icon-world-clock-o
liga:
bee-icon-office
liga:
bee-icon-pencil
liga:
bee-icon-quill
liga:
bee-icon-pen
liga:
bee-icon-eyedropper
liga:
bee-icon-droplet
liga:
bee-icon-paint-format
liga:
bee-icon-music
liga:
bee-icon-books
liga:
bee-icon-stack
liga:
bee-icon-keyboard
liga:
bee-icon-display
liga:
bee-icon-stats-dots
liga:
bee-icon-stats-bars
liga:
bee-icon-stats-bars2
liga:
bee-icon-target
liga:
bee-icon-terminal
liga:
bee-icon-share
liga:
bee-icon-library
liga:
bee-icon-bag-o
liga:
bee-icon-cod
liga:
bee-icon-megaphone2
liga:
bee-icon-tick-inside-circle
liga:
bee-icon-whatsapp
liga:
bee-icon-whatsapp-o
liga:
bee-icon-import-right-f
liga:
bee-icon-import-left-f
liga:
bee-icon-money
liga:
bee-icon-rupee-o
liga:
bee-icon-box-o
liga:
bee-icon-chat-o
liga:
bee-icon-chat-f
liga:
bee-icon-video-player-f
liga:
bee-icon-video-player-o
liga:

how to use

Step: 1 Download bee-icon from download link in the top right and extract zip

Step: 2 Link bee-icon.css into your HTML Doucment

  <head>
      <link rel="stylesheet" href="bee-icon.css">
  </head>

OR

Use CDN LINK

   <link rel="stylesheet" href="http://beeknock.com/tools/bee-icon/beeicon-font.css">

That's it, Now you are ready to use beatiful and light weight font icon

Use any html tag like

<i class="bee-icon-search" > </i>

X