This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
FontAwesome, Material Icons, IonIcons, and Open Iconic.
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
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/core 5.1.1 <= v < 6.0.0 5.1.1

README

Elm Icons

Make icon fonts easy!

Supported Fonts

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 |
'------------------------------------------------------'

API

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
    ]

Customization

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
    ]

Styling

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
    ]

Contributions

Coming Soon