version | 3.0.0 |
license | BSD3 |
native-modules | False |
elm-version | 0.18.0 <= v < 0.19.0 |
Tag | 3.0.0 |
Committed At | 2018-07-19 02:47:01 UTC |
Make icon fonts easy!
First, choose your icon font:
.------------------------------------------------------.
| Icon Provider | Version | CDN | Style | # of Icons |
|----------------|---------|-----|-------|-------------|
| Material Icons | 2.1.19 | ✓ | ✓ | 2119 |
| IonIcons | 2.0.1 | ✓ | | 733 |
| Open Iconic | 1.1.1 | ✓ | | 223 |
| FontAwesome | 5.0.6 | ✓ | ✓ | 994 |
| FontAwesome | 4.7.0 | | | coming soon |
| Octicons | | | | coming soon |
| Entypo | | | | coming soon |
| Typicons | | | | coming soon |
'------------------------------------------------------'
This package has a really easy-to-use API, with plenty of options!
Each module comes with a stylesheet and icons:
import Icon.OpenIconic as Icon
exposing ( stylesheet
, wrench
, accountLogin
, briefcase
)
view : model -> Html msg
view _
= div []
[ stylesheet
, wrench
, accountLogin
, briefcase
]
All modules additionally have tools for making custom icons:
import Icon.OpenIconic as Icon
exposing ( stylesheet
, i
, Icon(Wrench,AccountLogin,Briefcase)
)
view : model -> Html msg
view _
= div []
[ stylesheet
, i [] Wrench
, i [] AccountLogin
, i [] Briefcase
]
Additionally, some of the modules have styling shortcuts included:
import Icon.MaterialDesign as Icon
exposing ( stylesheet
, i
, Icon(Fish)
)
view : model -> Html msg
view _
= div []
[ stylesheet
, i [ light, flipV, size X48 ] Fish
]