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

Material.Icons.Hardware

#Icons

cast : Color -> Int -> Svg msg
cast : Color -> Int -> Svg msg
computer : Color -> Int -> Svg msg
dock : Color -> Int -> Svg msg
gamepad : Color -> Int -> Svg msg
headset : Color -> Int -> Svg msg
headset : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
keyboard : Color -> Int -> Svg msg
laptop : Color -> Int -> Svg msg
laptop : Color -> Int -> Svg msg
laptop : Color -> Int -> Svg msg
laptop : Color -> Int -> Svg msg
memory : Color -> Int -> Svg msg
mouse : Color -> Int -> Svg msg
phonelink : Color -> Int -> Svg msg
phonelink : Color -> Int -> Svg msg
router : Color -> Int -> Svg msg
scanner : Color -> Int -> Svg msg
security : Color -> Int -> Svg msg
smartphone : Color -> Int -> Svg msg
speaker : Color -> Int -> Svg msg
speaker : Color -> Int -> Svg msg
tablet : Color -> Int -> Svg msg
tablet : Color -> Int -> Svg msg
tablet : Color -> Int -> Svg msg
toys : Color -> Int -> Svg msg
tv : Color -> Int -> Svg msg
watch : Color -> Int -> Svg msg
module Material.Icons.Hardware exposing (..)

{-|

#Icons
@docs cast
@docs cast_connected
@docs computer
@docs desktop_mac
@docs desktop_windows
@docs developer_board
@docs device_hub
@docs dock
@docs gamepad
@docs headset
@docs headset_mic
@docs keyboard
@docs keyboard_arrow_down
@docs keyboard_arrow_left
@docs keyboard_arrow_right
@docs keyboard_arrow_up
@docs keyboard_arrow_backspace
@docs keyboard_arrow_capslock
@docs keyboard_arrow_hide
@docs keyboard_arrow_return
@docs keyboard_tab
@docs keyboard_voice
@docs laptop
@docs laptop_chromebook
@docs laptop_mac
@docs laptop_windows
@docs memory
@docs mouse
@docs phone_android
@docs phone_iphone
@docs phonelink
@docs phonelink_off
@docs power_input
@docs router
@docs scanner
@docs security
@docs sim_card
@docs smartphone
@docs speaker
@docs speaker_group
@docs tablet
@docs tablet_android
@docs tablet_mac
@docs toys
@docs tv
@docs watch

-}

import Svg                      exposing (Svg)
import Svg.Attributes
import Color                    exposing (Color)
import Material.Icons.Internal  exposing (icon, toRgbaString)
import VirtualDom
{-|-}
cast : Color -> Int -> Svg msg
cast =
  icon "M21 3H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11z"
{-|-}
cast_connected : Color -> Int -> Svg msg
cast_connected =
  icon "M1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm18-7H5v1.63c3.96 1.28 7.09 4.41 8.37 8.37H19V7zM1 10v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11zm20-7H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
{-|-}
computer : Color -> Int -> Svg msg
computer =
  icon "M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"
{-|-}
desktop_mac : Color -> Int -> Svg msg
desktop_mac =
  icon "M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 12H3V4h18v10z"
{-|-}
desktop_windows : Color -> Int -> Svg msg
desktop_windows =
  icon "M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"
{-|-}
developer_board : Color -> Int -> Svg msg
developer_board =
  icon "M22 9V7h-2V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2v-2h-2V9h2zm-4 10H4V5h14v14zM6 13h5v4H6zm6-6h4v3h-4zM6 7h5v5H6zm6 4h4v6h-4z"
{-|-}
device_hub : Color -> Int -> Svg msg
device_hub =
  icon "M17 16l-4-4V8.82C14.16 8.4 15 7.3 15 6c0-1.66-1.34-3-3-3S9 4.34 9 6c0 1.3.84 2.4 2 2.82V12l-4 4H3v5h5v-3.05l4-4.2 4 4.2V21h5v-5h-4z"
{-|-}
dock : Color -> Int -> Svg msg
dock =
  icon "M8 23h8v-2H8v2zm8-21.99L8 1c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM16 15H8V5h8v10z"
{-|-}
gamepad : Color -> Int -> Svg msg
gamepad =
  icon "M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z"
{-|-}
headset : Color -> Int -> Svg msg
headset =
  icon "M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z"
{-|-}
headset_mic : Color -> Int -> Svg msg
headset_mic =
  icon "M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h4v1h-7v2h6c1.66 0 3-1.34 3-3V10c0-4.97-4.03-9-9-9z"
{-|-}
keyboard : Color -> Int -> Svg msg
keyboard =
  icon "M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"
{-|-}
keyboard_arrow_down : Color -> Int -> Svg msg
keyboard_arrow_down =
  icon "M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"
{-|-}
keyboard_arrow_left : Color -> Int -> Svg msg
keyboard_arrow_left =
  icon "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
{-|-}
keyboard_arrow_right : Color -> Int -> Svg msg
keyboard_arrow_right =
  icon "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
{-|-}
keyboard_arrow_up : Color -> Int -> Svg msg
keyboard_arrow_up =
  icon "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"
{-|-}
keyboard_arrow_backspace : Color -> Int -> Svg msg
keyboard_arrow_backspace =
  icon "M21 11H6.83l3.58-3.59L9 6l-6 6 6 6 1.41-1.41L6.83 13H21z"
{-|-}
keyboard_arrow_capslock : Color -> Int -> Svg msg
keyboard_arrow_capslock =
  icon "M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z"
{-|-}
keyboard_arrow_hide : Color -> Int -> Svg msg
keyboard_arrow_hide =
  icon "M20 3H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 3h2v2h-2V6zm0 3h2v2h-2V9zM8 6h2v2H8V6zm0 3h2v2H8V9zm-1 2H5V9h2v2zm0-3H5V6h2v2zm9 7H8v-2h8v2zm0-4h-2V9h2v2zm0-3h-2V6h2v2zm3 3h-2V9h2v2zm0-3h-2V6h2v2zm-7 15l4-4H8l4 4z"
{-|-}
keyboard_arrow_return : Color -> Int -> Svg msg
keyboard_arrow_return =
  icon "M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z"
{-|-}
keyboard_tab : Color -> Int -> Svg msg
keyboard_tab =
  icon "M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6-6-6-1.41 1.41zM20 6v12h2V6h-2z"
{-|-}
keyboard_voice : Color -> Int -> Svg msg
keyboard_voice =
  icon "M12 15c1.66 0 2.99-1.34 2.99-3L15 6c0-1.66-1.34-3-3-3S9 4.34 9 6v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 15 6.7 12H5c0 3.42 2.72 6.23 6 6.72V22h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"
{-|-}
laptop : Color -> Int -> Svg msg
laptop =
  icon "M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"
{-|-}
laptop_chromebook : Color -> Int -> Svg msg
laptop_chromebook =
  icon "M22 18V3H2v15H0v2h24v-2h-2zm-8 0h-4v-1h4v1zm6-3H4V5h16v10z"
{-|-}
laptop_mac : Color -> Int -> Svg msg
laptop_mac =
  icon "M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
{-|-}
laptop_windows : Color -> Int -> Svg msg
laptop_windows =
  icon "M20 18v-1c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2v1H0v2h24v-2h-4zM4 5h16v10H4V5z"
{-|-}
memory : Color -> Int -> Svg msg
memory =
  icon "M15 9H9v6h6V9zm-2 4h-2v-2h2v2zm8-2V9h-2V7c0-1.1-.9-2-2-2h-2V3h-2v2h-2V3H9v2H7c-1.1 0-2 .9-2 2v2H3v2h2v2H3v2h2v2c0 1.1.9 2 2 2h2v2h2v-2h2v2h2v-2h2c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2zm-4 6H7V7h10v10z"
{-|-}
mouse : Color -> Int -> Svg msg
mouse =
  icon "M13 1.07V9h7c0-4.08-3.05-7.44-7-7.93zM4 15c0 4.42 3.58 8 8 8s8-3.58 8-8v-4H4v4zm7-13.93C7.05 1.56 4 4.92 4 9h7V1.07z"
{-|-}
phone_android : Color -> Int -> Svg msg
phone_android =
  icon "M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z"
{-|-}
phone_iphone : Color -> Int -> Svg msg
phone_iphone =
  icon "M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"
{-|-}
phonelink : Color -> Int -> Svg msg
phonelink =
  icon "M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z"
{-|-}
phonelink_off : Color -> Int -> Svg msg
phonelink_off =
  icon "M22 6V4H6.82l2 2H22zM1.92 1.65L.65 2.92l1.82 1.82C2.18 5.08 2 5.52 2 6v11H0v3h17.73l2.35 2.35 1.27-1.27L3.89 3.62 1.92 1.65zM4 6.27L14.73 17H4V6.27zM23 8h-6c-.55 0-1 .45-1 1v4.18l2 2V10h4v7h-2.18l3 3H23c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1z"
{-|-}
power_input : Color -> Int -> Svg msg
power_input =
  icon "M2 9v2h19V9H2zm0 6h5v-2H2v2zm7 0h5v-2H9v2zm7 0h5v-2h-5v2z"
{-|-}
router : Color -> Int -> Svg msg
router =
  icon "M20.2 5.9l.8-.8C19.6 3.7 17.8 3 16 3s-3.6.7-5 2.1l.8.8C13 4.8 14.5 4.2 16 4.2s3 .6 4.2 1.7zm-.9.8c-.9-.9-2.1-1.4-3.3-1.4s-2.4.5-3.3 1.4l.8.8c.7-.7 1.6-1 2.5-1 .9 0 1.8.3 2.5 1l.8-.8zM19 13h-2V9h-2v4H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zM8 18H6v-2h2v2zm3.5 0h-2v-2h2v2zm3.5 0h-2v-2h2v2z"
{-|-}
scanner : Color -> Int -> Svg msg
scanner =
  icon "M19.8 10.7L4.2 5l-.7 1.9L17.6 12H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-5.5c0-.8-.5-1.6-1.2-1.8zM7 17H5v-2h2v2zm12 0H9v-2h10v2z"
{-|-}
security : Color -> Int -> Svg msg
security =
  icon "M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"
{-|-}
sim_card : Color -> Int -> Svg msg
sim_card =
  icon "M19.99 4c0-1.1-.89-2-1.99-2h-8L4 8v12c0 1.1.9 2 2 2h12.01c1.1 0 1.99-.9 1.99-2l-.01-16zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z"
{-|-}
smartphone : Color -> Int -> Svg msg
smartphone =
  icon "M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z"
{-|-}
speaker : Color -> Int -> Svg msg
speaker =
  icon "M17 2H7c-1.1 0-2 .9-2 2v16c0 1.1.9 1.99 2 1.99L17 22c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 2c1.1 0 2 .9 2 2s-.9 2-2 2c-1.11 0-2-.9-2-2s.89-2 2-2zm0 16c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"


{-|-}
speaker_group : Color -> Int -> Svg msg
speaker_group color size =
    let
        stringColor = toRgbaString color
        stringSize  = toString size
    in
        Svg.svg
            [ Svg.Attributes.width stringSize
            , Svg.Attributes.height stringSize
            , Svg.Attributes.viewBox "0 0 24 24"
            ]
            [ Svg.path
                  [ Svg.Attributes.d "M18.2 1H9.8C8.81 1 8 1.81 8 2.8v14.4c0 .99.81 1.79 1.8 1.79l8.4.01c.99 0 1.8-.81 1.8-1.8V2.8c0-.99-.81-1.8-1.8-1.8zM14 3c1.1 0 2 .89 2 2s-.9 2-2 2-2-.89-2-2 .9-2 2-2zm0 13.5c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
                  , Svg.Attributes.fill stringColor
                  ]
                  []
            , Svg.circle
                  [ Svg.Attributes.cx "14"
                  , Svg.Attributes.cy "12.5"
                  , Svg.Attributes.r "2.5"
                  , Svg.Attributes.fill stringColor
                  ]
                  []
            , Svg.path
                  [ Svg.Attributes.d "M6 5H4v16c0 1.1.89 2 2 2h10v-2H6V5z"
                  , Svg.Attributes.fill stringColor
                  ]
                  []
            ]
{-|-}
tablet : Color -> Int -> Svg msg
tablet =
  icon "M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 1.99-.9 1.99-2L23 6c0-1.1-.9-2-2-2zm-2 14H5V6h14v12z"
{-|-}
tablet_android : Color -> Int -> Svg msg
tablet_android =
  icon "M18 0H6C4.34 0 3 1.34 3 3v18c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V3c0-1.66-1.34-3-3-3zm-4 22h-4v-1h4v1zm5.25-3H4.75V3h14.5v16z"
{-|-}
tablet_mac : Color -> Int -> Svg msg
tablet_mac =
  icon "M18.5 0h-14C3.12 0 2 1.12 2 2.5v19C2 22.88 3.12 24 4.5 24h14c1.38 0 2.5-1.12 2.5-2.5v-19C21 1.12 19.88 0 18.5 0zm-7 23c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7.5-4H4V3h15v16z"
{-|-}
toys : Color -> Int -> Svg msg
toys =
  icon "M12 12c0-3 2.5-5.5 5.5-5.5S23 9 23 12H12zm0 0c0 3-2.5 5.5-5.5 5.5S1 15 1 12h11zm0 0c-3 0-5.5-2.5-5.5-5.5S9 1 12 1v11zm0 0c3 0 5.5 2.5 5.5 5.5S15 23 12 23V12z"
{-|-}
tv : Color -> Int -> Svg msg
tv =
  icon "M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z"
{-|-}
watch : Color -> Int -> Svg msg
watch =
  icon "M20 12c0-2.54-1.19-4.81-3.04-6.27L16 0H8l-.95 5.73C5.19 7.19 4 9.45 4 12s1.19 4.81 3.05 6.27L8 24h8l.96-5.73C18.81 16.81 20 14.54 20 12zM6 12c0-3.31 2.69-6 6-6s6 2.69 6 6-2.69 6-6 6-6-2.69-6-6z"