import React from 'react';
import QueueAnim from 'rc-queue-anim';

const Icons = () => (
  <article className="article">
    <h2 className="article-title">900+ Official Material Design Icons</h2>
    <div className="box box-default">

      <div className="card card-white">
        <div className="card-content">
          <span className="card-title" />
          <p>
            <i className="material-icons">slow_motion_video</i>
            <i className="material-icons">playlist_add</i>
            <i className="material-icons">play_circle_outline</i>
            <i className="material-icons">play_circle_filled</i>
            <i className="material-icons">play_arrow</i>
            <i className="material-icons">pause_circle_outline</i>
            <i className="material-icons">pause_circle_filled</i>
            <i className="material-icons">pause</i>
            <i className="material-icons">note</i>
            <i className="material-icons">not_interested</i>
            <i className="material-icons">repeat</i>
            <i className="material-icons">remove_from_queue</i>
            <i className="material-icons">recent_actors</i>
            <i className="material-icons">radio</i>
            <i className="material-icons">queue_play_next</i>
            <i className="material-icons">queue_music</i>
            <i className="material-icons">queue</i>
            <i className="material-icons">playlist_play</i>
            <i className="material-icons">playlist_add_check</i>
            <i className="material-icons">assignment_ind</i>
            <i className="material-icons">assignment_late</i>
            <i className="material-icons">assignment_return</i>
            <i className="material-icons">assignment_returned</i>
            <i className="material-icons">assignment_turned_in</i>
            <i className="material-icons">autorenew</i>
            <i className="material-icons">backup</i>
            <i className="material-icons">book</i>
            <i className="material-icons">bookmark</i>
            <i className="material-icons">video_library</i>
            <i className="material-icons">video_label</i>
            <i className="material-icons">video_call</i>
            <i className="material-icons">surround_sound</i>
            <i className="material-icons">subtitles</i>
            <i className="material-icons">subscriptions</i>
            <i className="material-icons">stop</i>
            <i className="material-icons">sort_by_alpha</i>
            <i className="material-icons">snooze</i>
            <i className="material-icons">check_circle</i>
            <i className="material-icons">web_asset</i>
            <i className="material-icons">web</i>
            <i className="material-icons">volume_up</i>
            <i className="material-icons">volume_off</i>
            <i className="material-icons">volume_mute</i>
            <i className="material-icons">volume_down</i>
            <i className="material-icons">videocam_off</i>
            <i className="material-icons">videocam</i>
            <i className="material-icons">delete</i>
            <i className="material-icons">delete_forever</i>
            <i className="material-icons">description</i>
            <i className="material-icons">dns</i>
            <i className="material-icons">done</i>
            <i className="material-icons">done_all</i>
            <i className="material-icons">donut_large</i>
            <i className="material-icons">donut_small</i>
            <i className="material-icons">eject</i>
            <i className="material-icons">dialer_sip</i>
            <i className="material-icons">contacts</i>
            <i className="material-icons">contact_phone</i>
            <i className="material-icons">contact_mail</i>
            <i className="material-icons">comment</i>
            <i className="material-icons">clear_all</i>
            <i className="material-icons">chat_bubble_outline</i>
            <i className="material-icons">chat_bubble</i>
            <i className="material-icons">chat</i>
            <i className="material-icons">call_split</i>
            <i className="material-icons">call_received</i>
            <i className="material-icons">call_missed_outgoing</i>
            <i className="material-icons">call_missed</i>
            <i className="material-icons">call_merge</i>
            <i className="material-icons">call_made</i>
            <i className="material-icons">call_end</i>
            <i className="material-icons">call</i>
            <i className="material-icons">business</i>
            <i className="material-icons">location_on</i>
            <i className="material-icons">location_off</i>
            <i className="material-icons">live_help</i>
            <i className="material-icons">invert_colors_off</i>
            <i className="material-icons">import_export</i>
            <i className="material-icons">import_contacts</i>
            <i className="material-icons">forum</i>
            <i className="material-icons">email</i>
            <i className="material-icons">dialpad</i>
            <i className="material-icons">portable_wifi_off</i>
            <i className="material-icons">phonelink_setup</i>
            <i className="material-icons">phonelink_ring</i>
            <i className="material-icons">phonelink_lock</i>
            <i className="material-icons">phonelink_erase</i>
            <i className="material-icons">phone</i>
            <i className="material-icons">no_sim</i>
            <i className="material-icons">message</i>
            <i className="material-icons">mail_outline</i>
            <i className="material-icons">stay_primary_portrait</i>
            <i className="material-icons">stay_primary_landscape</i>
            <i className="material-icons">stay_current_portrait</i>
            <i className="material-icons">stay_current_landscape</i>
            <i className="material-icons">speaker_phone</i>
            <i className="material-icons">screen_share</i>
            <i className="material-icons">rss_feed</i>
            <i className="material-icons">ring_volume</i>
            <i className="material-icons">present_to_all</i>
            <i className="material-icons">lock</i>
            <i className="material-icons">lock_open</i>
            <i className="material-icons">lock_outline</i>
            <i className="material-icons">loyalty</i>
            <i className="material-icons">vpn_key</i>
            <i className="material-icons">voicemail</i>
            <i className="material-icons">textsms</i>
            <i className="material-icons">swap_calls</i>
            <i className="material-icons">stop_screen_share</i>
            <i className="material-icons">open_in_browser</i>
            <i className="material-icons">open_in_new</i>
            <i className="material-icons">open_with</i>
            <i className="material-icons">pageview</i>
            <i className="material-icons">pan_tool</i>
            <i className="material-icons">payment</i>
            <i className="material-icons">perm_camera_mic</i>
            <i className="material-icons">perm_contact_calendar</i>
            <i className="material-icons">perm_data_setting</i>
            <i className="material-icons">content_copy</i>
            <i className="material-icons">clear</i>
            <i className="material-icons">block</i>
            <i className="material-icons">backspace</i>
            <i className="material-icons">archive</i>
            <i className="material-icons">add_circle_outline</i>
            <i className="material-icons">add_circle</i>
            <i className="material-icons">add_box</i>
            <i className="material-icons">add</i>
            <i className="material-icons">polymer</i>
            <i className="material-icons">power_settings_new</i>
            <i className="material-icons">pregnant_woman</i>
            <i className="material-icons">print</i>
            <i className="material-icons">query_builder</i>
            <i className="material-icons">question_answer</i>
            <i className="material-icons">receipt</i>
            <i className="material-icons">record_voice_over</i>
            <i className="material-icons">redeem</i>
            <i className="material-icons">schedule</i>
            <i className="material-icons">rowing</i>
            <i className="material-icons">rounded_corner</i>
            <i className="material-icons">room</i>
            <i className="material-icons">restore_page</i>
            <i className="material-icons">restore</i>
            <i className="material-icons">report_problem</i>
            <i className="material-icons">reorder</i>
            <i className="material-icons">remove_shopping_cart</i>
            <i className="material-icons">search</i>
            <i className="material-icons">settings</i>
            <i className="material-icons">settings_applications</i>
            <i className="material-icons">settings_backup_restore</i>
            <i className="material-icons">settings_bluetooth</i>
            <i className="material-icons">settings_brightness</i>
            <i className="material-icons">settings_cell</i>
            <i className="material-icons">settings_ethernet</i>
            <i className="material-icons">settings_input_antenna</i>
            <i className="material-icons">settings_input_component</i>
            <i className="material-icons">settings_input_composite</i>
            <i className="material-icons">settings_input_hdmi</i>
            <i className="material-icons">settings_input_svideo</i>
            <i className="material-icons">settings_overscan</i>
            <i className="material-icons">settings_phone</i>
            <i className="material-icons">settings_power</i>
            <i className="material-icons">settings_remote</i>
            <i className="material-icons">settings_voice</i>
            <i className="material-icons">shop</i>
            <i className="material-icons">shop_two</i>
            <i className="material-icons">shopping_basket</i>
            <i className="material-icons">shopping_cart</i>
            <i className="material-icons">speaker_notes</i>
            <i className="material-icons">speaker_notes_off</i>
            <i className="material-icons">spellcheck</i>
            <i className="material-icons">stars</i>
            <i className="material-icons">store</i>
            <i className="material-icons">subject</i>
            <i className="material-icons">supervisor_account</i>
            <i className="material-icons">swap_horiz</i>
            <i className="material-icons">swap_vert</i>
            <i className="material-icons">swap_vertical_circle</i>
            <i className="material-icons">system_update_alt</i>
            <i className="material-icons">tab</i>
            <i className="material-icons">tab_unselected</i>
            <i className="material-icons">theaters</i>
            <i className="material-icons">thumb_down</i>
            <i className="material-icons">thumb_up</i>
            <i className="material-icons">thumbs_up_down</i>
            <i className="material-icons">timeline</i>
            <i className="material-icons">toc</i>
            <i className="material-icons">today</i>
            <i className="material-icons">toll</i>
            <i className="material-icons">touch_app</i>
            <i className="material-icons">track_changes</i>
            <i className="material-icons">translate</i>
            <i className="material-icons">trending_down</i>
            <i className="material-icons">trending_flat</i>
            <i className="material-icons">trending_up</i>
            <i className="material-icons">turned_in</i>
            <i className="material-icons">turned_in_not</i>
            <i className="material-icons">update</i>
            <i className="material-icons">verified_user</i>
            <i className="material-icons">view_agenda</i>
            <i className="material-icons">view_array</i>
            <i className="material-icons">view_carousel</i>
            <i className="material-icons">view_column</i>
            <i className="material-icons">view_day</i>
            <i className="material-icons">view_headline</i>
            <i className="material-icons">view_list</i>
            <i className="material-icons">view_module</i>
            <i className="material-icons">view_quilt</i>
            <i className="material-icons">view_stream</i>
            <i className="material-icons">view_week</i>
            <i className="material-icons">visibility</i>
            <i className="material-icons">visibility_off</i>
            <i className="material-icons">watch_later</i>
            <i className="material-icons">work</i>
            <i className="material-icons">youtube_searched_for</i>
            <i className="material-icons">zoom_in</i>
            <i className="material-icons">zoom_out</i>
            <i className="material-icons">add_alert</i>
            <i className="material-icons">error</i>
            <i className="material-icons">error_outline</i>
            <i className="material-icons">warning</i>
            <i className="material-icons">add_to_queue</i>
            <i className="material-icons">airplay</i>
            <i className="material-icons">album</i>
            <i className="material-icons">art_track</i>
            <i className="material-icons">av_timer</i>
            <i className="material-icons">branding_watermark</i>
            <i className="material-icons">call_to_action</i>
            <i className="material-icons">closed_caption</i>
            <i className="material-icons">equalizer</i>
            <i className="material-icons">explicit</i>
            <i className="material-icons">fast_forward</i>
            <i className="material-icons">fast_rewind</i>
            <i className="material-icons">featured_play_list</i>
            <i className="material-icons">featured_video</i>
            <i className="material-icons">fiber_dvr</i>
            <i className="material-icons">fiber_manual_record</i>
            <i className="material-icons">fiber_new</i>
            <i className="material-icons">fiber_pin</i>
            <i className="material-icons">fiber_smart_record</i>
            <i className="material-icons">forward_10</i>
            <i className="material-icons">forward_30</i>
            <i className="material-icons">forward_5</i>
            <i className="material-icons">games</i>
            <i className="material-icons">hd</i>
            <i className="material-icons">hearing</i>
            <i className="material-icons">high_quality</i>
            <i className="material-icons">library_add</i>
            <i className="material-icons">library_books</i>
            <i className="material-icons">library_music</i>
            <i className="material-icons">loop</i>
            <i className="material-icons">mic</i>
            <i className="material-icons">mic_none</i>
            <i className="material-icons">mic_off</i>
            <i className="material-icons">movie</i>
            <i className="material-icons">music_video</i>
            <i className="material-icons">new_releases</i>
            <i className="material-icons">repeat_one</i>
            <i className="material-icons">replay</i>
            <i className="material-icons">replay_5</i>
            <i className="material-icons">shuffle</i>
            <i className="material-icons">skip_next</i>
            <i className="material-icons">skip_previous</i>
            <i className="material-icons">schedule</i>
            <i className="material-icons">tab_unselected</i>
            <i className="material-icons">tab</i>
            <i className="material-icons">system_update_alt</i>
            <i className="material-icons">swap_vertical_circle</i>
            <i className="material-icons">verified_user</i>
            <i className="material-icons">update</i>
            <i className="material-icons">turned_in_not</i>
            <i className="material-icons">turned_in</i>
            <i className="material-icons">alarm</i>
            <i className="material-icons">add_shopping_cart</i>
            <i className="material-icons">account_circle</i>
            <i className="material-icons">account_box</i>
            <i className="material-icons">account_balance_wallet</i>
            <i className="material-icons">account_balance</i>
            <i className="material-icons">accessible</i>
            <i className="material-icons">accessibility</i>
            <i className="material-icons">3d_rotation</i>
            <i className="material-icons">call_to_action</i>
            <i className="material-icons">branding_watermark</i>
            <i className="material-icons">av_timer</i>
            <i className="material-icons">art_track</i>
            <i className="material-icons">album</i>
            <i className="material-icons">airplay</i>
            <i className="material-icons">add_to_queue</i>
            <i className="material-icons">explicit</i>
            <i className="material-icons">fast_forward</i>
            <i className="material-icons">assignment_ind</i>
            <i className="material-icons">assignment_late</i>
            <i className="material-icons">assignment_return</i>
            <i className="material-icons">assignment_returned</i>
            <i className="material-icons">assignment_turned_in</i>
            <i className="material-icons">autorenew</i>
            <i className="material-icons">backup</i>
            <i className="material-icons">book</i>
            <i className="material-icons">bookmark</i>
            <i className="material-icons">euro_symbol</i>
            <i className="material-icons">event</i>
            <i className="material-icons">event_seat</i>
            <i className="material-icons">exit_to_app</i>
            <i className="material-icons">explore</i>
            <i className="material-icons">extension</i>
            <i className="material-icons">face</i>
            <i className="material-icons">favorite</i>
            <i className="material-icons">favorite_border</i>
            <i className="material-icons">bookmark_border</i>
            <i className="material-icons">bug_report</i>
            <i className="material-icons">build</i>
            <i className="material-icons">cached</i>
            <i className="material-icons">camera_enhance</i>
            <i className="material-icons">card_giftcard</i>
            <i className="material-icons">card_membership</i>
            <i className="material-icons">card_travel</i>
            <i className="material-icons">change_history</i>
            <i className="material-icons">delete</i>
            <i className="material-icons">delete_forever</i>
            <i className="material-icons">description</i>
            <i className="material-icons">dns</i>
            <i className="material-icons">done</i>
            <i className="material-icons">done_all</i>
            <i className="material-icons">donut_large</i>
            <i className="material-icons">donut_small</i>
            <i className="material-icons">eject</i>
            <i className="material-icons">g_translate</i>
            <i className="material-icons">feedback</i>
            <i className="material-icons">find_in_page</i>
            <i className="material-icons">find_replace</i>
            <i className="material-icons">fingerprint</i>
            <i className="material-icons">flight_land</i>
            <i className="material-icons">flight_takeoff</i>
            <i className="material-icons">flip_to_back</i>
            <i className="material-icons">flip_to_front</i>
            <i className="material-icons">gavel</i>
            <i className="material-icons">get_app</i>
            <i className="material-icons">gif</i>
            <i className="material-icons">grade</i>
            <i className="material-icons">group_work</i>
            <i className="material-icons">help</i>
            <i className="material-icons">help_outline</i>
            <i className="material-icons">highlight_off</i>
            <i className="material-icons">history</i>
            <i className="material-icons">redeem</i>
            <i className="material-icons">record_voice_over</i>
            <i className="material-icons">receipt</i>
            <i className="material-icons">equalizer</i>
            <i className="material-icons">closed_caption</i>
            <i className="material-icons">fiber_pin</i>
            <i className="material-icons">fiber_new</i>
            <i className="material-icons">fiber_manual_record</i>
            <i className="material-icons">fiber_dvr</i>
            <i className="material-icons">open_in_browser</i>
            <i className="material-icons">open_in_new</i>
            <i className="material-icons">open_with</i>
            <i className="material-icons">pageview</i>
            <i className="material-icons">pan_tool</i>
            <i className="material-icons">payment</i>
            <i className="material-icons">perm_camera_mic</i>
            <i className="material-icons">perm_contact_calendar</i>
            <i className="material-icons">perm_data_setting</i>
            <i className="material-icons">list</i>
            <i className="material-icons">line_weight</i>
            <i className="material-icons">line_style</i>
            <i className="material-icons">lightbulb_outline</i>
            <i className="material-icons">launch</i>
            <i className="material-icons">language</i>
            <i className="material-icons">label_outline</i>
            <i className="material-icons">label</i>
            <i className="material-icons">invert_colors</i>
            <i className="material-icons">input</i>
            <i className="material-icons">info_outline</i>
            <i className="material-icons">info</i>
            <i className="material-icons">important_devices</i>
            <i className="material-icons">https</i>
            <i className="material-icons">http</i>
            <i className="material-icons">hourglass_full</i>
            <i className="material-icons">hourglass_empty</i>
            <i className="material-icons">home</i>
            <i className="material-icons">perm_device_information</i>
            <i className="material-icons">perm_identity</i>
            <i className="material-icons">perm_media</i>
            <i className="material-icons">perm_phone_msg</i>
            <i className="material-icons">perm_scan_wifi</i>
            <i className="material-icons">pets</i>
            <i className="material-icons">picture_in_picture</i>
            <i className="material-icons">picture_in_picture_alt</i>
            <i className="material-icons">play_for_work</i>
            <i className="material-icons">lock</i>
            <i className="material-icons">lock_open</i>
            <i className="material-icons">lock_outline</i>
            <i className="material-icons">loyalty</i>
            <i className="material-icons">markunread_mailbox</i>
            <i className="material-icons">motorcycle</i>
            <i className="material-icons">note_add</i>
            <i className="material-icons">offline_pin</i>
            <i className="material-icons">opacity</i>
            <i className="material-icons">query_builder</i>
            <i className="material-icons">print</i>
            <i className="material-icons">pregnant_woman</i>
            <i className="material-icons">power_settings_new</i>
            <i className="material-icons">polymer</i>
            <i className="material-icons">add_alert</i>
            <i className="material-icons">question_answer</i>
            <i className="material-icons">remove_shopping_cart</i>
            <i className="material-icons">reorder</i>
            <i className="material-icons">report_problem</i>
            <i className="material-icons">restore</i>
            <i className="material-icons">restore_page</i>
            <i className="material-icons">room</i>
            <i className="material-icons">rounded_corner</i>
            <i className="material-icons">rowing</i>
            <i className="material-icons">fast_rewind</i>
            <i className="material-icons">featured_play_list</i>
            <i className="material-icons">featured_video</i>
            <i className="material-icons">settings_voice</i>
            <i className="material-icons">settings_remote</i>
            <i className="material-icons">settings_power</i>
            <i className="material-icons">settings_phone</i>
            <i className="material-icons">settings_overscan</i>
            <i className="material-icons">settings_input_svideo</i>
            <i className="material-icons">settings_input_hdmi</i>
            <i className="material-icons">settings_input_composite</i>
            <i className="material-icons">settings_input_component</i>
            <i className="material-icons">stars</i>
            <i className="material-icons">spellcheck</i>
            <i className="material-icons">speaker_notes_off</i>
            <i className="material-icons">speaker_notes</i>
            <i className="material-icons">shopping_cart</i>
            <i className="material-icons">shopping_basket</i>
            <i className="material-icons">shop_two</i>
            <i className="material-icons">shop</i>
            <i className="material-icons">settings_input_antenna</i>
            <i className="material-icons">settings_ethernet</i>
            <i className="material-icons">settings_cell</i>
            <i className="material-icons">settings_brightness</i>
            <i className="material-icons">settings_bluetooth</i>
            <i className="material-icons">settings_backup_restore</i>
            <i className="material-icons">settings_applications</i>
            <i className="material-icons">settings</i>
            <i className="material-icons">search</i>
            <i className="material-icons">view_agenda</i>
            <i className="material-icons">trending_up</i>
            <i className="material-icons">trending_flat</i>
            <i className="material-icons">trending_down</i>
            <i className="material-icons">translate</i>
            <i className="material-icons">track_changes</i>
            <i className="material-icons">warning</i>
            <i className="material-icons">error_outline</i>
            <i className="material-icons">error</i>
            <i className="material-icons">touch_app</i>
            <i className="material-icons">toll</i>
            <i className="material-icons">today</i>
            <i className="material-icons">toc</i>
            <i className="material-icons">timeline</i>
            <i className="material-icons">thumbs_up_down</i>
            <i className="material-icons">thumb_up</i>
            <i className="material-icons">thumb_down</i>
            <i className="material-icons">theaters</i>
            <i className="material-icons">swap_vert</i>
            <i className="material-icons">swap_horiz</i>
            <i className="material-icons">supervisor_account</i>
            <i className="material-icons">subject</i>
            <i className="material-icons">store</i>
            <i className="material-icons">view_day</i>
            <i className="material-icons">view_column</i>
            <i className="material-icons">view_carousel</i>
            <i className="material-icons">view_array</i>
            <i className="material-icons">zoom_out</i>
            <i className="material-icons">zoom_in</i>
            <i className="material-icons">youtube_searched_for</i>
            <i className="material-icons">work</i>
            <i className="material-icons">watch_later</i>
            <i className="material-icons">visibility_off</i>
            <i className="material-icons">visibility</i>
            <i className="material-icons">view_week</i>
            <i className="material-icons">view_stream</i>
            <i className="material-icons">view_headline</i>
            <i className="material-icons">view_list</i>
            <i className="material-icons">view_module</i>
            <i className="material-icons">view_quilt</i>
            <i className="material-icons">assignment</i>
            <i className="material-icons">assessment</i>
            <i className="material-icons">aspect_ratio</i>
            <i className="material-icons">announcement</i>
            <i className="material-icons">android</i>
            <i className="material-icons">all_out</i>
            <i className="material-icons">alarm_on</i>
            <i className="material-icons">alarm_off</i>
            <i className="material-icons">alarm_add</i>
            <i className="material-icons">check_circle</i>
            <i className="material-icons">chrome_reader_mode</i>
            <i className="material-icons">class</i>
            <i className="material-icons">code</i>
            <i className="material-icons">compare_arrows</i>
            <i className="material-icons">copyright</i>
            <i className="material-icons">credit_card</i>
            <i className="material-icons">dashboard</i>
            <i className="material-icons">date_range</i>
            <i className="material-icons">format_textdirection_l_to_r</i>
            <i className="material-icons">format_textdirection_r_to_l</i>
            <i className="material-icons">format_underlined</i>
            <i className="material-icons">functions</i>
            <i className="material-icons">highlight</i>
            <i className="material-icons">insert_chart</i>
            <i className="material-icons">insert_comment</i>
            <i className="material-icons">insert_drive_file</i>
            <i className="material-icons">insert_emoticon</i>
            <i className="material-icons">multiline_chart</i>
            <i className="material-icons">pie_chart</i>
            <i className="material-icons">pie_chart_outlined</i>
            <i className="material-icons">publish</i>
            <i className="material-icons">short_text</i>
            <i className="material-icons">show_chart</i>
            <i className="material-icons">space_bar</i>
            <i className="material-icons">strikethrough_s</i>
            <i className="material-icons">text_fields</i>
            <i className="material-icons">assignment_ind</i>
            <i className="material-icons">assignment_late</i>
            <i className="material-icons">assignment_return</i>
            <i className="material-icons">assignment_returned</i>
            <i className="material-icons">assignment_turned_in</i>
            <i className="material-icons">autorenew</i>
            <i className="material-icons">backup</i>
            <i className="material-icons">book</i>
            <i className="material-icons">bookmark</i>
            <i className="material-icons">bookmark_border</i>
            <i className="material-icons">attachment</i>
            <i className="material-icons">cloud</i>
            <i className="material-icons">cloud_circle</i>
            <i className="material-icons">cloud_done</i>
            <i className="material-icons">cloud_download</i>
            <i className="material-icons">cloud_off</i>
            <i className="material-icons">cloud_queue</i>
            <i className="material-icons">cloud_upload</i>
            <i className="material-icons">create_new_folder</i>
            <i className="material-icons">video_label</i>
            <i className="material-icons">video_call</i>
            <i className="material-icons">surround_sound</i>
            <i className="material-icons">subtitles</i>
            <i className="material-icons">subscriptions</i>
            <i className="material-icons">stop</i>
            <i className="material-icons">sort_by_alpha</i>
            <i className="material-icons">snooze</i>
            <i className="material-icons">keyboard_backspace</i>
            <i className="material-icons">keyboard_arrow_up</i>
            <i className="material-icons">keyboard_arrow_right</i>
            <i className="material-icons">keyboard_arrow_left</i>
            <i className="material-icons">keyboard_arrow_down</i>
            <i className="material-icons">keyboard</i>
            <i className="material-icons">headset_mic</i>
            <i className="material-icons">headset</i>
            <i className="material-icons">gamepad</i>
            <i className="material-icons">keyboard</i>
            <i className="material-icons">headset_mic</i>
            <i className="material-icons">headset</i>
            <i className="material-icons">gamepad</i>
            <i className="material-icons">comment</i>
            <i className="material-icons">clear_all</i>
            <i className="material-icons">chat_bubble_outline</i>
            <i className="material-icons">chat_bubble</i>
            <i className="material-icons">chat</i>
            <i className="material-icons">file_download</i>
            <i className="material-icons">file_upload</i>
            <i className="material-icons">folder</i>
            <i className="material-icons">folder_open</i>
            <i className="material-icons">folder_shared</i>
            <i className="material-icons">call_made</i>
            <i className="material-icons">call_end</i>
            <i className="material-icons">call</i>
            <i className="material-icons">business</i>
            <i className="material-icons">cast</i>
            <i className="material-icons">cast_connected</i>
            <i className="material-icons">computer</i>
            <i className="material-icons">desktop_mac</i>
            <i className="material-icons">desktop_windows</i>
            <i className="material-icons">developer_board</i>
            <i className="material-icons">device_hub</i>
            <i className="material-icons">devices_other</i>
            <i className="material-icons">dock</i>
            <i className="material-icons">location_on</i>
            <i className="material-icons">location_off</i>
            <i className="material-icons">live_help</i>
            <i className="material-icons">invert_colors_off</i>
            <i className="material-icons">import_export</i>
            <i className="material-icons">import_contacts</i>
            <i className="material-icons">forum</i>
            <i className="material-icons">email</i>
            <i className="material-icons">dialpad</i>
            <i className="material-icons">laptop_windows</i>
            <i className="material-icons">laptop_mac</i>
            <i className="material-icons">laptop_chromebook</i>
            <i className="material-icons">laptop</i>
            <i className="material-icons">keyboard_voice</i>
            <i className="material-icons">keyboard_tab</i>
            <i className="material-icons">keyboard_return</i>
            <i className="material-icons">keyboard_hide</i>
            <i className="material-icons">keyboard_capslock</i>
            <i className="material-icons">keyboard_arrow_down</i>
            <i className="material-icons">keyboard_arrow_left</i>
            <i className="material-icons">keyboard_arrow_right</i>
            <i className="material-icons">keyboard_arrow_up</i>
            <i className="material-icons">keyboard_backspace</i>
            <i className="material-icons">loyalty</i>
            <i className="material-icons">lock_outline</i>
            <i className="material-icons">lock_open</i>
            <i className="material-icons">lock</i>
            <i className="material-icons">perm_data_setting</i>
            <i className="material-icons">perm_contact_calendar</i>
            <i className="material-icons">perm_camera_mic</i>
            <i className="material-icons">payment</i>
            <i className="material-icons">pan_tool</i>
            <i className="material-icons">pageview</i>
            <i className="material-icons">open_with</i>
            <i className="material-icons">open_in_new</i>
            <i className="material-icons">open_in_browser</i>
            <i className="material-icons">add</i>
            <i className="material-icons">add_box</i>
            <i className="material-icons">add_circle</i>
            <i className="material-icons">add_circle_outline</i>
            <i className="material-icons">archive</i>
            <i className="material-icons">backspace</i>
            <i className="material-icons">block</i>
            <i className="material-icons">clear</i>
            <i className="material-icons">content_copy</i>
            <i className="material-icons">content_cut</i>
            <i className="material-icons">content_paste</i>
            <i className="material-icons">create</i>
            <i className="material-icons">delete_sweep</i>
            <i className="material-icons">drafts</i>
            <i className="material-icons">filter_list</i>
            <i className="material-icons">flag</i>
            <i className="material-icons">font_download</i>
            <i className="material-icons">forward</i>
            <i className="material-icons">gesture</i>
            <i className="material-icons">inbox</i>
            <i className="material-icons">link</i>
            <i className="material-icons">low_priority</i>
            <i className="material-icons">mail</i>
            <i className="material-icons">markunread</i>
            <i className="material-icons">move_to_inbox</i>
            <i className="material-icons">next_week</i>
            <i className="material-icons">redo</i>
            <i className="material-icons">remove</i>
            <i className="material-icons">remove_circle</i>
            <i className="material-icons">remove_circle_outline</i>
            <i className="material-icons">reply</i>
            <i className="material-icons">reply_all</i>
            <i className="material-icons">report</i>
            <i className="material-icons">save</i>
            <i className="material-icons">select_all</i>
            <i className="material-icons">send</i>
            <i className="material-icons">sort</i>
            <i className="material-icons">border_horizontal</i>
            <i className="material-icons">border_inner</i>
            <i className="material-icons">border_left</i>
            <i className="material-icons">settings_input_component</i>
            <i className="material-icons">text_format</i>
            <i className="material-icons">unarchive</i>
            <i className="material-icons">undo</i>
            <i className="material-icons">weekend</i>
            <i className="material-icons">signal_wifi_off</i>
            <i className="material-icons">storage</i>
            <i className="material-icons">usb</i>
            <i className="material-icons">wallpaper</i>
            <i className="material-icons">widgets</i>
            <i className="material-icons">wifi_lock</i>
            <i className="material-icons">wifi_tethering</i>
            <i className="material-icons">border_clear</i>
            <i className="material-icons">border_color</i>
            <i className="material-icons">sd_storage</i>
            <i className="material-icons">settings_system_daydream</i>
            <i className="material-icons">signal_cellular_4_bar</i>
            <i className="material-icons">signal_cellular_connected_no_internet_4_bar</i>
            <i className="material-icons">signal_cellular_no_sim</i>
            <i className="material-icons">signal_cellular_null</i>
            <i className="material-icons">signal_cellular_off</i>
            <i className="material-icons">signal_wifi_4_bar</i>
            <i className="material-icons">signal_wifi_4_bar_lock</i>
            <i className="material-icons">battery_full</i>
            <i className="material-icons">battery_charging_full</i>
            <i className="material-icons">battery_alert</i>
            <i className="material-icons">airplanemode_inactive</i>
            <i className="material-icons">airplanemode_active</i>
            <i className="material-icons">add_alarm</i>
            <i className="material-icons">access_time</i>
            <i className="material-icons">access_alarms</i>
            <i className="material-icons">access_alarm</i>
            <i className="material-icons">brightness_low</i>
            <i className="material-icons">brightness_high</i>
            <i className="material-icons">brightness_auto</i>
            <i className="material-icons">bluetooth_searching</i>
            <i className="material-icons">bluetooth_disabled</i>
            <i className="material-icons">bluetooth_connected</i>
            <i className="material-icons">bluetooth</i>
            <i className="material-icons">battery_unknown</i>
            <i className="material-icons">battery_std</i>
            <i className="material-icons">graphic_eq</i>
            <i className="material-icons">gps_off</i>
            <i className="material-icons">gps_not_fixed</i>
            <i className="material-icons">gps_fixed</i>
            <i className="material-icons">dvr</i>
            <i className="material-icons">devices</i>
            <i className="material-icons">developer_mode</i>
            <i className="material-icons">data_usage</i>
            <i className="material-icons">brightness_medium</i>
            <i className="material-icons">screen_rotation</i>
            <i className="material-icons">screen_lock_rotation</i>
            <i className="material-icons">screen_lock_portrait</i>
            <i className="material-icons">screen_lock_landscape</i>
            <i className="material-icons">nfc</i>
            <i className="material-icons">network_wifi</i>
            <i className="material-icons">network_cell</i>
            <i className="material-icons">location_searching</i>
            <i className="material-icons">location_disabled</i>
            <i className="material-icons">border_bottom</i>
            <i className="material-icons">border_all</i>
            <i className="material-icons">attach_money</i>
            <i className="material-icons">attach_file</i>
            <i className="material-icons">format_indent_increase</i>
            <i className="material-icons">format_indent_decrease</i>
            <i className="material-icons">format_color_text</i>
            <i className="material-icons">format_color_reset</i>
            <i className="material-icons">format_color_fill</i>
            <i className="material-icons">format_clear</i>
            <i className="material-icons">format_bold</i>
            <i className="material-icons">format_align_right</i>
            <i className="material-icons">format_align_left</i>
            <i className="material-icons">format_align_justify</i>
            <i className="material-icons">format_align_center</i>
            <i className="material-icons">drag_handle</i>
            <i className="material-icons">bubble_chart</i>
            <i className="material-icons">border_vertical</i>
            <i className="material-icons">border_top</i>
            <i className="material-icons">border_style</i>
            <i className="material-icons">border_right</i>
            <i className="material-icons">border_outer</i>
            <i className="material-icons">format_strikethrough</i>
            <i className="material-icons">format_size</i>
            <i className="material-icons">format_shapes</i>
            <i className="material-icons">format_quote</i>
            <i className="material-icons">format_paint</i>
            <i className="material-icons">format_list_numbered</i>
            <i className="material-icons">format_list_bulleted</i>
            <i className="material-icons">format_line_spacing</i>
            <i className="material-icons">format_italic</i>
            <i className="material-icons">money_off</i>
            <i className="material-icons">monetization_on</i>
            <i className="material-icons">mode_edit</i>
            <i className="material-icons">mode_comment</i>
            <i className="material-icons">merge_type</i>
            <i className="material-icons">linear_scale</i>
            <i className="material-icons">insert_photo</i>
            <i className="material-icons">insert_link</i>
            <i className="material-icons">insert_invitation</i>
            <i className="material-icons">repeat_one</i>
            <i className="material-icons">replay</i>
            <i className="material-icons">replay_10</i>
            <i className="material-icons">replay_30</i>
            <i className="material-icons">wrap_text</i>
            <i className="material-icons">vertical_align_top</i>
            <i className="material-icons">vertical_align_center</i>
            <i className="material-icons">vertical_align_bottom</i>
            <i className="material-icons">title</i>
          </p>
        </div>
        <div className="card-action">
          <a href="https://material.io/icons/" target="_blank" className="color-primary">Complete lists here</a>
        </div>
      </div>

    </div>
  </article>
);

const Page = () => (
  <section className="container-fluid with-maxwidth chapter page-icons">
    <QueueAnim type="bottom" className="ui-animate">
      <div key="1"><Icons /></div>
    </QueueAnim>
  </section>
);

module.exports = Page;
