.icon {
  display: block;
}

.icon-directory {
  .icon;
  background: url(/img/Directory.svg) no-repeat;
  width: 36px;
  height: 32px;
}

.icon-file {
  .icon;
  background: url(/img/File.svg) no-repeat;
  width: 30px;
  height: 36px;
}

.icon-plus {
  .icon;
  background: url(/img/Plus.svg) no-repeat;
  width: 24px;
  height: 24px;
}

.icon-view {
  .icon;
  background: url(/img/View.svg) no-repeat;
  width: 24px;
  height: 24px;
}

.icon-refresh {
  .icon;
  background: url(/img/Refresh.svg) no-repeat;
  width: 26px;
  height: 28px;
}

.icon-share {
  .icon;
  background: url(/img/Share.svg) no-repeat;
  width: 25px;
  height: 27px;
}

.icon-more {
  .icon;
  background: url(/img/More.svg) no-repeat;
  width: 6px;
  height: 24px;
}