.icon {
  background-size: 100%;
  background-color: currentColor;
  display: inline-block;
  vertical-align: middle;
}

.icon-angle-up,
.icon-angle-right,
.icon-angle-down,
.icon-angle-left {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 6.59375 L 15.28125 7.28125 L 2.78125 19.78125 L 4.21875 21.21875 L 16 9.4375 L 27.78125 21.21875 L 29.21875 19.78125 L 16.71875 7.28125 L 16 6.59375 z"/></svg>') 50% 50% no-repeat;
}

.icon-angle-right {
  transform: rotate(90deg);
}

.icon-angle-down {
  transform: rotate(180deg);
}

.icon-angle-left {
  transform: rotate(270deg);
}

.icon-bookmark {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M7 5v23l1.594-1.188L16 21.25l7.406 5.563L25 28V5H7zm2 2h14v17l-6.406-4.813L16 18.75l-.594.438L9 24V7z"/></svg>') 50% 50% no-repeat;
}

.icon-bookmark.icon-16 {
  transform: translate(-0.5px, -0.5px);
}

.icon-browser-window {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M4,4v1v23h24V4H4z M6,6h20v4H6V6z M7,7v2h2V7H7z M10,7v2h2V7H10z M13,7v2h2V7H13z M6,12h20v14H6V12z"/></svg>') 50% 50% no-repeat;
}

.icon-checked {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 3C8.8 3 3 8.8 3 16s5.8 13 13 13 13-5.8 13-13c0-1.4-.188-2.794-.688-4.094L26.688 13.5c.2.8.313 1.6.313 2.5 0 6.1-4.9 11-11 11S5 22.1 5 16 9.9 5 16 5c3 0 5.694 1.194 7.594 3.094L25 6.688C22.7 4.388 19.5 3 16 3zm11.28 4.28L16 18.563l-4.28-4.28-1.44 1.437 5 5 .72.686.72-.687 12-12-1.44-1.44z"/></svg>') 50% 50% no-repeat;
}

.icon-checkmark {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M28.28 6.28L11 23.563l-7.28-7.28-1.44 1.437 8 8 .72.686.72-.687 18-18-1.44-1.44z"/></svg>') 50% 50% no-repeat;
}

.icon-close {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 L 7.21875 5.78125 z"/></svg>') 50% 50% no-repeat;
}

.icon-contacts {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 4 C 12.145852 4 9 7.1458513 9 11 C 9 13.393064 10.220383 15.517805 12.0625 16.78125 C 8.485554 18.302923 6 21.859881 6 26 L 8 26 C 8 21.533333 11.533333 18 16 18 C 20.466667 18 24 21.533333 24 26 L 26 26 C 26 21.859881 23.514446 18.302923 19.9375 16.78125 C 21.779617 15.517805 23 13.393064 23 11 C 23 7.1458513 19.854148 4 16 4 z M 16 6 C 18.773268 6 21 8.2267317 21 11 C 21 13.773268 18.773268 16 16 16 C 13.226732 16 11 13.773268 11 11 C 11 8.2267317 13.226732 6 16 6 z"/></svg>');
}

.icon-comments {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M3 6v20h9.563l2.718 2.72.72.686.72-.687L19.437 26H29V6H3zm2 2h22v16h-8.406l-.313.28L16 26.563l-2.28-2.28-.314-.282H5V8zm4 3v2h14v-2H9zm0 4v2h14v-2H9zm0 4v2h10v-2H9z"/></svg>') 50% 50% no-repeat;
}

.icon-comments.icon-16 {
  transform: translate(-0.5px, -0.5px);
}

.icon-database {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 6 4 L 6 5 L 6 27 L 6 28 L 7 28 L 25 28 L 26 28 L 26 27 L 26 5 L 26 4 L 25 4 L 7 4 L 6 4 z M 8 6 L 24 6 L 24 11 L 8 11 L 8 6 z M 8 13 L 24 13 L 24 19 L 8 19 L 8 13 z M 8 21 L 24 21 L 24 26 L 8 26 L 8 21 z"/></svg>') 50% 50% no-repeat;
}

.icon-delete {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 L 7.21875 5.78125 z"/></svg>') 50% 50% no-repeat;
}

.icon-dot {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 12 C 13.802706 12 12 13.802706 12 16 C 12 18.197294 13.802706 20 16 20 C 18.197294 20 20 18.197294 20 16 C 20 13.802706 18.197294 12 16 12 z"/></svg>') 50% 50% no-repeat;
}

.icon-edit {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 23.90625 3.96875 C 22.859286 3.96875 21.813178 4.3743215 21 5.1875 L 5.40625 20.78125 L 5.1875 21 L 5.125 21.3125 L 4.03125 26.8125 L 3.71875 28.28125 L 5.1875 27.96875 L 10.6875 26.875 L 11 26.8125 L 11.21875 26.59375 L 26.8125 11 C 28.438857 9.373643 28.438857 6.813857 26.8125 5.1875 C 25.999322 4.3743215 24.953214 3.96875 23.90625 3.96875 z M 23.90625 5.875 C 24.409286 5.875 24.919428 6.1069285 25.40625 6.59375 C 26.379893 7.567393 26.379893 8.620107 25.40625 9.59375 L 24.6875 10.28125 L 21.71875 7.3125 L 22.40625 6.59375 C 22.893072 6.1069285 23.403214 5.875 23.90625 5.875 z M 20.3125 8.71875 L 23.28125 11.6875 L 11.1875 23.78125 C 10.533142 22.500659 9.4993415 21.466858 8.21875 20.8125 L 20.3125 8.71875 z M 6.9375 22.4375 C 8.1365842 22.923393 9.0766067 23.863416 9.5625 25.0625 L 6.28125 25.71875 L 6.9375 22.4375 z"/></svg>') 50% 50% no-repeat;
}

.icon-external-link {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 18 5 L 18 7 L 23.5625 7 L 11.28125 19.28125 L 12.71875 20.71875 L 25 8.4375 L 25 14 L 27 14 L 27 6 L 27 5 L 26 5 L 18 5 z M 5 9 L 5 27 L 23 27 L 23 14 L 21 16 L 21 25 L 7 25 L 7 11 L 16 11 L 18 9 L 5 9 z"/></svg>') 50% 50% no-repeat;
}

.icon-facebook {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7 5 C 5.9069372 5 5 5.9069372 5 7 L 5 25 C 5 26.093063 5.9069372 27 7 27 L 25 27 C 26.093063 27 27 26.093063 27 25 L 27 7 C 27 5.9069372 26.093063 5 25 5 L 7 5 z M 7 7 L 25 7 L 25 25 L 19.8125 25 L 19.8125 18.25 L 22.40625 18.25 L 22.78125 15.25 L 19.8125 15.25 L 19.8125 13.3125 C 19.8125 12.4385 20.02825 11.84375 21.28125 11.84375 L 22.90625 11.84375 L 22.90625 9.125 C 22.62925 9.088 21.6665 9.03125 20.5625 9.03125 C 18.2585 9.03125 16.6875 10.417 16.6875 13 L 16.6875 15.25 L 14.0625 15.25 L 14.0625 18.25 L 16.6875 18.25 L 16.6875 25 L 7 25 L 7 7 z"/></svg>') 50% 50% no-repeat;
}

.icon-feedly {
  color: #2bb24c;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 15.96875 4.8125 C 15.042281 4.8125 14.106918 5.174332 13.40625 5.875 L 4.0625 15.21875 C 2.6611639 16.620086 2.6611639 18.942414 4.0625 20.34375 L 9.59375 25.875 C 10.092757 26.374499 10.567451 26.862463 11.1875 27.28125 C 11.807549 27.700037 12.589103 28 13.5 28 L 18.59375 28 C 19.504647 28 20.28615 27.699966 20.90625 27.28125 C 21.52635 26.862534 22.000584 26.374416 22.5 25.875 L 27.9375 20.40625 C 29.337646 19.004724 29.338836 16.713836 27.9375 15.3125 L 18.5 5.875 C 17.799332 5.174332 16.895219 4.8125 15.96875 4.8125 z M 15.96875 6.8125 C 16.380781 6.8125 16.778418 6.965918 17.09375 7.28125 L 26.53125 16.71875 C 27.161914 17.349414 27.161104 18.369526 26.53125 19 L 21.09375 24.4375 C 20.577166 24.954084 20.15265 25.374216 19.78125 25.625 C 19.40985 25.875784 19.118853 26 18.59375 26 L 13.5 26 C 12.974897 26 12.683701 25.875713 12.3125 25.625 C 11.941299 25.374287 11.515993 24.954001 11 24.4375 L 5.46875 18.90625 C 4.8380861 18.275586 4.8380861 17.255664 5.46875 16.625 L 14.8125 7.28125 C 15.127832 6.965918 15.556719 6.8125 15.96875 6.8125 z M 16 10.9375 C 15.93575 10.9375 15.8615 10.951 15.8125 11 L 9.40625 17.40625 C 9.30825 17.50425 9.30825 17.652 9.40625 17.75 L 10.25 18.59375 C 10.347 18.69075 10.5495 18.75 10.6875 18.75 L 11.09375 18.75 C 11.23175 18.75 11.43325 18.69175 11.53125 18.59375 L 17.46875 12.65625 C 17.56675 12.55825 17.56675 12.4105 17.46875 12.3125 L 16.15625 11 C 16.10725 10.951 16.06425 10.9375 16 10.9375 z M 15.96875 16 C 15.9045 16 15.83025 16.04475 15.78125 16.09375 L 11.9375 19.90625 C 11.8395 20.00425 11.8395 20.18325 11.9375 20.28125 L 12.78125 21.09375 C 12.87825 21.19075 13.08075 21.28125 13.21875 21.28125 L 13.625 21.28125 C 13.763 21.28125 13.9655 21.19075 14.0625 21.09375 L 17.4375 17.71875 C 17.5355 17.62075 17.5355 17.473 17.4375 17.375 L 16.125 16.09375 C 16.076 16.04475 16.033 16 15.96875 16 z M 15.96875 21.09375 C 15.9045 21.09375 15.83025 21.10725 15.78125 21.15625 L 14.5 22.46875 C 14.402 22.56675 14.402 22.7145 14.5 22.8125 L 15.3125 23.65625 C 15.4095 23.75325 15.612 23.8125 15.75 23.8125 L 16.15625 23.8125 C 16.29425 23.8125 16.49575 23.75425 16.59375 23.65625 L 17.4375 22.8125 C 17.5355 22.7145 17.5345 22.5335 17.4375 22.4375 L 16.15625 21.15625 C 16.10725 21.10725 16.033 21.09375 15.96875 21.09375 z"/></svg>');
}

.icon-file {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M6 3v26h20V9.594l-.28-.313-6-6-.314-.28H6zm2 2h10v6h6v16H8V5zm12 1.438L22.563 9H20V6.437z"/></svg>') 50% 50% no-repeat;
}

.icon-folder {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 6 3 L 6 4 L 6 28 L 6 29 L 7 29 L 25 29 L 26 29 L 26 28 L 26 15.4375 L 27.71875 13.71875 L 28 13.40625 L 28 13 L 28 4 L 28 3 L 27 3 L 24 3 L 23 3 L 7 3 L 6 3 z M 8 5 L 22 5 L 22 13 L 22 13.40625 L 22.28125 13.71875 L 24 15.4375 L 24 27 L 8 27 L 8 5 z M 24 5 L 26 5 L 26 12.5625 L 25 13.5625 L 24 12.5625 L 24 5 z"/></svg>') 50% 50% no-repeat;
}

.icon-hatena-bookmark {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 8.9375 5 C 6.7728596 5 5 6.7728596 5 8.9375 L 5 16 L 5 23.0625 C 5 25.22714 6.7728596 27 8.9375 27 L 16 27 L 23.0625 27 C 25.22714 27 27 25.22714 27 23.0625 L 27 16 L 27 8.9375 C 27 6.7728596 25.22714 5 23.0625 5 L 16 5 L 8.9375 5 z M 8.9375 7 L 16 7 L 23.0625 7 C 24.14586 7 25 7.8541404 25 8.9375 L 25 16 L 25 23.0625 C 25 24.14586 24.14586 25 23.0625 25 L 16 25 L 8.9375 25 C 7.8541404 25 7 24.14586 7 23.0625 L 7 16 L 7 8.9375 C 7 7.8541404 7.8541404 7 8.9375 7 z M 18.9375 11.59375 L 18.9375 17.46875 L 21 17.46875 L 21 11.59375 L 18.9375 11.59375 z M 10.71875 11.625 L 10.71875 20.375 L 13.1875 20.375 C 14.1795 20.375 14.8755 20.34725 15.3125 20.28125 C 15.7495 20.21225 16.1405 20.0965 16.4375 19.9375 C 16.8045 19.7435 17.054 19.44775 17.25 19.09375 C 17.447 18.73875 17.5625 18.344 17.5625 17.875 C 17.5615 17.226 17.38125 16.7005 17.03125 16.3125 C 16.68325 15.9235 16.21475 15.70325 15.59375 15.65625 C 16.14675 15.50525 16.52725 15.295 16.78125 15 C 17.03425 14.709 17.15625 14.3095 17.15625 13.8125 C 17.15625 13.4195 17.07225 13.08125 16.90625 12.78125 C 16.73525 12.48225 16.5095 12.2415 16.1875 12.0625 C 15.9055 11.9075 15.54725 11.78375 15.15625 11.71875 C 14.76325 11.65575 14.07975 11.625 13.09375 11.625 L 10.71875 11.625 z M 12.90625 13.5625 L 13.4375 13.5625 C 14.0285 13.5625 14.42 13.64825 14.625 13.78125 C 14.827 13.91525 14.9375 14.13975 14.9375 14.46875 C 14.9375 14.78475 14.81075 14.995 14.59375 15.125 C 14.37375 15.253 13.99325 15.3125 13.40625 15.3125 L 12.90625 15.3125 L 12.90625 13.5625 z M 12.90625 16.875 L 13.78125 16.875 C 14.35925 16.875 14.75675 16.94875 14.96875 17.09375 C 15.18475 17.23875 15.3125 17.507 15.3125 17.875 C 15.3125 18.206 15.1725 18.45175 14.9375 18.59375 C 14.7045 18.73675 14.313 18.78125 13.75 18.78125 L 12.90625 18.78125 L 12.90625 16.875 z M 19.96875 18.0625 C 19.31875 18.0625 18.78125 18.6 18.78125 19.25 C 18.78125 19.9 19.31875 20.40625 19.96875 20.40625 C 20.61775 20.40625 21.15625 19.9 21.15625 19.25 C 21.15625 18.6 20.61775 18.0625 19.96875 18.0625 z"/></svg>') 50% 50% no-repeat;
}

.icon-info {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 3C8.832 3 3 8.832 3 16s5.832 13 13 13 13-5.832 13-13S23.168 3 16 3zm0 2c6.087 0 11 4.913 11 11s-4.913 11-11 11S5 22.087 5 16 9.913 5 16 5zm-1 5v2h2v-2h-2zm0 4v8h2v-8h-2z"/></svg>') 50% 50% no-repeat;
}

.icon-instapaper {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 8.9375 5 C 6.7728596 5 5 6.7728596 5 8.9375 L 5 16 L 5 23.0625 C 5 25.22714 6.7728596 27 8.9375 27 L 16 27 L 23.0625 27 C 25.22714 27 27 25.22714 27 23.0625 L 27 16 L 27 8.9375 C 27 6.7728596 25.22714 5 23.0625 5 L 16 5 L 8.9375 5 z M 8.9375 7 L 16 7 L 23.0625 7 C 24.14586 7 25 7.8541404 25 8.9375 L 25 16 L 25 23.0625 C 25 24.14586 24.14586 25 23.0625 25 L 16 25 L 8.9375 25 C 7.8541404 25 7 24.14586 7 23.0625 L 7 16 L 7 8.9375 C 7 7.8541404 7.8541404 7 8.9375 7 z M 12.1875 9.03125 C 12.0785 9.03125 12 9.11275 12 9.21875 L 12 9.90625 C 12 10.00225 12.05925 10.07975 12.15625 10.09375 C 13.03125 10.21675 15 10.59225 15 11.03125 L 15 21 C 15 21.996 12.2085 21.9375 12.1875 21.9375 C 12.0795 21.9395 12 22.02 12 22.125 L 12 22.8125 C 12 22.9185 12.0785 23.03125 12.1875 23.03125 L 19.78125 23.03125 C 19.89125 23.03125 20 22.9185 20 22.8125 L 20 22.125 C 20 22.02 19.9205 21.9395 19.8125 21.9375 C 19.7925 21.9365 17 21.962 17 21 L 17 11.03125 C 17 10.50925 19.1275 10.17275 19.8125 10.09375 C 19.9125 10.08275 20 10.00325 20 9.90625 L 20 9.21875 C 20 9.11275 19.89125 9.03125 19.78125 9.03125 L 12.1875 9.03125 z"/></svg>') 50% 50% no-repeat;
}

.icon-keyboard {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 3 7 C 1.9069372 7 1 7.9069372 1 9 L 1 23 C 1 24.093063 1.9069372 25 3 25 L 29 25 C 30.093063 25 31 24.093063 31 23 L 31 9 C 31 7.9069372 30.093063 7 29 7 L 3 7 z M 3 9 L 29 9 L 29 23 L 3 23 L 3 9 z M 5 11 L 5 13 L 7 13 L 7 11 L 5 11 z M 9 11 L 9 13 L 11 13 L 11 11 L 9 11 z M 13 11 L 13 13 L 15 13 L 15 11 L 13 11 z M 17 11 L 17 13 L 19 13 L 19 11 L 17 11 z M 21 11 L 21 13 L 23 13 L 23 11 L 21 11 z M 25 11 L 25 13 L 27 13 L 27 11 L 25 11 z M 5 15 L 5 17 L 9 17 L 9 15 L 5 15 z M 11 15 L 11 17 L 13 17 L 13 15 L 11 15 z M 15 15 L 15 17 L 17 17 L 17 15 L 15 15 z M 19 15 L 19 17 L 21 17 L 21 15 L 19 15 z M 23 15 L 23 17 L 27 17 L 27 15 L 23 15 z M 5 19 L 5 21 L 9 21 L 9 19 L 5 19 z M 11 19 L 11 21 L 21 21 L 21 19 L 11 19 z M 23 19 L 23 21 L 27 21 L 27 19 L 23 19 z"/></svg>') 50% 50% no-repeat;
}

.icon-keyboard.icon-16 {
  transform: translate(-0.5px, -0.5px);
}

.icon-link {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 21.75 4 C 20.079 4 18.4935 4.66075 17.3125 5.84375 L 15.84375 7.3125 C 14.66175 8.4945 14 10.079 14 11.75 C 14 12.544 14.1525 13.31525 14.4375 14.03125 L 16.0625 12.40625 C 15.8585 11.11125 16.253 9.71475 17.25 8.71875 L 18.71875 7.25 C 19.52275 6.444 20.612 6 21.75 6 C 22.887 6 23.946 6.445 24.75 7.25 C 26.41 8.909 26.41 11.62125 24.75 13.28125 L 23.28125 14.75 C 22.47625 15.555 21.388 16 20.25 16 C 20.026 16 19.80875 15.9755 19.59375 15.9375 L 17.96875 17.5625 C 18.68475 17.8475 19.457 18 20.25 18 C 21.921 18 23.5065 17.33925 24.6875 16.15625 L 26.15625 14.6875 C 27.33825 13.5055 28 11.921 28 10.25 C 28 8.579 27.33825 7.02575 26.15625 5.84375 C 24.97525 4.66075 23.421 4 21.75 4 z M 19.28125 11.28125 L 11.28125 19.28125 L 12.71875 20.71875 L 20.71875 12.71875 L 19.28125 11.28125 z M 11.75 14 C 10.079 14 8.4935 14.66075 7.3125 15.84375 L 5.84375 17.3125 C 4.66175 18.4945 4 20.079 4 21.75 C 4 23.421 4.66175 24.97425 5.84375 26.15625 C 7.02475 27.33925 8.579 28 10.25 28 C 11.921 28 13.5065 27.33925 14.6875 26.15625 L 16.15625 24.6875 C 17.33825 23.5055 18 21.921 18 20.25 C 18 19.456 17.8475 18.68475 17.5625 17.96875 L 15.9375 19.59375 C 16.1415 20.88875 15.747 22.28525 14.75 23.28125 L 13.28125 24.75 C 12.47725 25.556 11.388 26 10.25 26 C 9.113 26 8.054 25.555 7.25 24.75 C 5.59 23.091 5.59 20.37875 7.25 18.71875 L 8.71875 17.25 C 9.52375 16.445 10.612 16 11.75 16 C 11.974 16 12.19125 16.0245 12.40625 16.0625 L 14.03125 14.4375 C 13.31525 14.1525 12.543 14 11.75 14 z"/></svg>') 50% 50% no-repeat;
}

.icon-menu {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 4 7 L 4 9 L 28 9 L 28 7 L 4 7 z M 4 15 L 4 17 L 28 17 L 28 15 L 4 15 z M 4 23 L 4 25 L 28 25 L 28 23 L 4 23 z"/></svg>') 50% 50% no-repeat;
}

.icon-menu-2 {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 6 C 14.895431 6 14 6.8954305 14 8 C 14 9.1045695 14.895431 10 16 10 C 17.104569 10 18 9.1045695 18 8 C 18 6.8954305 17.104569 6 16 6 z M 16 14 C 14.895431 14 14 14.895431 14 16 C 14 17.104569 14.895431 18 16 18 C 17.104569 18 18 17.104569 18 16 C 18 14.895431 17.104569 14 16 14 z M 16 22 C 14.895431 22 14 22.895431 14 24 C 14 25.104569 14.895431 26 16 26 C 17.104569 26 18 25.104569 18 24 C 18 22.895431 17.104569 22 16 22 z"/></svg>') 50% 50% no-repeat;
}

.icon-news-feed {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 5 5 L 5 6 L 5 10 L 5 11 L 6 11 L 26 11 L 27 11 L 27 10 L 27 6 L 27 5 L 26 5 L 6 5 L 5 5 z M 7 7 L 25 7 L 25 9 L 7 9 L 7 7 z M 5 13 L 5 14 L 5 18 L 5 19 L 6 19 L 26 19 L 27 19 L 27 18 L 27 14 L 27 13 L 26 13 L 6 13 L 5 13 z M 7 15 L 25 15 L 25 17 L 7 17 L 7 15 z M 5 21 L 5 22 L 5 26 L 5 27 L 6 27 L 26 27 L 27 27 L 27 26 L 27 22 L 27 21 L 26 21 L 6 21 L 5 21 z M 7 23 L 25 23 L 25 25 L 7 25 L 7 23 z"/></svg>') 50% 50% no-repeat;
}

.icon-page-overview {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 6 4 L 6 5 L 6 27 L 6 28 L 7 28 L 25 28 L 26 28 L 26 27 L 26 5 L 26 4 L 25 4 L 7 4 L 6 4 z M 8 6 L 24 6 L 24 26 L 8 26 L 8 6 z M 10 9 L 10 11 L 22 11 L 22 9 L 10 9 z M 10 13 L 10 15 L 12 15 L 12 13 L 10 13 z M 14 13 L 14 15 L 22 15 L 22 13 L 14 13 z M 10 17 L 10 19 L 12 19 L 12 17 L 10 17 z M 14 17 L 14 19 L 22 19 L 22 17 L 14 17 z M 10 21 L 10 23 L 12 23 L 12 21 L 10 21 z M 14 21 L 14 23 L 22 23 L 22 21 L 14 21 z"/></svg>') 50% 50% no-repeat;
}

.icon-pin-3 {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M20.47 2.563l-.72.75c-1.045 1.15-1.542 2.605-1.656 4.062l-4.063 4.063c-2.47-.44-5.127.253-7.03 2.156l-.72.72.72.686 4.313 4.313L3 27.593V29h1.406l8.282-8.313 4.218 4.22.688.718.718-.72c2.096-2.094 2.69-4.973 2.063-7.56l3.563-3.564c1.737.208 3.513-.293 4.78-1.56l.688-.72-.687-.72-7.5-7.5-.75-.717zm.218 3.062l5.687 5.688c-.825.466-1.716.758-2.625.53l-.563-.155-.406.406-4.186 4.187-.438.44.188.593c.587 1.762.315 3.75-.844 5.375L9.312 14.5c1.455-1 3.206-1.46 4.844-1.03l.53.155.408-.406 4.625-4.626.28-.28v-.408c0-.803.293-1.563.688-2.28z"/></svg>') 50% 50% no-repeat;
}

.icon-plus-math {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 15 5 L 15 15 L 5 15 L 5 17 L 15 17 L 15 27 L 17 27 L 17 17 L 27 17 L 27 15 L 17 15 L 17 5 L 15 5 z"/></svg>') 50% 50% no-repeat;
}

.icon-pocket {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 7 5 C 5.3550302 5 4 6.3550302 4 8 L 4 15 C 4 21.615466 9.3845336 27 16 27 C 22.615466 27 28 21.615466 28 15 L 28 8 C 28 6.3550302 26.64497 5 25 5 L 7 5 z M 7 7 L 25 7 C 25.56503 7 26 7.4349698 26 8 L 26 15 C 26 20.534534 21.534534 25 16 25 C 10.465466 25 6 20.534534 6 15 L 6 8 C 6 7.4349698 6.4349698 7 7 7 z M 10.65625 11.40625 C 10.272625 11.40625 9.88625 11.582 9.59375 11.875 C 9.00875 12.461 9.00775 13.38375 9.59375 13.96875 L 15 19.375 C 15.281 19.656 15.6655 19.8125 16.0625 19.8125 C 16.4605 19.8125 16.844 19.656 17.125 19.375 L 22.40625 14.125 C 22.99125 13.541 22.99125 12.586 22.40625 12 C 21.82025 11.414 20.86625 11.415 20.28125 12 L 16.0625 16.21875 L 11.71875 11.875 C 11.42575 11.582 11.039875 11.40625 10.65625 11.40625 z"/></svg>') 50% 50% no-repeat;
}

.icon-refresh {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 4 C 10.888652 4 6.6170137 7.16109 4.875 11.625 L 6.71875 12.375 C 8.1767363 8.63891 11.711348 6 16 6 C 19.240366 6 22.133605 7.5895584 23.9375 10 L 20 10 L 20 12 L 26 12 L 27 12 L 27 11 L 27 5 L 25 5 L 25 8.09375 C 22.810028 5.580832 19.57094 4 16 4 z M 25.28125 19.625 C 23.823264 23.36109 20.288652 26 16 26 C 12.723524 26 9.8434309 24.388336 8.03125 22 L 12 22 L 12 20 L 6 20 L 5 20 L 5 21 L 5 27 L 7 27 L 7 23.90625 C 9.1885848 26.385518 12.394607 28 16 28 C 21.111348 28 25.382986 24.83891 27.125 20.375 L 25.28125 19.625 z"/></svg>') 50% 50% no-repeat;
}

.icon-replace {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 19.070313 5.15625 21.875 7.0625 24 L 5 24 L 5 26 L 11 26 L 11 20 L 9 20 L 9 23.125 C 7.15625 21.3125 6 18.792969 6 16 C 6 10.464844 10.464844 6 16 6 Z M 18.25 4.21875 L 17.6875 6.15625 C 18.347656 6.269531 19.003906 6.445313 19.625 6.6875 L 20.15625 4.75 C 19.53125 4.519531 18.90625 4.34375 18.25 4.21875 Z M 21 6 L 21 12 L 23 12 L 23 8.875 C 24.847656 10.683594 26 13.199219 26 16 C 26 21.535156 21.535156 26 16 26 L 16 28 C 22.617188 28 28 22.617188 28 16 C 28 12.921875 26.820313 10.121094 24.90625 8 L 27 8 L 27 6 Z M 12.375 25.3125 L 11.84375 27.25 C 12.46875 27.480469 13.09375 27.65625 13.75 27.78125 L 14.3125 25.84375 C 13.652344 25.730469 12.996094 25.554688 12.375 25.3125 Z"/></svg>');
}

.icon-settings {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 13.1875 3 L 13.03125 3.8125 L 12.4375 6.78125 C 11.485754 7.1553109 10.623396 7.6844912 9.84375 8.3125 L 6.9375 7.3125 L 6.15625 7.0625 L 5.75 7.78125 L 3.75 11.21875 L 3.34375 11.9375 L 3.9375 12.46875 L 6.1875 14.4375 C 6.1039547 14.950261 6 15.459106 6 16 C 6 16.540894 6.1039547 17.049739 6.1875 17.5625 L 3.9375 19.53125 L 3.34375 20.0625 L 3.75 20.78125 L 5.75 24.21875 L 6.15625 24.9375 L 6.9375 24.6875 L 9.84375 23.6875 C 10.62363 24.315572 11.486197 24.844746 12.4375 25.21875 L 13.03125 28.1875 L 13.1875 29 L 14 29 L 18 29 L 18.8125 29 L 18.96875 28.1875 L 19.5625 25.21875 C 20.514246 24.844689 21.376604 24.315509 22.15625 23.6875 L 25.0625 24.6875 L 25.84375 24.9375 L 26.25 24.21875 L 28.25 20.78125 L 28.65625 20.0625 L 28.0625 19.53125 L 25.8125 17.5625 C 25.896017 17.049492 26 16.540894 26 16 C 26 15.459106 25.896045 14.950261 25.8125 14.4375 L 28.0625 12.46875 L 28.65625 11.9375 L 28.25 11.21875 L 26.25 7.78125 L 25.84375 7.0625 L 25.0625 7.3125 L 22.15625 8.3125 C 21.37637 7.684428 20.513803 7.1552541 19.5625 6.78125 L 18.96875 3.8125 L 18.8125 3 L 18 3 L 14 3 L 13.1875 3 z M 14.8125 5 L 17.1875 5 L 17.6875 7.59375 L 17.8125 8.1875 L 18.375 8.375 C 19.512308 8.729911 20.54376 9.3303666 21.40625 10.125 L 21.84375 10.53125 L 22.40625 10.34375 L 24.9375 9.46875 L 26.125 11.5 L 24.125 13.28125 L 23.65625 13.65625 L 23.8125 14.25 C 23.940067 14.820459 24 15.402764 24 16 C 24 16.597236 23.94016 17.178228 23.8125 17.75 L 23.6875 18.34375 L 24.125 18.71875 L 26.125 20.5 L 24.9375 22.53125 L 22.40625 21.65625 L 21.84375 21.46875 L 21.40625 21.875 C 20.543507 22.669866 19.513125 23.27011 18.375 23.625 L 17.8125 23.8125 L 17.6875 24.40625 L 17.1875 27 L 14.8125 27 L 14.3125 24.40625 L 14.1875 23.8125 L 13.625 23.625 C 12.487692 23.270089 11.45624 22.669633 10.59375 21.875 L 10.15625 21.46875 L 9.59375 21.65625 L 7.0625 22.53125 L 5.875 20.5 L 7.875 18.71875 L 8.34375 18.34375 L 8.1875 17.75 C 8.0599327 17.179541 8 16.597236 8 16 C 8 15.402764 8.0599327 14.820459 8.1875 14.25 L 8.34375 13.65625 L 7.875 13.28125 L 5.875 11.5 L 7.0625 9.46875 L 9.59375 10.34375 L 10.15625 10.53125 L 10.59375 10.125 C 11.456493 9.3301336 12.486875 8.7298898 13.625 8.375 L 14.1875 8.1875 L 14.3125 7.59375 L 14.8125 5 z M 16 11 C 13.250421 11 11 13.250421 11 16 C 11 18.749579 13.250421 21 16 21 C 18.749579 21 21 18.749579 21 16 C 21 13.250421 18.749579 11 16 11 z M 16 13 C 17.668699 13 19 14.331301 19 16 C 19 17.668699 17.668699 19 16 19 C 14.331301 19 13 17.668699 13 16 C 13 14.331301 14.331301 13 16 13 z"/></svg>') 50% 50% no-repeat;
}

.icon-share {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 4c-2.144 0-3.884 1.72-3.97 3.844C8.427 9.374 6 12.944 6 17c0 .17-.008.36 0 .563-1.185.696-2 1.972-2 3.437 0 2.197 1.803 4 4 4 .575 0 1.13-.122 1.625-.344C11.358 26.112 13.618 27 16 27s4.642-.888 6.375-2.344c.496.222 1.05.344 1.625.344 2.197 0 4-1.803 4-4 0-1.48-.825-2.777-2.03-3.47.015-.16.03-.32.03-.53 0-4.057-2.426-7.625-6.03-9.156C19.883 5.72 18.143 4 16 4zm0 2c1.116 0 2 .884 2 2s-.884 2-2 2-2-.884-2-2 .884-2 2-2zm-3.53 3.844C13.14 11.118 14.47 12 16 12c1.53 0 2.86-.882 3.53-2.156C22.21 11.144 24 13.88 24 17c-2.197 0-4 1.803-4 4 0 .895.31 1.706.813 2.375C19.474 24.387 17.756 25 16 25c-1.756 0-3.475-.613-4.813-1.625.503-.67.813-1.48.813-2.375 0-2.197-1.803-4-4-4 0-3.12 1.79-5.856 4.47-7.156zM8 19c1.116 0 2 .884 2 2s-.884 2-2 2-2-.884-2-2 .884-2 2-2zm16 0c1.116 0 2 .884 2 2s-.884 2-2 2-2-.884-2-2 .884-2 2-2z"/></svg>') 50% 50% no-repeat;
}

.icon-spinner {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 3 C 14.343146 3 13 4.3431458 13 6 C 13 7.6568542 14.343146 9 16 9 C 17.656854 9 19 7.6568542 19 6 C 19 4.3431458 17.656854 3 16 3 z M 8.9375 6.4375 C 7.5567881 6.4375 6.4375 7.5567881 6.4375 8.9375 C 6.4375 10.318212 7.5567881 11.4375 8.9375 11.4375 C 10.318212 11.4375 11.4375 10.318212 11.4375 8.9375 C 11.4375 7.5567881 10.318212 6.4375 8.9375 6.4375 z M 23.0625 7.9375 C 22.510215 7.9375 22.0625 8.3852153 22.0625 8.9375 C 22.0625 9.4897848 22.510215 9.9375 23.0625 9.9375 C 23.614785 9.9375 24.0625 9.4897848 24.0625 8.9375 C 24.0625 8.3852153 23.614785 7.9375 23.0625 7.9375 z M 6 13.75 C 4.7573593 13.75 3.75 14.757359 3.75 16 C 3.75 17.242641 4.7573593 18.25 6 18.25 C 7.2426407 18.25 8.25 17.242641 8.25 16 C 8.25 14.757359 7.2426407 13.75 6 13.75 z M 26 14.75 C 25.309644 14.75 24.75 15.309644 24.75 16 C 24.75 16.690356 25.309644 17.25 26 17.25 C 26.690356 17.25 27.25 16.690356 27.25 16 C 27.25 15.309644 26.690356 14.75 26 14.75 z M 8.9375 21.0625 C 7.8329305 21.0625 6.9375 21.957931 6.9375 23.0625 C 6.9375 24.16707 7.8329305 25.0625 8.9375 25.0625 C 10.042069 25.0625 10.9375 24.16707 10.9375 23.0625 C 10.9375 21.957931 10.042069 21.0625 8.9375 21.0625 z M 23.0625 21.5625 C 22.234073 21.5625 21.5625 22.234073 21.5625 23.0625 C 21.5625 23.890927 22.234073 24.5625 23.0625 24.5625 C 23.890927 24.5625 24.5625 23.890927 24.5625 23.0625 C 24.5625 22.234073 23.890927 21.5625 23.0625 21.5625 z M 16 24.25 C 15.033502 24.25 14.25 25.033502 14.25 26 C 14.25 26.966498 15.033502 27.75 16 27.75 C 16.966498 27.75 17.75 26.966498 17.75 26 C 17.75 25.033502 16.966498 24.25 16 24.25 z"/></svg>') 50% 50% no-repeat;
}

.icon-trash {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 15 4 C 14.477778 4 13.939531 4.1854695 13.5625 4.5625 C 13.185469 4.9395305 13 5.4777778 13 6 L 13 7 L 7 7 L 7 9 L 8 9 L 8 25 C 8 26.645455 9.3545455 28 11 28 L 23 28 C 24.645455 28 26 26.645455 26 25 L 26 9 L 27 9 L 27 7 L 21 7 L 21 6 C 21 5.4777778 20.814531 4.9395305 20.4375 4.5625 C 20.060469 4.1854695 19.522222 4 19 4 L 15 4 z M 15 6 L 19 6 L 19 7 L 15 7 L 15 6 z M 10 9 L 24 9 L 24 25 C 24 25.554545 23.554545 26 23 26 L 11 26 C 10.445455 26 10 25.554545 10 25 L 10 9 z M 12 12 L 12 23 L 14 23 L 14 12 L 12 12 z M 16 12 L 16 23 L 18 23 L 18 12 L 16 12 z M 20 12 L 20 23 L 22 23 L 22 12 L 20 12 z"/></svg>') 50% 50% no-repeat;
}

.icon-twitter {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M28,8.557c-0.883,0.392-1.832,0.656-2.828,0.775c1.017-0.609,1.797-1.574,2.165-2.724c-0.951,0.564-2.005,0.974-3.127,1.195 c-0.898-0.957-2.178-1.555-3.594-1.555c-2.719,0-4.924,2.205-4.924,4.924c0,0.386,0.044,0.762,0.127,1.122 c-4.092-0.205-7.72-2.166-10.149-5.145C5.247,7.876,5.004,8.722,5.004,9.625c0,1.708,0.869,3.215,2.19,4.098 c-0.807-0.026-1.566-0.247-2.23-0.616c0,0.021,0,0.041,0,0.062c0,2.386,1.697,4.376,3.95,4.828C8.501,18.11,8.066,18.17,7.616,18.17 c-0.317,0-0.626-0.031-0.926-0.088c0.627,1.956,2.445,3.38,4.6,3.42c-1.685,1.321-3.808,2.108-6.115,2.108 c-0.397,0-0.789-0.023-1.175-0.069c2.179,1.397,4.767,2.212,7.548,2.212c9.057,0,14.009-7.503,14.009-14.01 c0-0.213-0.005-0.426-0.014-0.637C26.505,10.411,27.34,9.544,28,8.557z"/></svg>') 50% 50% no-repeat;
}

.icon-warning {
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M 16 3.21875 L 15.125 4.71875 L 3.125 25.5 L 2.28125 27 L 4 27 L 28 27 L 29.71875 27 L 28.875 25.5 L 16.875 4.71875 L 16 3.21875 z M 16 7.21875 L 26.25 25 L 5.75 25 L 16 7.21875 z M 15 14 L 15 20 L 17 20 L 17 14 L 15 14 z M 15 21 L 15 23 L 17 23 L 17 21 L 15 21 z"/></svg>') 50% 50% no-repeat;
}

.icon-16 {
  width: 16px;
  height: 16px;
  mask-size: 16px;
}

.icon-20 {
  width: 20px;
  height: 20px;
  mask-size: 20px;
}

.icon-24 {
  width: 24px;
  height: 24px;
  mask-size: 24px;
}

.icon-32 {
  width: 32px;
  height: 32px;
  mask-size: 32px;
}

.icon-40 {
  width: 40px;
  height: 40px;
  mask-size: 40px;
}

.icon-48 {
  width: 48px;
  height: 48px;
  mask-size: 48px;
}

.icon-width-16 {
  width: 16px;
}

.icon-width-20 {
  width: 20px;
}

.icon-width-24 {
  width: 24px;
}

.icon-width-32 {
  width: 32px;
}

.icon-width-40 {
  width: 40px;
}

.icon-width-48 {
  width: 48px;
}
