{# Settings #}
{% set root = "../../../" %}
{% set sidebarNavActive_1 = "shortcode-base-icon-material" %}
{% set title = "Material Icons" %}

{% include "html/assets/include/nunjucks/partials/head.njk" %}
{% include "html/assets/include/nunjucks/partials/core-fonts.njk" %}
{% include "html/assets/include/nunjucks/partials/core-css.njk" %}
{% include "html/assets/include/nunjucks/partials/core-icons.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/icon-material/material-icons.css">
{% include "html/assets/include/nunjucks/partials/css/css-dzsparallaxer.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/animate.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/wait-animate.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hamburgers/hamburgers.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/jquery-ui/themes/base/jquery-ui.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/malihu-scrollbar/jquery.mCustomScrollbar.min.css">

{% include "html/assets/include/nunjucks/partials/css/css-unify.njk" %}
{% include "html/assets/include/nunjucks/partials/css/css-custom.njk" %}
</head>

<body class="u-body--header-side-push-left u-body--header-side-opened u-has-sidebar-navigation g-overflow-x-hidden">
  <main>
    {% include "html/assets/include/nunjucks/partials/blocks/headers/header-main.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/sidebars/sidebar-shortcode-nav.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/page-title/shortcode-page-title/shortcode-page-title-base.njk" %}

    <section class="g-py-100">
      <div class="container">
        <div class="row text-center u-icons-demo g-mx-0">
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">3d_rotation</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="3d_rotation">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">ac_unit</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="ac_unit">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">access_alarm</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="access_alarm">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">access_alarms</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="access_alarms">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">access_time</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="access_time">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">accessibility</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="accessibility">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">accessible</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="accessible">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">account_balance</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="account_balance">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">account_balance_wallet</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="account_balance_wallet">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">account_box</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="account_box">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">account_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="account_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">adb</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="adb">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_a_photo</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_a_photo">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_alarm</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_alarm">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_alert</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_alert">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_box</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_box">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_circle_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_circle_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_location</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_location">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_shopping_cart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_shopping_cart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_to_photos</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_to_photos">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">add_to_queue</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="add_to_queue">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">adjust</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="adjust">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_flat</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_flat">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_flat_angled</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_flat_angled">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_individual_suite</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_individual_suite">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_legroom_extra</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_legroom_extra">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_legroom_normal</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_legroom_normal">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_legroom_reduced</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_legroom_reduced">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_recline_extra</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_recline_extra">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airline_seat_recline_normal</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airline_seat_recline_normal">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airplanemode_active</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airplanemode_active">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airplanemode_inactive</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airplanemode_inactive">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airplay</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airplay">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">airport_shuttle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="airport_shuttle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">alarm</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="alarm">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">alarm_add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="alarm_add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">alarm_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="alarm_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">alarm_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="alarm_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">album</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="album">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">all_inclusive</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="all_inclusive">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">all_out</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="all_out">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">android</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="android">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">announcement</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="announcement">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">apps</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="apps">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">archive</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="archive">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">arrow_back</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="arrow_back">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">arrow_downward</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="arrow_downward">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">arrow_drop_down</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="arrow_drop_down">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">arrow_drop_down_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="arrow_drop_down_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">arrow_drop_up</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="arrow_drop_up">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">arrow_forward</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="arrow_forward">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">arrow_upward</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="arrow_upward">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">art_track</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="art_track">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">aspect_ratio</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="aspect_ratio">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assessment</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assessment">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assignment</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assignment">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assignment_ind</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assignment_ind">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assignment_late</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assignment_late">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assignment_return</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assignment_return">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assignment_returned</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assignment_returned">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assignment_turned_in</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assignment_turned_in">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assistant</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assistant">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">assistant_photo</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="assistant_photo">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">attach_file</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="attach_file">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">attach_money</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="attach_money">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">attachment</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="attachment">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">audiotrack</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="audiotrack">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">autorenew</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="autorenew">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">av_timer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="av_timer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">backspace</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="backspace">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">backup</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="backup">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">battery_alert</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="battery_alert">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">battery_charging_full</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="battery_charging_full">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">battery_full</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="battery_full">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">battery_std</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="battery_std">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">battery_unknown</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="battery_unknown">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">beach_access</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="beach_access">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">beenhere</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="beenhere">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">block</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="block">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bluetooth</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bluetooth">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bluetooth_audio</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bluetooth_audio">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bluetooth_connected</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bluetooth_connected">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bluetooth_disabled</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bluetooth_disabled">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bluetooth_searching</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bluetooth_searching">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">blur_circular</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="blur_circular">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">blur_linear</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="blur_linear">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">blur_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="blur_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">blur_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="blur_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">book</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="book">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bookmark</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bookmark">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bookmark_border</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bookmark_border">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_all</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_all">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_bottom</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_bottom">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_clear</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_clear">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_color</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_color">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_horizontal</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_horizontal">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_inner</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_inner">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_left</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_left">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_outer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_outer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_right</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_right">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_style</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_style">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_top</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_top">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">border_vertical</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="border_vertical">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">branding_watermark</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="branding_watermark">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_1</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_1">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_2</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_2">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_3</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_3">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_4</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_4">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_5</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_5">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_6</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_6">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_7</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_7">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_auto</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_auto">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_high</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_high">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_low</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_low">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brightness_medium</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brightness_medium">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">broken_image</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="broken_image">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">brush</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="brush">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bubble_chart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bubble_chart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">bug_report</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="bug_report">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">build</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="build">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">burst_mode</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="burst_mode">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">business</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="business">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">business_center</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="business_center">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cached</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cached">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cake</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cake">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_end</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_end">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_made</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_made">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_merge</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_merge">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_missed</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_missed">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_missed_outgoing</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_missed_outgoing">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_received</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_received">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_split</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_split">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">call_to_action</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="call_to_action">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">camera</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="camera">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">camera_alt</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="camera_alt">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">camera_enhance</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="camera_enhance">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">camera_front</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="camera_front">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">camera_rear</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="camera_rear">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">camera_roll</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="camera_roll">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cancel</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cancel">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">card_giftcard</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="card_giftcard">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">card_membership</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="card_membership">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">card_travel</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="card_travel">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">casino</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="casino">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cast</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cast">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cast_connected</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cast_connected">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">center_focus_strong</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="center_focus_strong">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">center_focus_weak</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="center_focus_weak">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">change_history</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="change_history">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">chat</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="chat">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">chat_bubble</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="chat_bubble">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">chat_bubble_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="chat_bubble_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">check</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="check">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">check_box</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="check_box">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">check_box_outline_blank</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="check_box_outline_blank">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">check_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="check_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">chevron_left</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="chevron_left">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">chevron_right</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="chevron_right">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">child_care</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="child_care">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">child_friendly</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="child_friendly">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">chrome_reader_mode</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="chrome_reader_mode">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">class</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="class">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">clear</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="clear">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">clear_all</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="clear_all">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">close</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="close">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">closed_caption</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="closed_caption">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cloud</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cloud">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cloud_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cloud_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cloud_done</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cloud_done">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cloud_download</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cloud_download">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cloud_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cloud_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cloud_queue</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cloud_queue">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">cloud_upload</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="cloud_upload">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">code</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="code">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">collections</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="collections">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">collections_bookmark</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="collections_bookmark">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">color_lens</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="color_lens">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">colorize</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="colorize">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">comment</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="comment">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">compare</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="compare">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">compare_arrows</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="compare_arrows">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">computer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="computer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">confirmation_number</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="confirmation_number">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">contact_mail</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="contact_mail">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">contact_phone</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="contact_phone">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">contacts</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="contacts">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">content_copy</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="content_copy">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">content_cut</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="content_cut">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">content_paste</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="content_paste">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">control_point</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="control_point">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">control_point_duplicate</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="control_point_duplicate">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">copyright</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="copyright">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">create</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="create">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">create_new_folder</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="create_new_folder">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">credit_card</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="credit_card">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_16_9</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_16_9">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_3_2</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_3_2">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_5_4</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_5_4">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_7_5</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_7_5">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_din</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_din">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_free</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_free">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_landscape</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_landscape">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_original</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_original">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_portrait</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_portrait">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_rotate</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_rotate">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">crop_square</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="crop_square">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">dashboard</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="dashboard">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">data_usage</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="data_usage">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">date_range</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="date_range">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">dehaze</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="dehaze">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">delete</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="delete">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">delete_forever</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="delete_forever">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">delete_sweep</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="delete_sweep">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">description</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="description">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">desktop_mac</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="desktop_mac">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">desktop_windows</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="desktop_windows">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">details</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="details">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">developer_board</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="developer_board">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">developer_mode</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="developer_mode">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">device_hub</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="device_hub">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">devices</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="devices">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">devices_other</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="devices_other">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">dialer_sip</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="dialer_sip">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">dialpad</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="dialpad">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_bike</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_bike">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_boat</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_boat">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_bus</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_bus">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_car</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_car">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_railway</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_railway">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_run</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_run">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_subway</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_subway">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_transit</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_transit">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">directions_walk</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="directions_walk">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">disc_full</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="disc_full">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">dns</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="dns">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">do_not_disturb</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="do_not_disturb">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">do_not_disturb_alt</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="do_not_disturb_alt">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">do_not_disturb_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="do_not_disturb_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">do_not_disturb_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="do_not_disturb_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">dock</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="dock">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">domain</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="domain">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">done</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="done">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">done_all</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="done_all">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">donut_large</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="donut_large">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">donut_small</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="donut_small">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">drafts</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="drafts">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">drag_handle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="drag_handle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">drive_eta</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="drive_eta">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">dvr</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="dvr">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">edit</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="edit">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">edit_location</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="edit_location">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">eject</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="eject">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">email</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="email">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">enhanced_encryption</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="enhanced_encryption">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">equalizer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="equalizer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">error</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="error">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">error_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="error_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">euro_symbol</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="euro_symbol">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">ev_station</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="ev_station">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">event</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="event">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">event_available</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="event_available">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">event_busy</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="event_busy">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">event_note</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="event_note">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">event_seat</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="event_seat">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">exit_to_app</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="exit_to_app">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">expand_less</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="expand_less">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">expand_more</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="expand_more">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">explicit</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="explicit">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">explore</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="explore">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">exposure</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="exposure">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">exposure_neg_1</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="exposure_neg_1">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">exposure_neg_2</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="exposure_neg_2">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">exposure_plus_1</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="exposure_plus_1">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">exposure_plus_2</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="exposure_plus_2">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">exposure_zero</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="exposure_zero">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">extension</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="extension">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">face</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="face">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fast_forward</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fast_forward">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fast_rewind</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fast_rewind">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">favorite</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="favorite">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">favorite_border</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="favorite_border">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">featured_play_list</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="featured_play_list">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">featured_video</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="featured_video">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">feedback</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="feedback">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fiber_dvr</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fiber_dvr">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fiber_manual_record</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fiber_manual_record">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fiber_new</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fiber_new">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fiber_pin</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fiber_pin">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fiber_smart_record</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fiber_smart_record">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">file_download</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="file_download">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">file_upload</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="file_upload">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_1</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_1">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_2</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_2">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_3</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_3">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_4</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_4">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_5</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_5">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_6</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_6">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_7</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_7">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_8</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_8">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_9</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_9">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_9_plus</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_9_plus">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_b_and_w</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_b_and_w">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_center_focus</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_center_focus">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_drama</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_drama">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_frames</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_frames">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_hdr</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_hdr">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_list</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_list">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_none</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_none">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_tilt_shift</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_tilt_shift">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">filter_vintage</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="filter_vintage">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">find_in_page</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="find_in_page">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">find_replace</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="find_replace">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fingerprint</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fingerprint">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">first_page</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="first_page">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fitness_center</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fitness_center">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flag</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flag">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flare</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flare">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flash_auto</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flash_auto">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flash_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flash_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flash_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flash_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flight</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flight">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flight_land</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flight_land">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flight_takeoff</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flight_takeoff">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flip</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flip">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flip_to_back</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flip_to_back">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">flip_to_front</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="flip_to_front">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">folder</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="folder">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">folder_open</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="folder_open">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">folder_shared</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="folder_shared">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">folder_special</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="folder_special">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">font_download</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="font_download">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_align_center</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_align_center">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_align_justify</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_align_justify">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_align_left</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_align_left">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_align_right</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_align_right">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_bold</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_bold">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_clear</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_clear">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_color_fill</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_color_fill">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_color_reset</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_color_reset">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_color_text</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_color_text">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_indent_decrease</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_indent_decrease">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_indent_increase</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_indent_increase">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_italic</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_italic">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_line_spacing</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_line_spacing">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_list_bulleted</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_list_bulleted">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_list_numbered</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_list_numbered">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_paint</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_paint">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_quote</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_quote">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_shapes</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_shapes">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_size</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_size">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_strikethrough</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_strikethrough">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_textdirection_l_to_r</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_textdirection_l_to_r">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_textdirection_r_to_l</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_textdirection_r_to_l">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">format_underlined</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="format_underlined">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">forum</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="forum">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">forward</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="forward">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">forward_10</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="forward_10">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">forward_30</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="forward_30">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">forward_5</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="forward_5">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">free_breakfast</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="free_breakfast">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fullscreen</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fullscreen">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">fullscreen_exit</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="fullscreen_exit">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">functions</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="functions">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">g_translate</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="g_translate">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gamepad</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gamepad">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">games</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="games">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gavel</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gavel">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gesture</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gesture">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">get_app</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="get_app">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gif</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gif">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">golf_course</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="golf_course">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gps_fixed</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gps_fixed">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gps_not_fixed</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gps_not_fixed">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gps_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gps_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">grade</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="grade">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">gradient</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="gradient">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">grain</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="grain">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">graphic_eq</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="graphic_eq">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">grid_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="grid_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">grid_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="grid_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">group</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="group">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">group_add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="group_add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">group_work</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="group_work">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hd</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hd">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hdr_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hdr_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hdr_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hdr_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hdr_strong</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hdr_strong">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hdr_weak</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hdr_weak">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">headset</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="headset">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">headset_mic</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="headset_mic">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">healing</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="healing">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hearing</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hearing">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">help</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="help">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">help_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="help_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">high_quality</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="high_quality">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">highlight</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="highlight">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">highlight_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="highlight_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">history</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="history">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">home</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="home">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hot_tub</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hot_tub">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hotel</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hotel">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hourglass_empty</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hourglass_empty">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">hourglass_full</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="hourglass_full">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">http</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="http">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">https</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="https">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">image</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="image">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">image_aspect_ratio</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="image_aspect_ratio">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">import_contacts</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="import_contacts">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">import_export</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="import_export">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">important_devices</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="important_devices">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">inbox</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="inbox">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">indeterminate_check_box</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="indeterminate_check_box">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">info</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="info">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">info_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="info_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">input</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="input">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">insert_chart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="insert_chart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">insert_comment</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="insert_comment">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">insert_drive_file</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="insert_drive_file">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">insert_emoticon</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="insert_emoticon">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">insert_invitation</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="insert_invitation">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">insert_link</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="insert_link">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">insert_photo</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="insert_photo">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">invert_colors</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="invert_colors">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">invert_colors_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="invert_colors_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">iso</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="iso">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_arrow_down</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_arrow_down">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_arrow_left</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_arrow_left">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_arrow_right</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_arrow_right">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_arrow_up</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_arrow_up">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_backspace</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_backspace">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_capslock</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_capslock">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_hide</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_hide">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_return</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_return">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_tab</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_tab">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">keyboard_voice</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="keyboard_voice">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">kitchen</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="kitchen">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">label</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="label">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">label_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="label_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">landscape</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="landscape">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">language</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="language">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">laptop</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="laptop">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">laptop_chromebook</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="laptop_chromebook">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">laptop_mac</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="laptop_mac">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">laptop_windows</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="laptop_windows">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">last_page</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="last_page">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">launch</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="launch">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">layers</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="layers">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">layers_clear</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="layers_clear">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">leak_add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="leak_add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">leak_remove</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="leak_remove">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">lens</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="lens">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">library_add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="library_add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">library_books</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="library_books">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">library_music</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="library_music">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">lightbulb_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="lightbulb_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">line_style</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="line_style">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">line_weight</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="line_weight">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">linear_scale</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="linear_scale">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">link</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="link">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">linked_camera</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="linked_camera">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">list</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="list">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">live_help</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="live_help">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">live_tv</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="live_tv">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_activity</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_activity">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_airport</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_airport">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_atm</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_atm">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_bar</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_bar">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_cafe</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_cafe">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_car_wash</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_car_wash">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_convenience_store</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_convenience_store">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_dining</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_dining">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_drink</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_drink">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_florist</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_florist">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_gas_station</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_gas_station">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_grocery_store</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_grocery_store">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_hospital</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_hospital">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_hotel</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_hotel">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_laundry_service</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_laundry_service">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_library</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_library">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_mall</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_mall">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_movies</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_movies">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_offer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_offer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_parking</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_parking">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_pharmacy</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_pharmacy">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_phone</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_phone">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_pizza</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_pizza">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_play</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_play">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_post_office</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_post_office">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_printshop</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_printshop">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_see</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_see">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_shipping</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_shipping">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">local_taxi</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="local_taxi">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">location_city</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="location_city">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">location_disabled</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="location_disabled">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">location_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="location_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">location_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="location_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">location_searching</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="location_searching">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">lock</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="lock">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">lock_open</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="lock_open">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">lock_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="lock_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">looks</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="looks">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">looks_3</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="looks_3">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">looks_4</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="looks_4">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">looks_5</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="looks_5">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">looks_6</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="looks_6">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">looks_one</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="looks_one">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">looks_two</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="looks_two">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">loop</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="loop">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">loupe</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="loupe">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">low_priority</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="low_priority">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">loyalty</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="loyalty">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mail</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mail">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mail_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mail_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">map</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="map">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">markunread</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="markunread">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">markunread_mailbox</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="markunread_mailbox">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">memory</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="memory">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">menu</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="menu">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">merge_type</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="merge_type">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">message</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="message">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mic</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mic">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mic_none</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mic_none">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mic_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mic_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mms</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mms">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mode_comment</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mode_comment">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mode_edit</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mode_edit">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">monetization_on</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="monetization_on">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">money_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="money_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">monochrome_photos</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="monochrome_photos">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mood</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mood">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mood_bad</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mood_bad">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">more</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="more">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">more_horiz</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="more_horiz">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">more_vert</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="more_vert">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">motorcycle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="motorcycle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">mouse</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="mouse">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">move_to_inbox</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="move_to_inbox">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">movie</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="movie">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">movie_creation</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="movie_creation">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">movie_filter</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="movie_filter">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">multiline_chart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="multiline_chart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">music_note</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="music_note">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">music_video</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="music_video">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">my_location</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="my_location">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">nature</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="nature">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">nature_people</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="nature_people">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">navigate_before</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="navigate_before">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">navigate_next</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="navigate_next">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">navigation</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="navigation">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">near_me</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="near_me">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">network_cell</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="network_cell">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">network_check</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="network_check">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">network_locked</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="network_locked">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">network_wifi</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="network_wifi">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">new_releases</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="new_releases">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">next_week</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="next_week">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">nfc</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="nfc">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">no_encryption</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="no_encryption">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">no_sim</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="no_sim">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">not_interested</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="not_interested">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">note</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="note">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">note_add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="note_add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">notifications</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="notifications">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">notifications_active</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="notifications_active">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">notifications_none</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="notifications_none">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">notifications_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="notifications_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">notifications_paused</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="notifications_paused">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">offline_pin</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="offline_pin">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">ondemand_video</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="ondemand_video">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">opacity</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="opacity">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">open_in_browser</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="open_in_browser">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">open_in_new</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="open_in_new">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">open_with</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="open_with">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pages</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pages">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pageview</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pageview">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">palette</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="palette">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pan_tool</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pan_tool">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">panorama</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="panorama">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">panorama_fish_eye</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="panorama_fish_eye">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">panorama_horizontal</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="panorama_horizontal">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">panorama_vertical</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="panorama_vertical">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">panorama_wide_angle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="panorama_wide_angle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">party_mode</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="party_mode">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pause</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pause">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pause_circle_filled</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pause_circle_filled">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pause_circle_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pause_circle_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">payment</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="payment">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">people</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="people">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">people_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="people_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_camera_mic</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_camera_mic">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_contact_calendar</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_contact_calendar">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_data_setting</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_data_setting">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_device_information</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_device_information">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_identity</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_identity">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_media</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_media">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_phone_msg</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_phone_msg">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">perm_scan_wifi</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="perm_scan_wifi">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">person</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="person">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">person_add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="person_add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">person_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="person_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">person_pin</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="person_pin">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">person_pin_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="person_pin_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">personal_video</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="personal_video">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pets</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pets">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_android</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_android">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_bluetooth_speaker</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_bluetooth_speaker">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_forwarded</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_forwarded">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_in_talk</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_in_talk">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_iphone</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_iphone">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_locked</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_locked">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_missed</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_missed">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phone_paused</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phone_paused">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phonelink</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phonelink">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phonelink_erase</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phonelink_erase">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phonelink_lock</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phonelink_lock">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phonelink_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phonelink_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phonelink_ring</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phonelink_ring">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">phonelink_setup</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="phonelink_setup">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo_album</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo_album">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo_camera</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo_camera">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo_filter</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo_filter">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo_library</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo_library">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo_size_select_actual</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo_size_select_actual">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo_size_select_large</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo_size_select_large">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">photo_size_select_small</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="photo_size_select_small">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">picture_as_pdf</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="picture_as_pdf">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">picture_in_picture</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="picture_in_picture">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">picture_in_picture_alt</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="picture_in_picture_alt">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pie_chart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pie_chart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pie_chart_outlined</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pie_chart_outlined">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pin_drop</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pin_drop">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">place</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="place">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">play_arrow</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="play_arrow">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">play_circle_filled</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="play_circle_filled">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">play_circle_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="play_circle_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">play_for_work</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="play_for_work">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">playlist_add</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="playlist_add">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">playlist_add_check</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="playlist_add_check">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">playlist_play</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="playlist_play">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">plus_one</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="plus_one">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">poll</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="poll">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">polymer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="polymer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pool</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pool">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">portable_wifi_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="portable_wifi_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">portrait</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="portrait">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">power</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="power">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">power_input</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="power_input">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">power_settings_new</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="power_settings_new">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">pregnant_woman</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="pregnant_woman">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">present_to_all</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="present_to_all">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">print</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="print">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">priority_high</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="priority_high">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">public</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="public">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">publish</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="publish">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">query_builder</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="query_builder">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">question_answer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="question_answer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">queue</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="queue">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">queue_music</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="queue_music">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">queue_play_next</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="queue_play_next">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">radio</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="radio">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">radio_button_checked</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="radio_button_checked">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">radio_button_unchecked</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="radio_button_unchecked">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rate_review</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rate_review">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">receipt</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="receipt">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">recent_actors</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="recent_actors">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">record_voice_over</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="record_voice_over">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">redeem</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="redeem">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">redo</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="redo">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">refresh</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="refresh">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">remove</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="remove">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">remove_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="remove_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">remove_circle_outline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="remove_circle_outline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">remove_from_queue</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="remove_from_queue">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">remove_red_eye</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="remove_red_eye">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">remove_shopping_cart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="remove_shopping_cart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">reorder</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="reorder">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">repeat</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="repeat">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">repeat_one</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="repeat_one">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">replay</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="replay">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">replay_10</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="replay_10">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">replay_30</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="replay_30">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">replay_5</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="replay_5">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">reply</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="reply">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">reply_all</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="reply_all">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">report</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="report">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">report_problem</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="report_problem">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">restaurant</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="restaurant">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">restaurant_menu</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="restaurant_menu">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">restore</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="restore">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">restore_page</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="restore_page">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">ring_volume</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="ring_volume">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">room</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="room">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">room_service</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="room_service">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rotate_90_degrees_ccw</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rotate_90_degrees_ccw">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rotate_left</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rotate_left">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rotate_right</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rotate_right">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rounded_corner</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rounded_corner">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">router</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="router">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rowing</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rowing">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rss_feed</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rss_feed">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">rv_hookup</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="rv_hookup">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">satellite</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="satellite">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">save</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="save">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">scanner</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="scanner">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">schedule</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="schedule">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">school</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="school">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">screen_lock_landscape</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="screen_lock_landscape">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">screen_lock_portrait</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="screen_lock_portrait">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">screen_lock_rotation</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="screen_lock_rotation">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">screen_rotation</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="screen_rotation">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">screen_share</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="screen_share">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sd_card</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sd_card">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sd_storage</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sd_storage">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">search</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="search">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">security</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="security">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">select_all</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="select_all">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">send</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="send">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sentiment_dissatisfied</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sentiment_dissatisfied">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sentiment_neutral</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sentiment_neutral">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sentiment_satisfied</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sentiment_satisfied">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sentiment_very_dissatisfied</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sentiment_very_dissatisfied">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sentiment_very_satisfied</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sentiment_very_satisfied">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_applications</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_applications">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_backup_restore</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_backup_restore">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_bluetooth</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_bluetooth">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_brightness</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_brightness">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_cell</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_cell">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_ethernet</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_ethernet">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_input_antenna</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_input_antenna">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_input_component</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_input_component">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_input_composite</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_input_composite">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_input_hdmi</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_input_hdmi">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_input_svideo</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_input_svideo">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_overscan</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_overscan">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_phone</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_phone">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_power</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_power">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_remote</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_remote">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_system_daydream</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_system_daydream">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">settings_voice</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="settings_voice">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">share</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="share">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">shop</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="shop">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">shop_two</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="shop_two">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">shopping_basket</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="shopping_basket">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">shopping_cart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="shopping_cart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">short_text</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="short_text">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">show_chart</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="show_chart">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">shuffle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="shuffle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_cellular_4_bar</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_cellular_4_bar">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_cellular_connected_no_internet_4_bar</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_cellular_connected_no_internet_4_bar">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_cellular_no_sim</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_cellular_no_sim">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_cellular_null</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_cellular_null">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_cellular_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_cellular_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_wifi_4_bar</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_wifi_4_bar">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_wifi_4_bar_lock</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_wifi_4_bar_lock">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">signal_wifi_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="signal_wifi_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sim_card</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sim_card">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sim_card_alert</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sim_card_alert">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">skip_next</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="skip_next">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">skip_previous</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="skip_previous">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">slideshow</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="slideshow">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">slow_motion_video</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="slow_motion_video">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">smartphone</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="smartphone">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">smoke_free</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="smoke_free">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">smoking_rooms</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="smoking_rooms">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sms</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sms">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sms_failed</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sms_failed">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">snooze</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="snooze">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sort</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sort">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sort_by_alpha</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sort_by_alpha">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">spa</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="spa">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">space_bar</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="space_bar">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">speaker</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="speaker">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">speaker_group</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="speaker_group">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">speaker_notes</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="speaker_notes">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">speaker_notes_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="speaker_notes_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">speaker_phone</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="speaker_phone">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">spellcheck</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="spellcheck">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">star</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="star">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">star_border</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="star_border">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">star_half</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="star_half">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">stars</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="stars">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">stay_current_landscape</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="stay_current_landscape">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">stay_current_portrait</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="stay_current_portrait">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">stay_primary_landscape</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="stay_primary_landscape">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">stay_primary_portrait</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="stay_primary_portrait">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">stop</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="stop">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">stop_screen_share</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="stop_screen_share">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">storage</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="storage">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">store</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="store">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">store_mall_directory</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="store_mall_directory">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">straighten</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="straighten">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">streetview</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="streetview">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">strikethrough_s</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="strikethrough_s">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">style</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="style">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">subdirectory_arrow_left</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="subdirectory_arrow_left">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">subdirectory_arrow_right</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="subdirectory_arrow_right">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">subject</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="subject">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">subscriptions</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="subscriptions">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">subtitles</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="subtitles">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">subway</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="subway">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">supervisor_account</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="supervisor_account">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">surround_sound</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="surround_sound">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">swap_calls</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="swap_calls">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">swap_horiz</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="swap_horiz">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">swap_vert</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="swap_vert">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">swap_vertical_circle</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="swap_vertical_circle">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">switch_camera</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="switch_camera">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">switch_video</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="switch_video">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sync</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sync">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sync_disabled</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sync_disabled">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">sync_problem</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="sync_problem">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">system_update</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="system_update">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">system_update_alt</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="system_update_alt">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tab</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tab">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tab_unselected</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tab_unselected">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tablet</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tablet">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tablet_android</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tablet_android">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tablet_mac</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tablet_mac">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tag_faces</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tag_faces">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tap_and_play</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tap_and_play">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">terrain</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="terrain">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">text_fields</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="text_fields">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">text_format</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="text_format">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">textsms</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="textsms">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">texture</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="texture">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">theaters</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="theaters">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">thumb_down</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="thumb_down">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">thumb_up</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="thumb_up">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">thumbs_up_down</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="thumbs_up_down">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">time_to_leave</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="time_to_leave">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">timelapse</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="timelapse">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">timeline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="timeline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">timer</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="timer">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">timer_10</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="timer_10">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">timer_3</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="timer_3">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">timer_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="timer_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">title</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="title">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">toc</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="toc">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">today</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="today">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">toll</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="toll">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tonality</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tonality">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">touch_app</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="touch_app">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">toys</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="toys">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">track_changes</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="track_changes">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">traffic</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="traffic">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">train</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="train">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tram</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tram">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">transfer_within_a_station</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="transfer_within_a_station">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">transform</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="transform">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">translate</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="translate">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">trending_down</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="trending_down">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">trending_flat</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="trending_flat">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">trending_up</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="trending_up">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tune</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tune">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">turned_in</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="turned_in">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">turned_in_not</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="turned_in_not">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">tv</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="tv">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">unarchive</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="unarchive">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">undo</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="undo">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">unfold_less</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="unfold_less">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">unfold_more</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="unfold_more">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">update</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="update">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">usb</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="usb">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">verified_user</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="verified_user">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">vertical_align_bottom</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="vertical_align_bottom">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">vertical_align_center</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="vertical_align_center">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">vertical_align_top</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="vertical_align_top">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">vibration</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="vibration">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">video_call</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="video_call">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">video_label</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="video_label">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">video_library</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="video_library">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">videocam</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="videocam">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">videocam_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="videocam_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">videogame_asset</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="videogame_asset">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_agenda</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_agenda">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_array</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_array">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_carousel</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_carousel">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_column</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_column">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_comfy</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_comfy">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_compact</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_compact">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_day</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_day">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_headline</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_headline">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_list</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_list">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_module</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_module">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_quilt</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_quilt">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_stream</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_stream">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">view_week</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="view_week">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">vignette</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="vignette">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">visibility</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="visibility">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">visibility_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="visibility_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">voice_chat</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="voice_chat">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">voicemail</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="voicemail">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">volume_down</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="volume_down">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">volume_mute</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="volume_mute">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">volume_off</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="volume_off">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">volume_up</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="volume_up">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">vpn_key</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="vpn_key">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">vpn_lock</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="vpn_lock">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wallpaper</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wallpaper">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">warning</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="warning">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">watch</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="watch">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">watch_later</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="watch_later">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wb_auto</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wb_auto">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wb_cloudy</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wb_cloudy">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wb_incandescent</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wb_incandescent">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wb_iridescent</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wb_iridescent">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wb_sunny</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wb_sunny">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wc</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wc">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">web</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="web">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">web_asset</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="web_asset">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">weekend</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="weekend">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">whatshot</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="whatshot">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">widgets</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="widgets">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wifi</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wifi">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wifi_lock</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wifi_lock">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wifi_tethering</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wifi_tethering">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">work</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="work">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">wrap_text</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="wrap_text">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">youtube_searched_for</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="youtube_searched_for">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">zoom_in</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="zoom_in">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">zoom_out</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="zoom_out">
          </div>
          <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
            <span class="u-icon-v1 g-mb-10">
              <i class="material-icons">zoom_out_map</i>
            </span>
            <input class="js-selecter js-icons-demo-item__value-2 text-truncate u-icons-demo-item__value" type="text" readonly="readonly" value="zoom_out_map">
          </div>
        </div>
      </div>
    </section>

    {% include "html/assets/include/nunjucks/partials/blocks/cta/cta-main.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/footers/footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/footers/copyright-footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/go-to-top/go-to-top-1.njk" %}
  </main>

  {% include "html/assets/include/nunjucks/partials/core-js.njk" %}

  <!-- JS Implementing Plugins -->
  <script src="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
  {% include "html/assets/include/nunjucks/partials/js/js-dzsparallaxer.njk" %}
  <script src="{{ root }}assets/vendor/malihu-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
  {% include "html/assets/include/nunjucks/partials/js/js-jquery-ui-core.njk" %}

  <!-- jQuery UI Helpers -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/menu.js"></script>
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/mouse.js"></script>

  <!-- jQuery UI Widgets -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/autocomplete.js"></script>

  <!-- JS Unify -->
  <script src="{{ root }}assets/js/hs.core.js"></script>

  <script src="{{ root }}assets/js/components/hs.header.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.hamburgers.js"></script>
  <script src="{{ root }}assets/js/components/hs.header-side.js"></script>

  <script src="{{ root }}assets/js/helpers/hs.selecter.js"></script>
  <script src="{{ root }}assets/js/demo/hs.demo.icons.js"></script>

  <script src="{{ root }}assets/js/components/hs.autocomplete-local-search.js"></script>
  <script src="{{ root }}assets/style-switcher/vendor/cookiejs/jquery.cookie.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.shortcode-filter.js"></script>
  <script src="{{ root }}assets/js/components/hs.scrollbar.js"></script>
  <script src="{{ root }}assets/js/components/hs.go-to.js"></script>

  <!-- JS Custom -->
  <script src="{{ root }}assets/js/custom.js"></script>

  <!-- JS Plugins Init. -->
  <script>
    $(document).on('ready', function () {
      // initialization of go to
      $.HSCore.components.HSGoTo.init('.js-go-to');
    });

    $(window).on('load', function () {
      // initialization of header
      $.HSCore.components.HSHeader.init($('#js-header'));
      $.HSCore.helpers.HSHamburgers.init('.hamburger');
      $.HSCore.components.HSHeaderSide.init($('#sideNav'));

      // initialization of autocomplet
      $.HSCore.components.HSLocalSearchAutocomplete.init('#u-sidebar-navigation__search-autocomplete');

      // initialization of HSMegaMenu plugin
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 991
      });
    });
  </script>
</body>
</html>
