<link rel="stylesheet" id="elegant_icons-css" href="https://cdn.jsdelivr.net/npm/@icon/elegant-icons@0.0.1-alpha.4/elegant-icons.min.css" type="text/css">

<div class="el-icon-resp-type1 mywrap"> </div>

/*ElegantIcons*/
@font-face {
  font-family: "elegant-icons";
}

[class^="el-icon-resp-"],
[class*=" el-icon-resp-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-resp-type1:before {
  content: "\e017";
  font-family: "elegant-icons";
}

.mywrap.el-icon-resp-type1::before {
  font-size: 2rem;
  margin-right: 25px;
}