This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
README

OpenIconic

<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 OpenIconic as OI 
  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

stylesheet : Html msg

Include Open Iconic 1.1.1 in your Elm project.

import OpenIconic as OI exposing (stylesheet,Icon(..))

view : Model -> Html msg
view model
  = div []
    [ stylesheet
    , OI.i [] Trash
    ]

Html

i : List (Attribute msg) -> Icon -> Html msg
import OpenIconic as OI exposing (..)

myPaperclipIcon : Html msg
myPaperclipIcon
  = OI.i [] Paperclip

Attributes

toClass : Icon -> Attribute msg
OI.toAttribute EnvelopeOpen
-- Attribute.class "oi oi-envelope-open"
toClassName : Icon -> String
OI.toClassName ZoomOut
-- "oi oi-zoom-out"

Icons

toString : Icon -> String
OI.toString PieChart
-- "pie-chart"

HTML Helpers

accountLogin : Html msg

accountLogout : Html msg

actionRedo : Html msg

actionUndo : Html msg

alignCenter : Html msg

alignLeft : Html msg

alignRight : Html msg

aperture : Html msg

arrowBottom : Html msg

arrowCircleBottom : Html msg

arrowCircleLeft : Html msg

arrowCircleRight : Html msg

arrowCircleTop : Html msg

arrowLeft : Html msg

arrowRight : Html msg

arrowThickBottom : Html msg

arrowThickLeft : Html msg

arrowThickRight : Html msg

arrowThickTop : Html msg

arrowTop : Html msg

audio : Html msg

audioSpectrum : Html msg

badge : Html msg

ban : Html msg

barChart : Html msg

basket : Html msg

batteryEmpty : Html msg

batteryFull : Html msg

beaker : Html msg

bell : Html msg

bluetooth : Html msg

bold : Html msg

bolt : Html msg

book : Html msg

bookmark : Html msg

box : Html msg

briefcase : Html msg

britishPound : Html msg

browser : Html msg

brush : Html msg

bug : Html msg

bullhorn : Html msg

calculator : Html msg

calendar : Html msg

cameraSlr : Html msg

caretBottom : Html msg

caretLeft : Html msg

caretRight : Html msg

caretTop : Html msg

cart : Html msg

chat : Html msg

check : Html msg

chevronBottom : Html msg

chevronLeft : Html msg

chevronRight : Html msg

chevronTop : Html msg

circleCheck : Html msg

circleX : Html msg

clipboard : Html msg

clock : Html msg

cloud : Html msg

cloudDownload : Html msg

cloudUpload : Html msg

cloudy : Html msg

code : Html msg

cog : Html msg

collapseDown : Html msg

collapseLeft : Html msg

collapseRight : Html msg

collapseUp : Html msg

command : Html msg

commentSquare : Html msg

compass : Html msg

contrast : Html msg

copywriting : Html msg

creditCard : Html msg

crop : Html msg

dashboard : Html msg

dataTransferDownload : Html msg

dataTransferUpload : Html msg

delete : Html msg

dial : Html msg

document : Html msg

dollar : Html msg

doubleQuoteSansLeft : Html msg

doubleQuoteSansRight : Html msg

doubleQuoteSerifLeft : Html msg

doubleQuoteSerifRight : Html msg

droplet : Html msg

eject : Html msg

elevator : Html msg

ellipses : Html msg

envelopeClosed : Html msg

envelopeOpen : Html msg

euro : Html msg

excerpt : Html msg

expandDown : Html msg

expandLeft : Html msg

expandRight : Html msg

expandUp : Html msg

externalLink : Html msg

eye : Html msg

eyedropper : Html msg

file : Html msg

fire : Html msg

flag : Html msg

flash : Html msg

folder : Html msg

fork : Html msg

fullscreenEnter : Html msg

fullscreenExit : Html msg

globe : Html msg

graph : Html msg

gridFourUp : Html msg

gridThreeUp : Html msg

gridTwoUp : Html msg

hardDrive : Html msg

header : Html msg

headphones : Html msg

heart : Html msg

home : Html msg

image : Html msg

inbox : Html msg

infinity : Html msg

info : Html msg

italic : Html msg

justifyCenter : Html msg

justifyLeft : Html msg

justifyRight : Html msg

key : Html msg

laptop : Html msg

layers : Html msg

lightbulb : Html msg

linkBroken : Html msg

linkIntact : Html msg

list : Html msg

listRich : Html msg

location : Html msg

lockLocked : Html msg

lockUnlocked : Html msg

loop : Html msg

loopCircular : Html msg

loopSquare : Html msg

magnifyingGlass : Html msg

map : Html msg

mapMarker : Html msg

mediaPause : Html msg

mediaPlay : Html msg

mediaRecord : Html msg

mediaSkipBackward : Html msg

mediaSkipForward : Html msg

mediaStepBackward : Html msg

mediaStepForward : Html msg

mediaStop : Html msg

medicalCross : Html msg

menu : Html msg

microphone : Html msg

minus : Html msg

monitor : Html msg

moon : Html msg

move : Html msg

musicalNote : Html msg

paperclip : Html msg

pencil : Html msg

people : Html msg

person : Html msg

phone : Html msg

pieChart : Html msg

pin : Html msg

playCircle : Html msg

plus : Html msg

powerStandby : Html msg

print : Html msg

project : Html msg

pulse : Html msg

puzzlePiece : Html msg

questionMark : Html msg

rain : Html msg

random : Html msg

reload : Html msg

resizeBoth : Html msg

resizeHeight : Html msg

resizeWidth : Html msg

rss : Html msg

rssAlt : Html msg

script : Html msg

share : Html msg

shareBoxed : Html msg

shield : Html msg

signal : Html msg

signpost : Html msg

sortAscending : Html msg

sortDescending : Html msg

spreadsheet : Html msg

star : Html msg

sun : Html msg

tablet : Html msg

tag : Html msg

tags : Html msg

target : Html msg

task : Html msg

terminal : Html msg

text : Html msg

thumbDown : Html msg

thumbUp : Html msg

timer : Html msg

transfer : Html msg

trash : Html msg

underline : Html msg

verticalAlignBottom : Html msg

verticalAlignCenter : Html msg

verticalAlignTop : Html msg

video : Html msg

volumeHigh : Html msg

volumeLow : Html msg

volumeOff : Html msg

warning : Html msg

wifi : Html msg

wrench : Html msg

x : Html msg

yen : Html msg

zoomIn : Html msg

zoomOut : Html msg

Union Type

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

module 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 OpenIconic as OI 
      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

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

## Union Type
@docs Icon

-}


-- 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 OpenIconic as OI exposing (stylesheet,Icon(..))

    view : Model -> Html msg
    view model
      = div []
        [ stylesheet
        , OI.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 OpenIconic as OI exposing (..)

    myPaperclipIcon : Html msg
    myPaperclipIcon
      = OI.i [] Paperclip
-}
i : List (Attribute msg) -> Icon -> Html msg
i attrs icon = Html.i (toClass icon :: attrs) []

{-| 
    OI.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

{-| 
    OI.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)

{-| 
    OI.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