@windicss/plugin-icons

Generate on-demands icon library for windicss, powered by css.gg.

Installation

npm install --save-dev @windicss/icons

Usage

// windi.config.js

plugins: [
  require('@windicss/icons'),
]

Define icon size

• .icon-sm
• .icon-md
• .icon-lg
• .icon-xl

Available Icons Classes

• .icon-abstract
• .icon-add-r
• .icon-add
• .icon-adidas
• .icon-airplane
• .icon-alarm
• .icon-album
• .icon-align-bottom
• .icon-align-center
• .icon-align-left
• .icon-align-middle
• .icon-align-right
• .icon-align-top
• .icon-anchor
• .icon-apple-watch
• .icon-arrange-back
• .icon-arrange-front
• .icon-arrow-align-h
• .icon-arrow-align-v
• .icon-arrow-bottom-left-o
• .icon-arrow-bottom-left-r
• .icon-arrow-bottom-left
• .icon-arrow-bottom-right-o
• .icon-arrow-bottom-right-r
• .icon-arrow-bottom-right
• .icon-arrow-down-o
• .icon-arrow-down-r
• .icon-arrow-down
• .icon-arrow-left-o
• .icon-arrow-left-r
• .icon-arrow-left
• .icon-arrow-long-down-c
• .icon-arrow-long-down-e
• .icon-arrow-long-down-l
• .icon-arrow-long-down-r
• .icon-arrow-long-down
• .icon-arrow-long-left-c
• .icon-arrow-long-left-e
• .icon-arrow-long-left-l
• .icon-arrow-long-left-r
• .icon-arrow-long-left
• .icon-arrow-long-right-c
• .icon-arrow-long-right-e
• .icon-arrow-long-right-l
• .icon-arrow-long-right-r
• .icon-arrow-long-right
• .icon-arrow-long-up-c
• .icon-arrow-long-up-e
• .icon-arrow-long-up-l
• .icon-arrow-long-up-r
• .icon-arrow-long-up
• .icon-arrow-right-o
• .icon-arrow-right-r
• .icon-arrow-right
• .icon-arrow-top-left-o
• .icon-arrow-top-left-r
• .icon-arrow-top-left
• .icon-arrow-top-right-o
• .icon-arrow-top-right-r
• .icon-arrow-top-right
• .icon-arrow-up-o
• .icon-arrow-up-r
• .icon-arrow-up
• .icon-arrows-breake-h
• .icon-arrows-breake-v
• .icon-arrows-exchange-alt-v
• .icon-arrows-exchange-alt
• .icon-arrows-exchange-v
• .icon-arrows-exchange
• .icon-arrows-expand-down-left
• .icon-arrows-expand-down-right
• .icon-arrows-expand-left-alt
• .icon-arrows-expand-left
• .icon-arrows-expand-right-alt
• .icon-arrows-expand-right
• .icon-arrows-expand-up-left
• .icon-arrows-expand-up-right
• .icon-arrows-h-alt
• .icon-arrows-h
• .icon-arrows-merge-alt-h
• .icon-arrows-merge-alt-v
• .icon-arrows-scroll-h
• .icon-arrows-scroll-v
• .icon-arrows-shrink-h
• .icon-arrows-shrink-v
• .icon-arrows-v-alt
• .icon-arrows-v
• .icon-assign
• .icon-asterisk
• .icon-atlasian
• .icon-attachment
• .icon-attribution
• .icon-awards
• .icon-backspace
• .icon-band-aid
• .icon-battery-empty
• .icon-battery-full
• .icon-battery
• .icon-bee
• .icon-bell
• .icon-bitbucket
• .icon-block
• .icon-bmw
• .icon-board
• .icon-bolt
• .icon-bookmark
• .icon-border-all
• .icon-border-bottom
• .icon-border-left
• .icon-border-right
• .icon-border-style-dashed
• .icon-border-style-dotted
• .icon-border-style-solid
• .icon-border-top
• .icon-bot
• .icon-bowl
• .icon-box
• .icon-boy
• .icon-brackets
• .icon-briefcase
• .icon-browse
• .icon-browser
• .icon-brush
• .icon-bulb
• .icon-c-plus-plus
• .icon-calculator
• .icon-calendar-dates
• .icon-calendar-due
• .icon-calendar-next
• .icon-calendar-today
• .icon-calendar-two
• .icon-calendar
• .icon-calibrate
• .icon-camera
• .icon-cap
• .icon-captions
• .icon-card-clubs
• .icon-card-diamonds
• .icon-card-hearts
• .icon-card-spades
• .icon-carousel
• .icon-cast
• .icon-chanel
• .icon-chart
• .icon-check-o
• .icon-check-r
• .icon-check
• .icon-chevron-double-down-o
• .icon-chevron-double-down-r
• .icon-chevron-double-down
• .icon-chevron-double-left-o
• .icon-chevron-double-left-r
• .icon-chevron-double-left
• .icon-chevron-double-right-o
• .icon-chevron-double-right-r
• .icon-chevron-double-right
• .icon-chevron-double-up-o
• .icon-chevron-double-up-r
• .icon-chevron-double-up
• .icon-chevron-down-o
• .icon-chevron-down-r
• .icon-chevron-down
• .icon-chevron-left-o
• .icon-chevron-left-r
• .icon-chevron-left
• .icon-chevron-right-o
• .icon-chevron-right-r
• .icon-chevron-right
• .icon-chevron-up-o
• .icon-chevron-up-r
• .icon-chevron-up
• .icon-circleci
• .icon-clapper-board
• .icon-clipboard
• .icon-close-o
• .icon-close-r
• .icon-close
• .icon-cloud
• .icon-code-climate
• .icon-code-slash
• .icon-code
• .icon-coffee
• .icon-collage
• .icon-color-bucket
• .icon-color-picker
• .icon-comedy-central
• .icon-comment
• .icon-community
• .icon-components
• .icon-compress-left
• .icon-compress-right
• .icon-compress-v
• .icon-compress
• .icon-controller
• .icon-copy
• .icon-copyright
• .icon-corner-double-down-left
• .icon-corner-double-down-right
• .icon-corner-double-left-down
• .icon-corner-double-left-up
• .icon-corner-double-right-down
• .icon-corner-double-right-up
• .icon-corner-double-up-left
• .icon-corner-double-up-right
• .icon-corner-down-left
• .icon-corner-down-right
• .icon-corner-left-down
• .icon-corner-left-up
• .icon-corner-right-down
• .icon-corner-right-up
• .icon-corner-up-left
• .icon-corner-up-right
• .icon-credit-card
• .icon-crop
• .icon-cross
• .icon-crowdfire
• .icon-crown
• .icon-danger
• .icon-dark-mode
• .icon-data
• .icon-database
• .icon-debug
• .icon-designmodo
• .icon-desktop
• .icon-details-less
• .icon-details-more
• .icon-dialpad
• .icon-dice-1
• .icon-dice-2
• .icon-dice-3
• .icon-dice-4
• .icon-dice-5
• .icon-dice-6
• .icon-digitalocean
• .icon-disc
• .icon-display-flex
• .icon-display-fullwidth
• .icon-display-grid
• .icon-display-spacing
• .icon-distribute-horizontal
• .icon-distribute-vertical
• .icon-dock-bottom
• .icon-dock-left
• .icon-dock-right
• .icon-dock-window
• .icon-dolby
• .icon-dollar
• .icon-dribbble
• .icon-drive
• .icon-drop-invert
• .icon-drop-opacity
• .icon-drop
• .icon-duplicate
• .icon-edit-black-point
• .icon-edit-contrast
• .icon-edit-exposure
• .icon-edit-fade
• .icon-edit-flip-h
• .icon-edit-flip-v
• .icon-edit-highlight
• .icon-edit-markup
• .icon-edit-mask
• .icon-edit-noise
• .icon-edit-shadows
• .icon-edit-straight
• .icon-edit-unmask
• .icon-eject
• .icon-enter
• .icon-erase
• .icon-ereader
• .icon-ericsson
• .icon-ethernet
• .icon-euro
• .icon-eventbrite
• .icon-expand
• .icon-export
• .icon-extension-add
• .icon-extension-alt
• .icon-extension-remove
• .icon-extension
• .icon-external
• .icon-eye-alt
• .icon-eye
• .icon-facebook
• .icon-feed
• .icon-figma
• .icon-file-add
• .icon-file-document
• .icon-file-remove
• .icon-file
• .icon-film
• .icon-filters
• .icon-flag-alt
• .icon-flag
• .icon-folder-add
• .icon-folder-remove
• .icon-folder
• .icon-font-height
• .icon-font-spacing
• .icon-format-bold
• .icon-format-center
• .icon-format-color
• .icon-format-heading
• .icon-format-indent-decrease
• .icon-format-indent-increase
• .icon-format-italic
• .icon-format-justify
• .icon-format-left
• .icon-format-line-height
• .icon-format-right
• .icon-format-separator
• .icon-format-slash
• .icon-format-strike
• .icon-format-text
• .icon-format-underline
• .icon-format-uppercase
• .icon-framer
• .icon-games
• .icon-gender-female
• .icon-gender-male
• .icon-ghost-character
• .icon-ghost
• .icon-gift
• .icon-girl
• .icon-git-branch
• .icon-git-commit
• .icon-git-fork
• .icon-git-pull
• .icon-gitter
• .icon-glass-alt
• .icon-glass
• .icon-globe-alt
• .icon-globe
• .icon-google-tasks
• .icon-google
• .icon-gym
• .icon-hashtag
• .icon-headset
• .icon-heart
• .icon-hello
• .icon-home-alt
• .icon-home-screen
• .icon-home
• .icon-icecream
• .icon-if-design
• .icon-image
• .icon-import
• .icon-inbox
• .icon-indie-hackers
• .icon-infinity
• .icon-info
• .icon-inpicture
• .icon-insert-after-o
• .icon-insert-after-r
• .icon-insert-after
• .icon-insert-before-o
• .icon-insert-before-r
• .icon-insert-before
• .icon-insights
• .icon-instagram
• .icon-internal
• .icon-key
• .icon-keyboard
• .icon-keyhole
• .icon-laptop
• .icon-lastpass
• .icon-layout-grid-small
• .icon-layout-grid
• .icon-layout-list
• .icon-layout-pin
• .icon-linear
• .icon-link
• .icon-list-tree
• .icon-list
• .icon-live-photo
• .icon-loadbar-alt
• .icon-loadbar-doc
• .icon-loadbar-sound
• .icon-loadbar
• .icon-lock-unlock
• .icon-lock
• .icon-log-in
• .icon-log-off
• .icon-log-out
• .icon-loupe
• .icon-magnet
• .icon-mail-forward
• .icon-mail-open
• .icon-mail-reply
• .icon-mail
• .icon-math-divide
• .icon-math-equal
• .icon-math-minus
• .icon-math-percent
• .icon-math-plus
• .icon-maximize-alt
• .icon-maximize
• .icon-maze
• .icon-media-live
• .icon-media-podcast
• .icon-menu-boxed
• .icon-menu-cake
• .icon-menu-cheese
• .icon-menu-grid-o
• .icon-menu-grid-r
• .icon-menu-hotdog
• .icon-menu-left-alt
• .icon-menu-left
• .icon-menu-motion
• .icon-menu-oreos
• .icon-menu-right-alt
• .icon-menu-right
• .icon-menu-round
• .icon-menu
• .icon-merge-horizontal
• .icon-merge-vertical
• .icon-mic
• .icon-microbit
• .icon-microsoft
• .icon-mini-player
• .icon-minimize-alt
• .icon-minimize
• .icon-modem
• .icon-monday
• .icon-moon
• .icon-more-alt
• .icon-more-o
• .icon-more-r
• .icon-more-vertical-alt
• .icon-more-vertical-o
• .icon-more-vertical-r
• .icon-more-vertical
• .icon-more
• .icon-mouse
• .icon-move-down
• .icon-move-left
• .icon-move-right
• .icon-move-task
• .icon-move-up
• .icon-music-note
• .icon-music-speaker
• .icon-music
• .icon-nametag
• .icon-notes
• .icon-notifications
• .icon-npm
• .icon-oculus
• .icon-open-collective
• .icon-options
• .icon-organisation
• .icon-overflow
• .icon-pacman
• .icon-password
• .icon-path-back
• .icon-path-crop
• .icon-path-divide
• .icon-path-exclude
• .icon-path-front
• .icon-path-intersect
• .icon-path-outline
• .icon-path-trim
• .icon-path-unite
• .icon-patreon
• .icon-paypal
• .icon-pen
• .icon-pentagon-bottom-left
• .icon-pentagon-bottom-right
• .icon-pentagon-down
• .icon-pentagon-left
• .icon-pentagon-right
• .icon-pentagon-top-left
• .icon-pentagon-top-right
• .icon-pentagon-up
• .icon-performance
• .icon-pexels
• .icon-phone
• .icon-photoscan
• .icon-piano
• .icon-pill
• .icon-pin-alt
• .icon-pin-bottom
• .icon-pin-top
• .icon-pin
• .icon-play-backwards
• .icon-play-button-o
• .icon-play-button-r
• .icon-play-button
• .icon-play-forwards
• .icon-play-list-add
• .icon-play-list-check
• .icon-play-list-remove
• .icon-play-list-search
• .icon-play-list
• .icon-play-pause-o
• .icon-play-pause-r
• .icon-play-pause
• .icon-play-stop-o
• .icon-play-stop-r
• .icon-play-stop
• .icon-play-track-next-o
• .icon-play-track-next-r
• .icon-play-track-next
• .icon-play-track-prev-o
• .icon-play-track-prev-r
• .icon-play-track-prev
• .icon-plug
• .icon-pocket
• .icon-pokemon
• .icon-polaroid
• .icon-poll
• .icon-presentation
• .icon-printer
• .icon-product-hunt
• .icon-profile
• .icon-pull-clear
• .icon-push-chevron-down-o
• .icon-push-chevron-down-r
• .icon-push-chevron-down
• .icon-push-chevron-left-o
• .icon-push-chevron-left-r
• .icon-push-chevron-left
• .icon-push-chevron-right-o
• .icon-push-chevron-right-r
• .icon-push-chevron-right
• .icon-push-chevron-up-o
• .icon-push-chevron-up-r
• .icon-push-chevron-up
• .icon-push-down
• .icon-push-left
• .icon-push-right
• .icon-push-up
• .icon-qr
• .icon-quote-o
• .icon-quote
• .icon-radio-check
• .icon-radio-checked
• .icon-ratio
• .icon-read
• .icon-readme
• .icon-record
• .icon-redo
• .icon-remote
• .icon-remove-r
• .icon-remove
• .icon-rename
• .icon-reorder
• .icon-repeat
• .icon-ring
• .icon-row-first
• .icon-row-last
• .icon-ruler
• .icon-sand-clock
• .icon-scan
• .icon-screen-mirror
• .icon-screen-shot
• .icon-screen-wide
• .icon-screen
• .icon-scroll-h
• .icon-scroll-v
• .icon-search-found
• .icon-search-loading
• .icon-search
• .icon-select-o
• .icon-select-r
• .icon-select
• .icon-server
• .icon-serverless
• .icon-shape-circle
• .icon-shape-half-circle
• .icon-shape-hexagon
• .icon-shape-rhombus
• .icon-shape-square
• .icon-shape-triangle
• .icon-shape-zigzag
• .icon-share
• .icon-shield
• .icon-shopping-bag
• .icon-shopping-cart
• .icon-shortcut
• .icon-shutterstock
• .icon-sidebar-open
• .icon-sidebar-right
• .icon-sidebar
• .icon-signal
• .icon-size
• .icon-sketch
• .icon-slack
• .icon-sleep
• .icon-smart-home-boiler
• .icon-smart-home-cooker
• .icon-smart-home-heat
• .icon-smart-home-light
• .icon-smart-home-refrigerator
• .icon-smart-home-wash-machine
• .icon-smartphone-chip
• .icon-smartphone-ram
• .icon-smartphone-shake
• .icon-smartphone
• .icon-smile-mouth-open
• .icon-smile-neutral
• .icon-smile-no-mouth
• .icon-smile-none
• .icon-smile-sad
• .icon-smile-upside
• .icon-smile
• .icon-software-download
• .icon-software-upload
• .icon-sort-az
• .icon-sort-za
• .icon-space-between-v
• .icon-space-between
• .icon-spectrum
• .icon-spinner-alt
• .icon-spinner-two-alt
• .icon-spinner-two
• .icon-spinner
• .icon-square
• .icon-stack
• .icon-stark
• .icon-stopwatch
• .icon-stories
• .icon-studio
• .icon-style
• .icon-sun
• .icon-support
• .icon-swap-vertical
• .icon-swap
• .icon-sweden
• .icon-swiss
• .icon-sync
• .icon-tab
• .icon-tag
• .icon-tally
• .icon-tap-double
• .icon-tap-single
• .icon-template
• .icon-tennis
• .icon-terminal
• .icon-terrain
• .icon-thermometer
• .icon-thermostat
• .icon-tikcode
• .icon-time
• .icon-timelapse
• .icon-timer
• .icon-today
• .icon-toggle-off
• .icon-toggle-on
• .icon-toggle-square-off
• .icon-toggle-square
• .icon-toolbar-bottom
• .icon-toolbar-left
• .icon-toolbar-right
• .icon-toolbar-top
• .icon-toolbox
• .icon-touchpad
• .icon-track
• .icon-transcript
• .icon-trash-empty
• .icon-trash
• .icon-tree
• .icon-trees
• .icon-trello
• .icon-trending-down
• .icon-trending
• .icon-trophy
• .icon-tv
• .icon-twilio
• .icon-twitter
• .icon-ui-kit
• .icon-umbrella
• .icon-unavailable
• .icon-unblock
• .icon-undo
• .icon-unfold
• .icon-unsplash
• .icon-usb-c
• .icon-usb
• .icon-user-add
• .icon-user-list
• .icon-user-remove
• .icon-user
• .icon-userlane
• .icon-view-cols
• .icon-view-comfortable
• .icon-view-day
• .icon-view-grid
• .icon-view-list
• .icon-view-month
• .icon-view-split
• .icon-vinyl
• .icon-voicemail-o
• .icon-voicemail-r
• .icon-voicemail
• .icon-volume
• .icon-webcam
• .icon-website
• .icon-windows
• .icon-work-alt
• .icon-yinyang
• .icon-youtube
• .icon-zeit
• .icon-zoom-in
• .icon-zoom-out

Credits

This package is based on awesome css.gg.

License

This project is licensed under the MIT License.