<link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css"/> Learn more at Open Iconic.
import Icon.OpenIconic as Icon
exposing ( stylesheet
, Icon(Fork)
, fork
)
forkIcon1 : Html msg
forkIcon1 = Html.i [] Fork
forkIcon2 : Html msg
forkIcon2 = fork
view : Model -> Html msg
view model
= div []
[ stylesheet
, forkIcon1
, forkIcon2
]
Include Open Iconic 1.1.1 in your Elm project.
import Icon.OpenIconic as Icon exposing (stylesheet,Icon(..))
view : Model -> Html msg
view model
= div []
[ stylesheet
, Icon.i [] Trash
]
import Icon.OpenIconic as Icon exposing (..)
myPaperclipIcon : Html msg
myPaperclipIcon
= Icon.i [] Paperclip
Icon.toAttribute EnvelopeOpen
-- Attribute.class "oi oi-envelope-open"
Icon.toClassName ZoomOut
-- "oi oi-zoom-out"
Icon.toString PieChart
-- "pie-chart"
module Icon.OpenIconic exposing (..)
-- DOCS ------------------------------------------------------------------------
{-| <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css"/>
Learn more at [Open Iconic](https://useiconic.com/open).
import Icon.OpenIconic as Icon
exposing ( stylesheet
, Icon(Fork)
, fork
)
forkIcon1 : Html msg
forkIcon1 = Html.i [] Fork
forkIcon2 : Html msg
forkIcon2 = fork
view : Model -> Html msg
view model
= div []
[ stylesheet
, forkIcon1
, forkIcon2
]
# Stylesheet
@docs stylesheet
# Html
@docs i
# Attributes
@docs toClass, toClassName
# Icons
@docs toString
## Union Type
@docs Icon
-}
-- ## HTML Helpers
-- @docs accountLogin, accountLogout, actionRedo, actionUndo, alignCenter, alignLeft, alignRight, aperture, arrowBottom, arrowCircleBottom, arrowCircleLeft, arrowCircleRight, arrowCircleTop, arrowLeft, arrowRight, arrowThickBottom, arrowThickLeft, arrowThickRight, arrowThickTop, arrowTop, audio, audioSpectrum, badge, ban, barChart, basket, batteryEmpty, batteryFull, beaker, bell, bluetooth, bold, bolt, book, bookmark, box, briefcase, britishPound, browser, brush, bug, bullhorn, calculator, calendar, cameraSlr, caretBottom, caretLeft, caretRight, caretTop, cart, chat, check, chevronBottom, chevronLeft, chevronRight, chevronTop, circleCheck, circleX, clipboard, clock, cloud, cloudDownload, cloudUpload, cloudy, code, cog, collapseDown, collapseLeft, collapseRight, collapseUp, command, commentSquare, compass, contrast, copywriting, creditCard, crop, dashboard, dataTransferDownload, dataTransferUpload, delete, dial, document, dollar, doubleQuoteSansLeft, doubleQuoteSansRight, doubleQuoteSerifLeft, doubleQuoteSerifRight, droplet, eject, elevator, ellipses, envelopeClosed, envelopeOpen, euro, excerpt, expandDown, expandLeft, expandRight, expandUp, externalLink, eye, eyedropper, file, fire, flag, flash, folder, fork, fullscreenEnter, fullscreenExit, globe, graph, gridFourUp, gridThreeUp, gridTwoUp, hardDrive, header, headphones, heart, home, image, inbox, infinity, info, italic, justifyCenter, justifyLeft, justifyRight, key, laptop, layers, lightbulb, linkBroken, linkIntact, list, listRich, location, lockLocked, lockUnlocked, loop, loopCircular, loopSquare, magnifyingGlass, map, mapMarker, mediaPause, mediaPlay, mediaRecord, mediaSkipBackward, mediaSkipForward, mediaStepBackward, mediaStepForward, mediaStop, medicalCross, menu, microphone, minus, monitor, moon, move, musicalNote, paperclip, pencil, people, person, phone, pieChart, pin, playCircle, plus, powerStandby, print, project, pulse, puzzlePiece, questionMark, rain, random, reload, resizeBoth, resizeHeight, resizeWidth, rss, rssAlt, script, share, shareBoxed, shield, signal, signpost, sortAscending, sortDescending, spreadsheet, star, sun, tablet, tag, tags, target, task, terminal, text, thumbDown, thumbUp, timer, transfer, trash, underline, verticalAlignBottom, verticalAlignCenter, verticalAlignTop, video, volumeHigh, volumeLow, volumeOff, warning, wifi, wrench, x, yen, zoomIn, zoomOut
-- IMPORTS ---------------------------------------------------------------------
import Html exposing ( Html, Attribute )
import Html.Attributes as Attr exposing ( class )
import Char
-- STYLESHEET ------------------------------------------------------------------
{-| Include Open Iconic 1.1.1 in your Elm project.
import Icon.OpenIconic as Icon exposing (stylesheet,Icon(..))
view : Model -> Html msg
view model
= div []
[ stylesheet
, Icon.i [] Trash
]
-}
stylesheet : Html msg
stylesheet
= Html.node "link"
[ Attr.rel "stylesheet"
, Attr.href "https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css"
]
[]
-- ICONS -----------------------------------------------------------------------
{-|
import Icon.OpenIconic as Icon exposing (..)
myPaperclipIcon : Html msg
myPaperclipIcon
= Icon.i [] Paperclip
-}
i : List (Attribute msg) -> Icon -> Html msg
i attrs icon = Html.i (toClass icon :: attrs) []
{-|
Icon.toString PieChart
-- "pie-chart"
-}
toString : Icon -> String
toString icon
= let snakeCase : String -> String
snakeCase
= flip String.foldr ""
(\c s ->
case Char.isUpper c of
True -> String.cons '-' <| String.cons (Char.toLower c) <| s
False -> String.cons c <| s
)
in String.dropLeft 1 <| snakeCase <| Basics.toString icon
{-|
Icon.toClassName ZoomOut
-- "oi oi-zoom-out"
-}
toClassName : Icon -> String
toClassName icon
= let snakeCase : String -> String
snakeCase
= flip String.foldr ""
(\c s ->
case Char.isUpper c of
True -> String.cons '-' <| String.cons (Char.toLower c) <| s
False -> String.cons c <| s
)
in "oi oi" ++ snakeCase (Basics.toString icon)
{-|
Icon.toAttribute EnvelopeOpen
-- Attribute.class "oi oi-envelope-open"
-}
toClass : Icon -> Attribute msg
toClass = toClassName >> class
{-| -}
type Icon
= AccountLogin
| AccountLogout
| ActionRedo
| ActionUndo
| AlignCenter
| AlignLeft
| AlignRight
| Aperture
| ArrowBottom
| ArrowCircleBottom
| ArrowCircleLeft
| ArrowCircleRight
| ArrowCircleTop
| ArrowLeft
| ArrowRight
| ArrowThickBottom
| ArrowThickLeft
| ArrowThickRight
| ArrowThickTop
| ArrowTop
| Audio
| AudioSpectrum
| Badge
| Ban
| BarChart
| Basket
| BatteryEmpty
| BatteryFull
| Beaker
| Bell
| Bluetooth
| Bold
| Bolt
| Book
| Bookmark
| Box
| Briefcase
| BritishPound
| Browser
| Brush
| Bug
| Bullhorn
| Calculator
| Calendar
| CameraSlr
| CaretBottom
| CaretLeft
| CaretRight
| CaretTop
| Cart
| Chat
| Check
| ChevronBottom
| ChevronLeft
| ChevronRight
| ChevronTop
| CircleCheck
| CircleX
| Clipboard
| Clock
| Cloud
| CloudDownload
| CloudUpload
| Cloudy
| Code
| Cog
| CollapseDown
| CollapseLeft
| CollapseRight
| CollapseUp
| Command
| CommentSquare
| Compass
| Contrast
| Copywriting
| CreditCard
| Crop
| Dashboard
| DataTransferDownload
| DataTransferUpload
| Delete
| Dial
| Document
| Dollar
| DoubleQuoteSansLeft
| DoubleQuoteSansRight
| DoubleQuoteSerifLeft
| DoubleQuoteSerifRight
| Droplet
| Eject
| Elevator
| Ellipses
| EnvelopeClosed
| EnvelopeOpen
| Euro
| Excerpt
| ExpandDown
| ExpandLeft
| ExpandRight
| ExpandUp
| ExternalLink
| Eye
| Eyedropper
| File
| Fire
| Flag
| Flash
| Folder
| Fork
| FullscreenEnter
| FullscreenExit
| Globe
| Graph
| GridFourUp
| GridThreeUp
| GridTwoUp
| HardDrive
| Header
| Headphones
| Heart
| Home
| Image
| Inbox
| Infinity
| Info
| Italic
| JustifyCenter
| JustifyLeft
| JustifyRight
| Key
| Laptop
| Layers
| Lightbulb
| LinkBroken
| LinkIntact
| List
| ListRich
| Location
| LockLocked
| LockUnlocked
| Loop
| LoopCircular
| LoopSquare
| MagnifyingGlass
| Map
| MapMarker
| MediaPause
| MediaPlay
| MediaRecord
| MediaSkipBackward
| MediaSkipForward
| MediaStepBackward
| MediaStepForward
| MediaStop
| MedicalCross
| Menu
| Microphone
| Minus
| Monitor
| Moon
| Move
| MusicalNote
| Paperclip
| Pencil
| People
| Person
| Phone
| PieChart
| Pin
| PlayCircle
| Plus
| PowerStandby
| Print
| Project
| Pulse
| PuzzlePiece
| QuestionMark
| Rain
| Random
| Reload
| ResizeBoth
| ResizeHeight
| ResizeWidth
| Rss
| RssAlt
| Script
| Share
| ShareBoxed
| Shield
| Signal
| Signpost
| SortAscending
| SortDescending
| Spreadsheet
| Star
| Sun
| Tablet
| Tag
| Tags
| Target
| Task
| Terminal
| Text
| ThumbDown
| ThumbUp
| Timer
| Transfer
| Trash
| Underline
| VerticalAlignBottom
| VerticalAlignCenter
| VerticalAlignTop
| Video
| VolumeHigh
| VolumeLow
| VolumeOff
| Warning
| Wifi
| Wrench
| X
| Yen
| ZoomIn
| ZoomOut
-- {-| <i class="oi oi-account-login"></i> -}
-- accountLogin : Html msg
-- accountLogin = i [] AccountLogin
-- {-| <i class="oi oi-account-logout"></i> -}
-- accountLogout : Html msg
-- accountLogout = i [] AccountLogout
-- {-| <i class="oi oi-action-redo"></i> -}
-- actionRedo : Html msg
-- actionRedo = i [] ActionRedo
-- {-| <i class="oi oi-action-undo"></i> -}
-- actionUndo : Html msg
-- actionUndo = i [] ActionUndo
-- {-| <i class="oi oi-align-center"></i> -}
-- alignCenter : Html msg
-- alignCenter = i [] AlignCenter
-- {-| <i class="oi oi-align-left"></i> -}
-- alignLeft : Html msg
-- alignLeft = i [] AlignLeft
-- {-| <i class="oi oi-align-right"></i> -}
-- alignRight : Html msg
-- alignRight = i [] AlignRight
-- {-| <i class="oi oi-aperture"></i> -}
-- aperture : Html msg
-- aperture = i [] Aperture
-- {-| <i class="oi oi-arrow-bottom"></i> -}
-- arrowBottom : Html msg
-- arrowBottom = i [] ArrowBottom
-- {-| <i class="oi oi-arrow-circle-bottom"></i> -}
-- arrowCircleBottom : Html msg
-- arrowCircleBottom = i [] ArrowCircleBottom
-- {-| <i class="oi oi-arrow-circle-left"></i> -}
-- arrowCircleLeft : Html msg
-- arrowCircleLeft = i [] ArrowCircleLeft
-- {-| <i class="oi oi-arrow-circle-right"></i> -}
-- arrowCircleRight : Html msg
-- arrowCircleRight = i [] ArrowCircleRight
-- {-| <i class="oi oi-arrow-circle-top"></i> -}
-- arrowCircleTop : Html msg
-- arrowCircleTop = i [] ArrowCircleTop
-- {-| <i class="oi oi-arrow-left"></i> -}
-- arrowLeft : Html msg
-- arrowLeft = i [] ArrowLeft
-- {-| <i class="oi oi-arrow-right"></i> -}
-- arrowRight : Html msg
-- arrowRight = i [] ArrowRight
-- {-| <i class="oi oi-arrow-thick-bottom"></i> -}
-- arrowThickBottom : Html msg
-- arrowThickBottom = i [] ArrowThickBottom
-- {-| <i class="oi oi-arrow-thick-left"></i> -}
-- arrowThickLeft : Html msg
-- arrowThickLeft = i [] ArrowThickLeft
-- {-| <i class="oi oi-arrow-thick-right"></i> -}
-- arrowThickRight : Html msg
-- arrowThickRight = i [] ArrowThickRight
-- {-| <i class="oi oi-arrow-thick-top"></i> -}
-- arrowThickTop : Html msg
-- arrowThickTop = i [] ArrowThickTop
-- {-| <i class="oi oi-arrow-top"></i> -}
-- arrowTop : Html msg
-- arrowTop = i [] ArrowTop
-- {-| <i class="oi oi-audio"></i> -}
-- audio : Html msg
-- audio = i [] Audio
-- {-| <i class="oi oi-audio-spectrum"></i> -}
-- audioSpectrum : Html msg
-- audioSpectrum = i [] AudioSpectrum
-- {-| <i class="oi oi-badge"></i> -}
-- badge : Html msg
-- badge = i [] Badge
-- {-| <i class="oi oi-ban"></i> -}
-- ban : Html msg
-- ban = i [] Ban
-- {-| <i class="oi oi-bar-chart"></i> -}
-- barChart : Html msg
-- barChart = i [] BarChart
-- {-| <i class="oi oi-basket"></i> -}
-- basket : Html msg
-- basket = i [] Basket
-- {-| <i class="oi oi-battery-empty"></i> -}
-- batteryEmpty : Html msg
-- batteryEmpty = i [] BatteryEmpty
-- {-| <i class="oi oi-battery-full"></i> -}
-- batteryFull : Html msg
-- batteryFull = i [] BatteryFull
-- {-| <i class="oi oi-beaker"></i> -}
-- beaker : Html msg
-- beaker = i [] Beaker
-- {-| <i class="oi oi-bell"></i> -}
-- bell : Html msg
-- bell = i [] Bell
-- {-| <i class="oi oi-bluetooth"></i> -}
-- bluetooth : Html msg
-- bluetooth = i [] Bluetooth
-- {-| <i class="oi oi-bold"></i> -}
-- bold : Html msg
-- bold = i [] Bold
-- {-| <i class="oi oi-bolt"></i> -}
-- bolt : Html msg
-- bolt = i [] Bolt
-- {-| <i class="oi oi-book"></i> -}
-- book : Html msg
-- book = i [] Book
-- {-| <i class="oi oi-bookmark"></i> -}
-- bookmark : Html msg
-- bookmark = i [] Bookmark
-- {-| <i class="oi oi-box"></i> -}
-- box : Html msg
-- box = i [] Box
-- {-| <i class="oi oi-briefcase"></i> -}
-- briefcase : Html msg
-- briefcase = i [] Briefcase
-- {-| <i class="oi oi-british-pound"></i> -}
-- britishPound : Html msg
-- britishPound = i [] BritishPound
-- {-| <i class="oi oi-browser"></i> -}
-- browser : Html msg
-- browser = i [] Browser
-- {-| <i class="oi oi-brush"></i> -}
-- brush : Html msg
-- brush = i [] Brush
-- {-| <i class="oi oi-bug"></i> -}
-- bug : Html msg
-- bug = i [] Bug
-- {-| <i class="oi oi-bullhorn"></i> -}
-- bullhorn : Html msg
-- bullhorn = i [] Bullhorn
-- {-| <i class="oi oi-calculator"></i> -}
-- calculator : Html msg
-- calculator = i [] Calculator
-- {-| <i class="oi oi-calendar"></i> -}
-- calendar : Html msg
-- calendar = i [] Calendar
-- {-| <i class="oi oi-camera-slr"></i> -}
-- cameraSlr : Html msg
-- cameraSlr = i [] CameraSlr
-- {-| <i class="oi oi-caret-bottom"></i> -}
-- caretBottom : Html msg
-- caretBottom = i [] CaretBottom
-- {-| <i class="oi oi-caret-left"></i> -}
-- caretLeft : Html msg
-- caretLeft = i [] CaretLeft
-- {-| <i class="oi oi-caret-right"></i> -}
-- caretRight : Html msg
-- caretRight = i [] CaretRight
-- {-| <i class="oi oi-caret-top"></i> -}
-- caretTop : Html msg
-- caretTop = i [] CaretTop
-- {-| <i class="oi oi-cart"></i> -}
-- cart : Html msg
-- cart = i [] Cart
-- {-| <i class="oi oi-chat"></i> -}
-- chat : Html msg
-- chat = i [] Chat
-- {-| <i class="oi oi-check"></i> -}
-- check : Html msg
-- check = i [] Check
-- {-| <i class="oi oi-chevron-bottom"></i> -}
-- chevronBottom : Html msg
-- chevronBottom = i [] ChevronBottom
-- {-| <i class="oi oi-chevron-left"></i> -}
-- chevronLeft : Html msg
-- chevronLeft = i [] ChevronLeft
-- {-| <i class="oi oi-chevron-right"></i> -}
-- chevronRight : Html msg
-- chevronRight = i [] ChevronRight
-- {-| <i class="oi oi-chevron-top"></i> -}
-- chevronTop : Html msg
-- chevronTop = i [] ChevronTop
-- {-| <i class="oi oi-circle-check"></i> -}
-- circleCheck : Html msg
-- circleCheck = i [] CircleCheck
-- {-| <i class="oi oi-circle-x"></i> -}
-- circleX : Html msg
-- circleX = i [] CircleX
-- {-| <i class="oi oi-clipboard"></i> -}
-- clipboard : Html msg
-- clipboard = i [] Clipboard
-- {-| <i class="oi oi-clock"></i> -}
-- clock : Html msg
-- clock = i [] Clock
-- {-| <i class="oi oi-cloud"></i> -}
-- cloud : Html msg
-- cloud = i [] Cloud
-- {-| <i class="oi oi-cloud-download"></i> -}
-- cloudDownload : Html msg
-- cloudDownload = i [] CloudDownload
-- {-| <i class="oi oi-cloud-upload"></i> -}
-- cloudUpload : Html msg
-- cloudUpload = i [] CloudUpload
-- {-| <i class="oi oi-cloudy"></i> -}
-- cloudy : Html msg
-- cloudy = i [] Cloudy
-- {-| <i class="oi oi-code"></i> -}
-- code : Html msg
-- code = i [] Code
-- {-| <i class="oi oi-cog"></i> -}
-- cog : Html msg
-- cog = i [] Cog
-- {-| <i class="oi oi-collapse-down"></i> -}
-- collapseDown : Html msg
-- collapseDown = i [] CollapseDown
-- {-| <i class="oi oi-collapse-left"></i> -}
-- collapseLeft : Html msg
-- collapseLeft = i [] CollapseLeft
-- {-| <i class="oi oi-collapse-right"></i> -}
-- collapseRight : Html msg
-- collapseRight = i [] CollapseRight
-- {-| <i class="oi oi-collapse-up"></i> -}
-- collapseUp : Html msg
-- collapseUp = i [] CollapseUp
-- {-| <i class="oi oi-command"></i> -}
-- command : Html msg
-- command = i [] Command
-- {-| <i class="oi oi-comment-square"></i> -}
-- commentSquare : Html msg
-- commentSquare = i [] CommentSquare
-- {-| <i class="oi oi-compass"></i> -}
-- compass : Html msg
-- compass = i [] Compass
-- {-| <i class="oi oi-contrast"></i> -}
-- contrast : Html msg
-- contrast = i [] Contrast
-- {-| <i class="oi oi-copywriting"></i> -}
-- copywriting : Html msg
-- copywriting = i [] Copywriting
-- {-| <i class="oi oi-credit-card"></i> -}
-- creditCard : Html msg
-- creditCard = i [] CreditCard
-- {-| <i class="oi oi-crop"></i> -}
-- crop : Html msg
-- crop = i [] Crop
-- {-| <i class="oi oi-dashboard"></i> -}
-- dashboard : Html msg
-- dashboard = i [] Dashboard
-- {-| <i class="oi oi-data-transfer-download"></i> -}
-- dataTransferDownload : Html msg
-- dataTransferDownload = i [] DataTransferDownload
-- {-| <i class="oi oi-data-transfer-upload"></i> -}
-- dataTransferUpload : Html msg
-- dataTransferUpload = i [] DataTransferUpload
-- {-| <i class="oi oi-delete"></i> -}
-- delete : Html msg
-- delete = i [] Delete
-- {-| <i class="oi oi-dial"></i> -}
-- dial : Html msg
-- dial = i [] Dial
-- {-| <i class="oi oi-document"></i> -}
-- document : Html msg
-- document = i [] Document
-- {-| <i class="oi oi-dollar"></i> -}
-- dollar : Html msg
-- dollar = i [] Dollar
-- {-| <i class="oi oi-double-quote-sans-left"></i> -}
-- doubleQuoteSansLeft : Html msg
-- doubleQuoteSansLeft = i [] DoubleQuoteSansLeft
-- {-| <i class="oi oi-double-quote-sans-right"></i> -}
-- doubleQuoteSansRight : Html msg
-- doubleQuoteSansRight = i [] DoubleQuoteSansRight
-- {-| <i class="oi oi-double-quote-serif-left"></i> -}
-- doubleQuoteSerifLeft : Html msg
-- doubleQuoteSerifLeft = i [] DoubleQuoteSerifLeft
-- {-| <i class="oi oi-double-quote-serif-right"></i> -}
-- doubleQuoteSerifRight : Html msg
-- doubleQuoteSerifRight = i [] DoubleQuoteSerifRight
-- {-| <i class="oi oi-droplet"></i> -}
-- droplet : Html msg
-- droplet = i [] Droplet
-- {-| <i class="oi oi-eject"></i> -}
-- eject : Html msg
-- eject = i [] Eject
-- {-| <i class="oi oi-elevator"></i> -}
-- elevator : Html msg
-- elevator = i [] Elevator
-- {-| <i class="oi oi-ellipses"></i> -}
-- ellipses : Html msg
-- ellipses = i [] Ellipses
-- {-| <i class="oi oi-envelope-closed"></i> -}
-- envelopeClosed : Html msg
-- envelopeClosed = i [] EnvelopeClosed
-- {-| <i class="oi oi-envelope-open"></i> -}
-- envelopeOpen : Html msg
-- envelopeOpen = i [] EnvelopeOpen
-- {-| <i class="oi oi-euro"></i> -}
-- euro : Html msg
-- euro = i [] Euro
-- {-| <i class="oi oi-excerpt"></i> -}
-- excerpt : Html msg
-- excerpt = i [] Excerpt
-- {-| <i class="oi oi-expand-down"></i> -}
-- expandDown : Html msg
-- expandDown = i [] ExpandDown
-- {-| <i class="oi oi-expand-left"></i> -}
-- expandLeft : Html msg
-- expandLeft = i [] ExpandLeft
-- {-| <i class="oi oi-expand-right"></i> -}
-- expandRight : Html msg
-- expandRight = i [] ExpandRight
-- {-| <i class="oi oi-expand-up"></i> -}
-- expandUp : Html msg
-- expandUp = i [] ExpandUp
-- {-| <i class="oi oi-external-link"></i> -}
-- externalLink : Html msg
-- externalLink = i [] ExternalLink
-- {-| <i class="oi oi-eye"></i> -}
-- eye : Html msg
-- eye = i [] Eye
-- {-| <i class="oi oi-eyedropper"></i> -}
-- eyedropper : Html msg
-- eyedropper = i [] Eyedropper
-- {-| <i class="oi oi-file"></i> -}
-- file : Html msg
-- file = i [] File
-- {-| <i class="oi oi-fire"></i> -}
-- fire : Html msg
-- fire = i [] Fire
-- {-| <i class="oi oi-flag"></i> -}
-- flag : Html msg
-- flag = i [] Flag
-- {-| <i class="oi oi-flash"></i> -}
-- flash : Html msg
-- flash = i [] Flash
-- {-| <i class="oi oi-folder"></i> -}
-- folder : Html msg
-- folder = i [] Folder
-- {-| <i class="oi oi-fork"></i> -}
-- fork : Html msg
-- fork = i [] Fork
-- {-| <i class="oi oi-fullscreen-enter"></i> -}
-- fullscreenEnter : Html msg
-- fullscreenEnter = i [] FullscreenEnter
-- {-| <i class="oi oi-fullscreen-exit"></i> -}
-- fullscreenExit : Html msg
-- fullscreenExit = i [] FullscreenExit
-- {-| <i class="oi oi-globe"></i> -}
-- globe : Html msg
-- globe = i [] Globe
-- {-| <i class="oi oi-graph"></i> -}
-- graph : Html msg
-- graph = i [] Graph
-- {-| <i class="oi oi-grid-four-up"></i> -}
-- gridFourUp : Html msg
-- gridFourUp = i [] GridFourUp
-- {-| <i class="oi oi-grid-three-up"></i> -}
-- gridThreeUp : Html msg
-- gridThreeUp = i [] GridThreeUp
-- {-| <i class="oi oi-grid-two-up"></i> -}
-- gridTwoUp : Html msg
-- gridTwoUp = i [] GridTwoUp
-- {-| <i class="oi oi-hard-drive"></i> -}
-- hardDrive : Html msg
-- hardDrive = i [] HardDrive
-- {-| <i class="oi oi-header"></i> -}
-- header : Html msg
-- header = i [] Header
-- {-| <i class="oi oi-headphones"></i> -}
-- headphones : Html msg
-- headphones = i [] Headphones
-- {-| <i class="oi oi-heart"></i> -}
-- heart : Html msg
-- heart = i [] Heart
-- {-| <i class="oi oi-home"></i> -}
-- home : Html msg
-- home = i [] Home
-- {-| <i class="oi oi-image"></i> -}
-- image : Html msg
-- image = i [] Image
-- {-| <i class="oi oi-inbox"></i> -}
-- inbox : Html msg
-- inbox = i [] Inbox
-- {-| <i class="oi oi-infinity"></i> -}
-- infinity : Html msg
-- infinity = i [] Infinity
-- {-| <i class="oi oi-info"></i> -}
-- info : Html msg
-- info = i [] Info
-- {-| <i class="oi oi-italic"></i> -}
-- italic : Html msg
-- italic = i [] Italic
-- {-| <i class="oi oi-justify-center"></i> -}
-- justifyCenter : Html msg
-- justifyCenter = i [] JustifyCenter
-- {-| <i class="oi oi-justify-left"></i> -}
-- justifyLeft : Html msg
-- justifyLeft = i [] JustifyLeft
-- {-| <i class="oi oi-justify-right"></i> -}
-- justifyRight : Html msg
-- justifyRight = i [] JustifyRight
-- {-| <i class="oi oi-key"></i> -}
-- key : Html msg
-- key = i [] Key
-- {-| <i class="oi oi-laptop"></i> -}
-- laptop : Html msg
-- laptop = i [] Laptop
-- {-| <i class="oi oi-layers"></i> -}
-- layers : Html msg
-- layers = i [] Layers
-- {-| <i class="oi oi-lightbulb"></i> -}
-- lightbulb : Html msg
-- lightbulb = i [] Lightbulb
-- {-| <i class="oi oi-link-broken"></i> -}
-- linkBroken : Html msg
-- linkBroken = i [] LinkBroken
-- {-| <i class="oi oi-link-intact"></i> -}
-- linkIntact : Html msg
-- linkIntact = i [] LinkIntact
-- {-| <i class="oi oi-list"></i> -}
-- list : Html msg
-- list = i [] List
-- {-| <i class="oi oi-list-rich"></i> -}
-- listRich : Html msg
-- listRich = i [] ListRich
-- {-| <i class="oi oi-location"></i> -}
-- location : Html msg
-- location = i [] Location
-- {-| <i class="oi oi-lock-locked"></i> -}
-- lockLocked : Html msg
-- lockLocked = i [] LockLocked
-- {-| <i class="oi oi-lock-unlocked"></i> -}
-- lockUnlocked : Html msg
-- lockUnlocked = i [] LockUnlocked
-- {-| <i class="oi oi-loop"></i> -}
-- loop : Html msg
-- loop = i [] Loop
-- {-| <i class="oi oi-loop-circular"></i> -}
-- loopCircular : Html msg
-- loopCircular = i [] LoopCircular
-- {-| <i class="oi oi-loop-square"></i> -}
-- loopSquare : Html msg
-- loopSquare = i [] LoopSquare
-- {-| <i class="oi oi-magnifying-glass"></i> -}
-- magnifyingGlass : Html msg
-- magnifyingGlass = i [] MagnifyingGlass
-- {-| <i class="oi oi-map"></i> -}
-- map : Html msg
-- map = i [] Map
-- {-| <i class="oi oi-map-marker"></i> -}
-- mapMarker : Html msg
-- mapMarker = i [] MapMarker
-- {-| <i class="oi oi-media-pause"></i> -}
-- mediaPause : Html msg
-- mediaPause = i [] MediaPause
-- {-| <i class="oi oi-media-play"></i> -}
-- mediaPlay : Html msg
-- mediaPlay = i [] MediaPlay
-- {-| <i class="oi oi-media-record"></i> -}
-- mediaRecord : Html msg
-- mediaRecord = i [] MediaRecord
-- {-| <i class="oi oi-media-skip-backward"></i> -}
-- mediaSkipBackward : Html msg
-- mediaSkipBackward = i [] MediaSkipBackward
-- {-| <i class="oi oi-media-skip-forward"></i> -}
-- mediaSkipForward : Html msg
-- mediaSkipForward = i [] MediaSkipForward
-- {-| <i class="oi oi-media-step-backward"></i> -}
-- mediaStepBackward : Html msg
-- mediaStepBackward = i [] MediaStepBackward
-- {-| <i class="oi oi-media-step-forward"></i> -}
-- mediaStepForward : Html msg
-- mediaStepForward = i [] MediaStepForward
-- {-| <i class="oi oi-media-stop"></i> -}
-- mediaStop : Html msg
-- mediaStop = i [] MediaStop
-- {-| <i class="oi oi-medical-cross"></i> -}
-- medicalCross : Html msg
-- medicalCross = i [] MedicalCross
-- {-| <i class="oi oi-menu"></i> -}
-- menu : Html msg
-- menu = i [] Menu
-- {-| <i class="oi oi-microphone"></i> -}
-- microphone : Html msg
-- microphone = i [] Microphone
-- {-| <i class="oi oi-minus"></i> -}
-- minus : Html msg
-- minus = i [] Minus
-- {-| <i class="oi oi-monitor"></i> -}
-- monitor : Html msg
-- monitor = i [] Monitor
-- {-| <i class="oi oi-moon"></i> -}
-- moon : Html msg
-- moon = i [] Moon
-- {-| <i class="oi oi-move"></i> -}
-- move : Html msg
-- move = i [] Move
-- {-| <i class="oi oi-musical-note"></i> -}
-- musicalNote : Html msg
-- musicalNote = i [] MusicalNote
-- {-| <i class="oi oi-paperclip"></i> -}
-- paperclip : Html msg
-- paperclip = i [] Paperclip
-- {-| <i class="oi oi-pencil"></i> -}
-- pencil : Html msg
-- pencil = i [] Pencil
-- {-| <i class="oi oi-people"></i> -}
-- people : Html msg
-- people = i [] People
-- {-| <i class="oi oi-person"></i> -}
-- person : Html msg
-- person = i [] Person
-- {-| <i class="oi oi-phone"></i> -}
-- phone : Html msg
-- phone = i [] Phone
-- {-| <i class="oi oi-pie-chart"></i> -}
-- pieChart : Html msg
-- pieChart = i [] PieChart
-- {-| <i class="oi oi-pin"></i> -}
-- pin : Html msg
-- pin = i [] Pin
-- {-| <i class="oi oi-play-circle"></i> -}
-- playCircle : Html msg
-- playCircle = i [] PlayCircle
-- {-| <i class="oi oi-plus"></i> -}
-- plus : Html msg
-- plus = i [] Plus
-- {-| <i class="oi oi-power-standby"></i> -}
-- powerStandby : Html msg
-- powerStandby = i [] PowerStandby
-- {-| <i class="oi oi-print"></i> -}
-- print : Html msg
-- print = i [] Print
-- {-| <i class="oi oi-project"></i> -}
-- project : Html msg
-- project = i [] Project
-- {-| <i class="oi oi-pulse"></i> -}
-- pulse : Html msg
-- pulse = i [] Pulse
-- {-| <i class="oi oi-puzzle-piece"></i> -}
-- puzzlePiece : Html msg
-- puzzlePiece = i [] PuzzlePiece
-- {-| <i class="oi oi-question-mark"></i> -}
-- questionMark : Html msg
-- questionMark = i [] QuestionMark
-- {-| <i class="oi oi-rain"></i> -}
-- rain : Html msg
-- rain = i [] Rain
-- {-| <i class="oi oi-random"></i> -}
-- random : Html msg
-- random = i [] Random
-- {-| <i class="oi oi-reload"></i> -}
-- reload : Html msg
-- reload = i [] Reload
-- {-| <i class="oi oi-resize-both"></i> -}
-- resizeBoth : Html msg
-- resizeBoth = i [] ResizeBoth
-- {-| <i class="oi oi-resize-height"></i> -}
-- resizeHeight : Html msg
-- resizeHeight = i [] ResizeHeight
-- {-| <i class="oi oi-resize-width"></i> -}
-- resizeWidth : Html msg
-- resizeWidth = i [] ResizeWidth
-- {-| <i class="oi oi-rss"></i> -}
-- rss : Html msg
-- rss = i [] Rss
-- {-| <i class="oi oi-rss-alt"></i> -}
-- rssAlt : Html msg
-- rssAlt = i [] RssAlt
-- {-| <i class="oi oi-script"></i> -}
-- script : Html msg
-- script = i [] Script
-- {-| <i class="oi oi-share"></i> -}
-- share : Html msg
-- share = i [] Share
-- {-| <i class="oi oi-share-boxed"></i> -}
-- shareBoxed : Html msg
-- shareBoxed = i [] ShareBoxed
-- {-| <i class="oi oi-shield"></i> -}
-- shield : Html msg
-- shield = i [] Shield
-- {-| <i class="oi oi-signal"></i> -}
-- signal : Html msg
-- signal = i [] Signal
-- {-| <i class="oi oi-signpost"></i> -}
-- signpost : Html msg
-- signpost = i [] Signpost
-- {-| <i class="oi oi-sort-ascending"></i> -}
-- sortAscending : Html msg
-- sortAscending = i [] SortAscending
-- {-| <i class="oi oi-sort-descending"></i> -}
-- sortDescending : Html msg
-- sortDescending = i [] SortDescending
-- {-| <i class="oi oi-spreadsheet"></i> -}
-- spreadsheet : Html msg
-- spreadsheet = i [] Spreadsheet
-- {-| <i class="oi oi-star"></i> -}
-- star : Html msg
-- star = i [] Star
-- {-| <i class="oi oi-sun"></i> -}
-- sun : Html msg
-- sun = i [] Sun
-- {-| <i class="oi oi-tablet"></i> -}
-- tablet : Html msg
-- tablet = i [] Tablet
-- {-| <i class="oi oi-tag"></i> -}
-- tag : Html msg
-- tag = i [] Tag
-- {-| <i class="oi oi-tags"></i> -}
-- tags : Html msg
-- tags = i [] Tags
-- {-| <i class="oi oi-target"></i> -}
-- target : Html msg
-- target = i [] Target
-- {-| <i class="oi oi-task"></i> -}
-- task : Html msg
-- task = i [] Task
-- {-| <i class="oi oi-terminal"></i> -}
-- terminal : Html msg
-- terminal = i [] Terminal
-- {-| <i class="oi oi-text"></i> -}
-- text : Html msg
-- text = i [] Text
-- {-| <i class="oi oi-thumb-down"></i> -}
-- thumbDown : Html msg
-- thumbDown = i [] ThumbDown
-- {-| <i class="oi oi-thumb-up"></i> -}
-- thumbUp : Html msg
-- thumbUp = i [] ThumbUp
-- {-| <i class="oi oi-timer"></i> -}
-- timer : Html msg
-- timer = i [] Timer
-- {-| <i class="oi oi-transfer"></i> -}
-- transfer : Html msg
-- transfer = i [] Transfer
-- {-| <i class="oi oi-trash"></i> -}
-- trash : Html msg
-- trash = i [] Trash
-- {-| <i class="oi oi-underline"></i> -}
-- underline : Html msg
-- underline = i [] Underline
-- {-| <i class="oi oi-vertical-align-bottom"></i> -}
-- verticalAlignBottom : Html msg
-- verticalAlignBottom = i [] VerticalAlignBottom
-- {-| <i class="oi oi-vertical-align-center"></i> -}
-- verticalAlignCenter : Html msg
-- verticalAlignCenter = i [] VerticalAlignCenter
-- {-| <i class="oi oi-vertical-align-top"></i> -}
-- verticalAlignTop : Html msg
-- verticalAlignTop = i [] VerticalAlignTop
-- {-| <i class="oi oi-video"></i> -}
-- video : Html msg
-- video = i [] Video
-- {-| <i class="oi oi-volume-high"></i> -}
-- volumeHigh : Html msg
-- volumeHigh = i [] VolumeHigh
-- {-| <i class="oi oi-volume-low"></i> -}
-- volumeLow : Html msg
-- volumeLow = i [] VolumeLow
-- {-| <i class="oi oi-volume-off"></i> -}
-- volumeOff : Html msg
-- volumeOff = i [] VolumeOff
-- {-| <i class="oi oi-warning"></i> -}
-- warning : Html msg
-- warning = i [] Warning
-- {-| <i class="oi oi-wifi"></i> -}
-- wifi : Html msg
-- wifi = i [] Wifi
-- {-| <i class="oi oi-wrench"></i> -}
-- wrench : Html msg
-- wrench = i [] Wrench
-- {-| <i class="oi oi-x"></i> -}
-- x : Html msg
-- x = i [] X
-- {-| <i class="oi oi-yen"></i> -}
-- yen : Html msg
-- yen = i [] Yen
-- {-| <i class="oi oi-zoom-in"></i> -}
-- zoomIn : Html msg
-- zoomIn = i [] ZoomIn
-- {-| <i class="oi oi-zoom-out"></i> -}
-- zoomOut : Html msg
-- zoomOut = i [] ZoomOut