Ant Design Icons for Elm UI

📦 Package documentation

🎬 Showcase

This packages exposes all SVG icons from ant-design as List (Attribute msg) -> Element msg functions. It is the implementation for mdgriffith/elm-ui of ant-design-icons.

Try the below example on Ellie or navigate to the complete showcase!

module Main exposing (main)

import Ant.Icon exposing (fill, height, rotate, spin, width)
import Ant.Icons as Icons
import Element exposing (Element)
import Html exposing (Html)



main : Html msg
main =
    Element.column
        []
        [ Ant.Icon.styleNode
        , myIcons
        ]
        |> Element.layout []


myIcons : List (Element msg)
myIcons =
    [ Icons.homeOutlined
        [ width 24
        , height 24
        ]
    , Icons.settingFilled
        [ width 24
        , height 24
        ]
    , Icons.smileOutlined
        [ width 24
        , height 24
        ]
    , Icons.syncOutlined
        [ width 24
        , height 24
        , spin
        ]
    , Icons.smileOutlined
        [ width 24
        , height 24
        , rotate 180
        , fill (Element.rgb 1 0 1)
        ]
    , Icons.loadingOutlined
        [ width 24
        , height 24
        ]
    ]

Install

elm install lemol/ant-design-icons-elm-ui

Contributing

• Bug fixes, issues reporting and suggestions are welcome

• You can find @lemol on Elm Slack

• 

Resources

• elm/html version: lemol/ant-design-icons-elm

• https://ant.design/components/icon/

• https://github.com/ant-design/ant-design-icons

License

MIT License