Ant Design Icons for Elm

📦 Package documentation

🎬 Showcase

This package exposes all SVG icons from ant-design. It is the port of @ant-design/icons-svg for elm.

The exposed icons are vanilla List (Html.Attribute msg) -> Html msg functions.

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

module Main exposing (main)

import Ant.Icons.Svg as Icons
import Html exposing (Html)
import Svg.Attributes exposing (height, width)



main : Html msg
main =
    Html.div [] myIcons


myIcons : List (Html 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"
        ]
    , Icons.smileOutlined
        [ width "24"
        , height "24"
        ]
    , Icons.loadingOutlined
        [ width "24"
        , height "24"
        ]
    ]

Install

elm install lemol/ant-design-icons-elm

Contributing

• Tip: all elm modules for this package are generated automatically with the scripts in scripts directory.

• Find @lemol on Elm Slack

• 

Resources

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

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

License

MIT License