https://github.com/lemol/ant-design-icons-elm-ui

⭐ Ant Design Icons for Elm UI
https://github.com/lemol/ant-design-icons-elm-ui

ant-design ant-design-elm ant-design-icons elm elm-ui icons

Last synced: about 5 hours ago
JSON representation

⭐ Ant Design Icons for Elm UI

• Host: GitHub
• URL: https://github.com/lemol/ant-design-icons-elm-ui
• Owner: lemol
• License: mit
• Created: 2020-08-04T14:46:26.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-07-18T23:07:39.000Z (over 1 year ago)
• Last Synced: 2023-08-08T20:39:31.693Z (over 1 year ago)
• Topics: ant-design, ant-design-elm, ant-design-icons, elm, elm-ui, icons
• Language: CSS
• Homepage: https://package.elm-lang.org/packages/lemol/ant-design-icons-elm-ui/latest
• Size: 1.98 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ant Design Icons for Elm UI

[![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

[![Elm package](https://img.shields.io/elm-package/v/lemol/ant-design-icons-elm-ui.svg)](https://package.elm-lang.org/packages/lemol/ant-design-icons-elm-ui/latest/)

[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/lemol/ant-design-icons-elm-ui)

> **📦 [Package documentation](https://package.elm-lang.org/packages/lemol/ant-design-icons-elm-ui/latest)**

> **🎬 [Showcase](https://ant-design-icons-elm-ui.vercel.app)**

This packages exposes all SVG icons from [ant-design](https://ant.design/components/icon/) as `List (Attribute msg) -> Element msg` functions.

It is the implementation for [mdgriffith/elm-ui](https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/)

of [ant-design-icons](https://github.com/ant-design/ant-design-icons/tree/master/packages).

Try the below example [on Ellie](https://ellie-app.com/new) or navigate to the [complete showcase](https://ant-design-icons-elm-ui.vercel.app)!

```elm

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

```bash

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

```

## Contributing

* Bug fixes, issues reporting and suggestions are welcome

* You can find @lemol on [Elm Slack](https://elmlang.slack.com/)

* [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/lemol/ant-design-icons-elm-ui)

## Resources

* `elm/html` version: [lemol/ant-design-icons-elm](https://package.elm-lang.org/packages/lemol/ant-design-icons-elm/latest)

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

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

## License

MIT License