Hydrogen Element Icons


Installation

Download Element Icons

The /css/element.css file contains the core styling plus all of the icon styles that you’ll need when using Hydrogen Element Icons. The /fonts folder contains all of the typeface files that the above CSS references and depends on.

Copy the entire /fonts folder and the /css/element.min.css into your project’s static assets directory.

Add a reference to the copied /css/element.min.css file into the of each page that you want to use Element on.


    <head>
      <link href="/your-path-to-element/css/element.min.css" rel="stylesheet"> <!--load styles -->
    </head>
    <body>
      <span class="icon-home"></span> <!-- home icon-->
      <span class="icon-money"></span> <!-- money icon-->
    </body>


Icons

icon-add
icon-analytics
icon-arrow-down
icon-arrow-up
icon-attachment
icon-calculator
icon-calendar
icon-cancel
icon-car-purchase
icon-card
icon-chevron-left
icon-chevron-right
icon-circle-cancel
icon-circle-dollar
icon-circle-down
icon-circle-euro
icon-circle-information
icon-circle-left
icon-circle-minus
icon-circle-plus
icon-circle-pound
icon-circle-right
icon-circle-tick
icon-circle-up
icon-circle-yuan
icon-delete
icon-document
icon-dollar
icon-download
icon-downward-trend
icon-education
icon-emoji-aggressive
icon-emoji-conservative
icon-emoji-neutral
icon-euro
icon-export
icon-favorite
icon-gift
icon-goal
icon-goal-alt
icon-profile-group
icon-hamburger
icon-home-purchase
icon-home
icon-horizontal-bar-chart
icon-dots-horizontal
icon-dots-vertical
icon-list
icon-lock
icon-major-purchase
icon-message
icon-money
icon-new-business
icon-notification
icon-phone
icon-phone-damaged
icon-pie-chart
icon-piggy-bank
icon-positive-trend
icon-pound
icon-profile
icon-redo
icon-refresh
icon-refresh-time
icon-retirement
icon-retirement-alt
icon-risk-high
icon-risk-low
icon-risk-medium
icon-search
icon-settings
icon-share
icon-stacked-bar-chart
icon-transfer-horizontal
icon-transfer-vertical
icon-unlock
icon-vacation
icon-varied-bar-chart
icon-vertical-bar-chart
icon-wedding
icon-write
icon-yuan