<>
  {"{"}% set title = 'Dripicons' %{"}"}
  {"{"}% set filename = 'ui-icons-dripicons.html' %{"}"}
  {"{"}% extends 'src/layouts/master.html' %{"}"}
  {"{"}% block content %{"}"}
  <div className="page-heading">
    <div className="page-title">
      <div className="row">
        <div className="col-12 col-md-6 order-md-1 order-last">
          <h3>Dripicons</h3>
          <p className="text-subtitle text-muted">
            Get over 1,000+ icons with Dripicons.
          </p>
        </div>
        <div className="col-12 col-md-6 order-md-2 order-first">
          <nav
            aria-label="breadcrumb"
            className="breadcrumb-header float-start float-lg-end"
          >
            <ol className="breadcrumb">
              <li className="breadcrumb-item">
                <a href="index.html">Dashboard</a>
              </li>
              <li className="breadcrumb-item active" aria-current="page">
                Dripicons
              </li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
    <section className="section">
      <div className="card">
        <div className="card-header">
          <h4 className="card-title">Icon List</h4>
        </div>
        <div className="card-body">
          <ul className="icons">
            <ul className="glyphs css-mapping">
              <li>
                <div className="icon dripicons dripicons-alarm" />
                <input type="text" readOnly="readonly" defaultValue="alarm" />
              </li>
              <li>
                <div className="icon dripicons dripicons-align-center" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="align-center"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-align-justify" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="align-justify"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-align-left" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="align-left"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-align-right" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="align-right"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-anchor" />
                <input type="text" readOnly="readonly" defaultValue="anchor" />
              </li>
              <li>
                <div className="icon dripicons dripicons-archive" />
                <input type="text" readOnly="readonly" defaultValue="archive" />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-down" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-down"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-left" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-left"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-right" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-right"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-thin-down" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-thin-down"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-thin-left" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-thin-left"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-thin-right" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-thin-right"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-thin-up" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-thin-up"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-arrow-up" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="arrow-up"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-article" />
                <input type="text" readOnly="readonly" defaultValue="article" />
              </li>
              <li>
                <div className="icon dripicons dripicons-backspace" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="backspace"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-basket" />
                <input type="text" readOnly="readonly" defaultValue="basket" />
              </li>
              <li>
                <div className="icon dripicons dripicons-basketball" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="basketball"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-battery-empty" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="battery-empty"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-battery-full" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="battery-full"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-battery-low" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="battery-low"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-battery-medium" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="battery-medium"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-bell" />
                <input type="text" readOnly="readonly" defaultValue="bell" />
              </li>
              <li>
                <div className="icon dripicons dripicons-blog" />
                <input type="text" readOnly="readonly" defaultValue="blog" />
              </li>
              <li>
                <div className="icon dripicons dripicons-bluetooth" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="bluetooth"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-bold" />
                <input type="text" readOnly="readonly" defaultValue="bold" />
              </li>
              <li>
                <div className="icon dripicons dripicons-bookmark" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="bookmark"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-bookmarks" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="bookmarks"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-box" />
                <input type="text" readOnly="readonly" defaultValue="box" />
              </li>
              <li>
                <div className="icon dripicons dripicons-briefcase" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="briefcase"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-brightness-low" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="brightness-low"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-brightness-max" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="brightness-max"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-brightness-medium" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="brightness-medium"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-broadcast" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="broadcast"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-browser" />
                <input type="text" readOnly="readonly" defaultValue="browser" />
              </li>
              <li>
                <div className="icon dripicons dripicons-browser-upload" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="browser-upload"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-brush" />
                <input type="text" readOnly="readonly" defaultValue="brush" />
              </li>
              <li>
                <div className="icon dripicons dripicons-calendar" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="calendar"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-camcorder" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="camcorder"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-camera" />
                <input type="text" readOnly="readonly" defaultValue="camera" />
              </li>
              <li>
                <div className="icon dripicons dripicons-card" />
                <input type="text" readOnly="readonly" defaultValue="card" />
              </li>
              <li>
                <div className="icon dripicons dripicons-cart" />
                <input type="text" readOnly="readonly" defaultValue="cart" />
              </li>
              <li>
                <div className="icon dripicons dripicons-checklist" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="checklist"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-checkmark" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="checkmark"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-chevron-down" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="chevron-down"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-chevron-left" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="chevron-left"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-chevron-right" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="chevron-right"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-chevron-up" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="chevron-up"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-clipboard" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="clipboard"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-clock" />
                <input type="text" readOnly="readonly" defaultValue="clock" />
              </li>
              <li>
                <div className="icon dripicons dripicons-clockwise" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="clockwise"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-cloud" />
                <input type="text" readOnly="readonly" defaultValue="cloud" />
              </li>
              <li>
                <div className="icon dripicons dripicons-cloud-download" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="cloud-download"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-cloud-upload" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="cloud-upload"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-code" />
                <input type="text" readOnly="readonly" defaultValue="code" />
              </li>
              <li>
                <div className="icon dripicons dripicons-contract" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="contract"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-contract-2" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="contract-2"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-conversation" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="conversation"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-copy" />
                <input type="text" readOnly="readonly" defaultValue="copy" />
              </li>
              <li>
                <div className="icon dripicons dripicons-crop" />
                <input type="text" readOnly="readonly" defaultValue="crop" />
              </li>
              <li>
                <div className="icon dripicons dripicons-cross" />
                <input type="text" readOnly="readonly" defaultValue="cross" />
              </li>
              <li>
                <div className="icon dripicons dripicons-crosshair" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="crosshair"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-cutlery" />
                <input type="text" readOnly="readonly" defaultValue="cutlery" />
              </li>
              <li>
                <div className="icon dripicons dripicons-device-desktop" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="device-desktop"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-device-mobile" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="device-mobile"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-device-tablet" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="device-tablet"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-direction" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="direction"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-disc" />
                <input type="text" readOnly="readonly" defaultValue="disc" />
              </li>
              <li>
                <div className="icon dripicons dripicons-document" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="document"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-document-delete" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="document-delete"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-document-edit" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="document-edit"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-document-new" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="document-new"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-document-remove" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="document-remove"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-dot" />
                <input type="text" readOnly="readonly" defaultValue="dot" />
              </li>
              <li>
                <div className="icon dripicons dripicons-dots-2" />
                <input type="text" readOnly="readonly" defaultValue="dots-2" />
              </li>
              <li>
                <div className="icon dripicons dripicons-dots-3" />
                <input type="text" readOnly="readonly" defaultValue="dots-3" />
              </li>
              <li>
                <div className="icon dripicons dripicons-download" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="download"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-duplicate" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="duplicate"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-enter" />
                <input type="text" readOnly="readonly" defaultValue="enter" />
              </li>
              <li>
                <div className="icon dripicons dripicons-exit" />
                <input type="text" readOnly="readonly" defaultValue="exit" />
              </li>
              <li>
                <div className="icon dripicons dripicons-expand" />
                <input type="text" readOnly="readonly" defaultValue="expand" />
              </li>
              <li>
                <div className="icon dripicons dripicons-expand-2" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="expand-2"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-experiment" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="experiment"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-export" />
                <input type="text" readOnly="readonly" defaultValue="export" />
              </li>
              <li>
                <div className="icon dripicons dripicons-feed" />
                <input type="text" readOnly="readonly" defaultValue="feed" />
              </li>
              <li>
                <div className="icon dripicons dripicons-flag" />
                <input type="text" readOnly="readonly" defaultValue="flag" />
              </li>
              <li>
                <div className="icon dripicons dripicons-flashlight" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="flashlight"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-folder" />
                <input type="text" readOnly="readonly" defaultValue="folder" />
              </li>
              <li>
                <div className="icon dripicons dripicons-folder-open" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="folder-open"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-forward" />
                <input type="text" readOnly="readonly" defaultValue="forward" />
              </li>
              <li>
                <div className="icon dripicons dripicons-gaming" />
                <input type="text" readOnly="readonly" defaultValue="gaming" />
              </li>
              <li>
                <div className="icon dripicons dripicons-gear" />
                <input type="text" readOnly="readonly" defaultValue="gear" />
              </li>
              <li>
                <div className="icon dripicons dripicons-graduation" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="graduation"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-graph-bar" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="graph-bar"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-graph-line" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="graph-line"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-graph-pie" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="graph-pie"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-headset" />
                <input type="text" readOnly="readonly" defaultValue="headset" />
              </li>
              <li>
                <div className="icon dripicons dripicons-heart" />
                <input type="text" readOnly="readonly" defaultValue="heart" />
              </li>
              <li>
                <div className="icon dripicons dripicons-help" />
                <input type="text" readOnly="readonly" defaultValue="help" />
              </li>
              <li>
                <div className="icon dripicons dripicons-home" />
                <input type="text" readOnly="readonly" defaultValue="home" />
              </li>
              <li>
                <div className="icon dripicons dripicons-hourglass" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="hourglass"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-inbox" />
                <input type="text" readOnly="readonly" defaultValue="inbox" />
              </li>
              <li>
                <div className="icon dripicons dripicons-information" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="information"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-italic" />
                <input type="text" readOnly="readonly" defaultValue="italic" />
              </li>
              <li>
                <div className="icon dripicons dripicons-jewel" />
                <input type="text" readOnly="readonly" defaultValue="jewel" />
              </li>
              <li>
                <div className="icon dripicons dripicons-lifting" />
                <input type="text" readOnly="readonly" defaultValue="lifting" />
              </li>
              <li>
                <div className="icon dripicons dripicons-lightbulb" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="lightbulb"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-link" />
                <input type="text" readOnly="readonly" defaultValue="link" />
              </li>
              <li>
                <div className="icon dripicons dripicons-link-broken" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="link-broken"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-list" />
                <input type="text" readOnly="readonly" defaultValue="list" />
              </li>
              <li>
                <div className="icon dripicons dripicons-loading" />
                <input type="text" readOnly="readonly" defaultValue="loading" />
              </li>
              <li>
                <div className="icon dripicons dripicons-location" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="location"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-lock" />
                <input type="text" readOnly="readonly" defaultValue="lock" />
              </li>
              <li>
                <div className="icon dripicons dripicons-lock-open" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="lock-open"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-mail" />
                <input type="text" readOnly="readonly" defaultValue="mail" />
              </li>
              <li>
                <div className="icon dripicons dripicons-map" />
                <input type="text" readOnly="readonly" defaultValue="map" />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-loop" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-loop"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-next" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-next"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-pause" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-pause"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-play" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-play"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-previous" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-previous"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-record" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-record"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-shuffle" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-shuffle"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-media-stop" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="media-stop"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-medical" />
                <input type="text" readOnly="readonly" defaultValue="medical" />
              </li>
              <li>
                <div className="icon dripicons dripicons-menu" />
                <input type="text" readOnly="readonly" defaultValue="menu" />
              </li>
              <li>
                <div className="icon dripicons dripicons-message" />
                <input type="text" readOnly="readonly" defaultValue="message" />
              </li>
              <li>
                <div className="icon dripicons dripicons-meter" />
                <input type="text" readOnly="readonly" defaultValue="meter" />
              </li>
              <li>
                <div className="icon dripicons dripicons-microphone" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="microphone"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-minus" />
                <input type="text" readOnly="readonly" defaultValue="minus" />
              </li>
              <li>
                <div className="icon dripicons dripicons-monitor" />
                <input type="text" readOnly="readonly" defaultValue="monitor" />
              </li>
              <li>
                <div className="icon dripicons dripicons-move" />
                <input type="text" readOnly="readonly" defaultValue="move" />
              </li>
              <li>
                <div className="icon dripicons dripicons-music" />
                <input type="text" readOnly="readonly" defaultValue="music" />
              </li>
              <li>
                <div className="icon dripicons dripicons-network-1" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="network-1"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-network-2" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="network-2"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-network-3" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="network-3"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-network-4" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="network-4"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-network-5" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="network-5"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-pamphlet" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="pamphlet"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-paperclip" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="paperclip"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-pencil" />
                <input type="text" readOnly="readonly" defaultValue="pencil" />
              </li>
              <li>
                <div className="icon dripicons dripicons-phone" />
                <input type="text" readOnly="readonly" defaultValue="phone" />
              </li>
              <li>
                <div className="icon dripicons dripicons-photo" />
                <input type="text" readOnly="readonly" defaultValue="photo" />
              </li>
              <li>
                <div className="icon dripicons dripicons-photo-group" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="photo-group"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-pill" />
                <input type="text" readOnly="readonly" defaultValue="pill" />
              </li>
              <li>
                <div className="icon dripicons dripicons-pin" />
                <input type="text" readOnly="readonly" defaultValue="pin" />
              </li>
              <li>
                <div className="icon dripicons dripicons-plus" />
                <input type="text" readOnly="readonly" defaultValue="plus" />
              </li>
              <li>
                <div className="icon dripicons dripicons-power" />
                <input type="text" readOnly="readonly" defaultValue="power" />
              </li>
              <li>
                <div className="icon dripicons dripicons-preview" />
                <input type="text" readOnly="readonly" defaultValue="preview" />
              </li>
              <li>
                <div className="icon dripicons dripicons-print" />
                <input type="text" readOnly="readonly" defaultValue="print" />
              </li>
              <li>
                <div className="icon dripicons dripicons-pulse" />
                <input type="text" readOnly="readonly" defaultValue="pulse" />
              </li>
              <li>
                <div className="icon dripicons dripicons-question" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="question"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-reply" />
                <input type="text" readOnly="readonly" defaultValue="reply" />
              </li>
              <li>
                <div className="icon dripicons dripicons-reply-all" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="reply-all"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-return" />
                <input type="text" readOnly="readonly" defaultValue="return" />
              </li>
              <li>
                <div className="icon dripicons dripicons-retweet" />
                <input type="text" readOnly="readonly" defaultValue="retweet" />
              </li>
              <li>
                <div className="icon dripicons dripicons-rocket" />
                <input type="text" readOnly="readonly" defaultValue="rocket" />
              </li>
              <li>
                <div className="icon dripicons dripicons-scale" />
                <input type="text" readOnly="readonly" defaultValue="scale" />
              </li>
              <li>
                <div className="icon dripicons dripicons-search" />
                <input type="text" readOnly="readonly" defaultValue="search" />
              </li>
              <li>
                <div className="icon dripicons dripicons-shopping-bag" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="shopping-bag"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-skip" />
                <input type="text" readOnly="readonly" defaultValue="skip" />
              </li>
              <li>
                <div className="icon dripicons dripicons-stack" />
                <input type="text" readOnly="readonly" defaultValue="stack" />
              </li>
              <li>
                <div className="icon dripicons dripicons-star" />
                <input type="text" readOnly="readonly" defaultValue="star" />
              </li>
              <li>
                <div className="icon dripicons dripicons-stopwatch" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="stopwatch"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-store" />
                <input type="text" readOnly="readonly" defaultValue="store" />
              </li>
              <li>
                <div className="icon dripicons dripicons-suitcase" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="suitcase"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-swap" />
                <input type="text" readOnly="readonly" defaultValue="swap" />
              </li>
              <li>
                <div className="icon dripicons dripicons-tag" />
                <input type="text" readOnly="readonly" defaultValue="tag" />
              </li>
              <li>
                <div className="icon dripicons dripicons-tag-delete" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="tag-delete"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-tags" />
                <input type="text" readOnly="readonly" defaultValue="tags" />
              </li>
              <li>
                <div className="icon dripicons dripicons-thumbs-down" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="thumbs-down"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-thumbs-up" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="thumbs-up"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-ticket" />
                <input type="text" readOnly="readonly" defaultValue="ticket" />
              </li>
              <li>
                <div className="icon dripicons dripicons-time-reverse" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="time-reverse"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-to-do" />
                <input type="text" readOnly="readonly" defaultValue="to-do" />
              </li>
              <li>
                <div className="icon dripicons dripicons-toggles" />
                <input type="text" readOnly="readonly" defaultValue="toggles" />
              </li>
              <li>
                <div className="icon dripicons dripicons-trash" />
                <input type="text" readOnly="readonly" defaultValue="trash" />
              </li>
              <li>
                <div className="icon dripicons dripicons-trophy" />
                <input type="text" readOnly="readonly" defaultValue="trophy" />
              </li>
              <li>
                <div className="icon dripicons dripicons-upload" />
                <input type="text" readOnly="readonly" defaultValue="upload" />
              </li>
              <li>
                <div className="icon dripicons dripicons-user" />
                <input type="text" readOnly="readonly" defaultValue="user" />
              </li>
              <li>
                <div className="icon dripicons dripicons-user-group" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="user-group"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-user-id" />
                <input type="text" readOnly="readonly" defaultValue="user-id" />
              </li>
              <li>
                <div className="icon dripicons dripicons-vibrate" />
                <input type="text" readOnly="readonly" defaultValue="vibrate" />
              </li>
              <li>
                <div className="icon dripicons dripicons-view-apps" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="view-apps"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-view-list" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="view-list"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-view-list-large" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="view-list-large"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-view-thumb" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="view-thumb"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-volume-full" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="volume-full"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-volume-low" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="volume-low"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-volume-medium" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="volume-medium"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-volume-off" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="volume-off"
                />
              </li>
              <li>
                <div className="icon dripicons dripicons-wallet" />
                <input type="text" readOnly="readonly" defaultValue="wallet" />
              </li>
              <li>
                <div className="icon dripicons dripicons-warning" />
                <input type="text" readOnly="readonly" defaultValue="warning" />
              </li>
              <li>
                <div className="icon dripicons dripicons-web" />
                <input type="text" readOnly="readonly" defaultValue="web" />
              </li>
              <li>
                <div className="icon dripicons dripicons-weight" />
                <input type="text" readOnly="readonly" defaultValue="weight" />
              </li>
              <li>
                <div className="icon dripicons dripicons-wifi" />
                <input type="text" readOnly="readonly" defaultValue="wifi" />
              </li>
              <li>
                <div className="icon dripicons dripicons-wrong" />
                <input type="text" readOnly="readonly" defaultValue="wrong" />
              </li>
              <li>
                <div className="icon dripicons dripicons-zoom-in" />
                <input type="text" readOnly="readonly" defaultValue="zoom-in" />
              </li>
              <li>
                <div className="icon dripicons dripicons-zoom-out" />
                <input
                  type="text"
                  readOnly="readonly"
                  defaultValue="zoom-out"
                />
              </li>
            </ul>
          </ul>
        </div>
      </div>
    </section>
  </div>
  {"{"}% endblock %{"}"}
  {"{"}% block styles %{"}"}
  <link
    rel="stylesheet"
    href="assets/extensions/@icon/dripicons/dripicons.css"
  />
  <link rel="stylesheet" href="assets/scss/pages/dripicons.scss" />
  {"{"}% endblock %{"}"}
</>
