.iconp {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 10em 20em; /* Cập nhật chiều cao background-size thành 20em */
    vertical-align: -0.1em;
    font-size: 32px;
}

.icon1 { background-position: -1em -0em; -webkit-mask-position: -1em -0em; mask-position: -1em -0em; }
.icon2 { background-position: -2em -0em; -webkit-mask-position: -2em -0em; mask-position: -2em -0em; }
.icon3 { background-position: -3em -0em; -webkit-mask-position: -3em -0em; mask-position: -3em -0em; }
.icon4 { background-position: -4em -0em; -webkit-mask-position: -4em -0em; mask-position: -4em -0em; }
.icon5 { background-position: -5em -0em; -webkit-mask-position: -5em -0em; mask-position: -5em -0em; }
.icon6 { background-position: -6em -0em; -webkit-mask-position: -6em -0em; mask-position: -6em -0em; }
.icon7 { background-position: -7em -0em; -webkit-mask-position: -7em -0em; mask-position: -7em -0em; }
.icon8 { background-position: -8em -0em; -webkit-mask-position: -8em -0em; mask-position: -8em -0em; }
.icon9 { background-position: -9em -0em; -webkit-mask-position: -9em -0em; mask-position: -9em -0em; }
.icon10 { background-position: 0em -1em; -webkit-mask-position: 0em -1em; mask-position: 0em -1em; }
.icon11 { background-position: -1em -1em; -webkit-mask-position: -1em -1em; mask-position: -1em -1em; }
.icon12 { background-position: -2em -1em; -webkit-mask-position: -2em -1em; mask-position: -2em -1em; }
.icon13 { background-position: -3em -1em; -webkit-mask-position: -3em -1em; mask-position: -3em -1em; }
.icon14 { background-position: -4em -1em; -webkit-mask-position: -4em -1em; mask-position: -4em -1em; }
.icon15 { background-position: -5em -1em; -webkit-mask-position: -5em -1em; mask-position: -5em -1em; }
.icon16 { background-position: -6em -1em; -webkit-mask-position: -6em -1em; mask-position: -6em -1em; }
.icon17 { background-position: -7em -1em; -webkit-mask-position: -7em -1em; mask-position: -7em -1em; }
.icon18 { background-position: -8em -1em; -webkit-mask-position: -8em -1em; mask-position: -8em -1em; }
.icon19 { background-position: -9em -1em; -webkit-mask-position: -9em -1em; mask-position: -9em -1em; }
.icon20 { background-position: 0em -2em; -webkit-mask-position: 0em -2em; mask-position: 0em -2em; }
.icon21 { background-position: -1em -2em; -webkit-mask-position: -1em -2em; mask-position: -1em -2em; }
.icon22 { background-position: -2em -2em; -webkit-mask-position: -2em -2em; mask-position: -2em -2em; }
.icon23 { background-position: -3em -2em; -webkit-mask-position: -3em -2em; mask-position: -3em -2em; }
.icon24 { background-position: -4em -2em; -webkit-mask-position: -4em -2em; mask-position: -4em -2em; }
.icon25 { background-position: -5em -2em; -webkit-mask-position: -5em -2em; mask-position: -5em -2em; }
.icon26 { background-position: -6em -2em; -webkit-mask-position: -6em -2em; mask-position: -6em -2em; }
.icon27 { background-position: -7em -2em; -webkit-mask-position: -7em -2em; mask-position: -7em -2em; }
.icon28 { background-position: -8em -2em; -webkit-mask-position: -8em -2em; mask-position: -8em -2em; }
.icon29 { background-position: -9em -2em; -webkit-mask-position: -9em -2em; mask-position: -9em -2em; }
.icon30 { background-position: 0em -3em; -webkit-mask-position: 0em -3em; mask-position: 0em -3em; }
.icon31 { background-position: -1em -3em; -webkit-mask-position: -1em -3em; mask-position: -1em -3em; }
.icon32 { background-position: -2em -3em; -webkit-mask-position: -2em -3em; mask-position: -2em -3em; }
.icon33 { background-position: -3em -3em; -webkit-mask-position: -3em -3em; mask-position: -3em -3em; }
.icon34 { background-position: -4em -3em; -webkit-mask-position: -4em -3em; mask-position: -4em -3em; }
.icon35 { background-position: -5em -3em; -webkit-mask-position: -5em -3em; mask-position: -5em -3em; }
.icon36 { background-position: -6em -3em; -webkit-mask-position: -6em -3em; mask-position: -6em -3em; }
.icon37 { background-position: -7em -3em; -webkit-mask-position: -7em -3em; mask-position: -7em -3em; }
.icon38 { background-position: -8em -3em; -webkit-mask-position: -8em -3em; mask-position: -8em -3em; }
.icon39 { background-position: -9em -3em; -webkit-mask-position: -9em -3em; mask-position: -9em -3em; }
.icon40 { background-position: 0em -4em; -webkit-mask-position: 0em -4em; mask-position: 0em -4em; }
.icon41 { background-position: -1em -4em; -webkit-mask-position: -1em -4em; mask-position: -1em -4em; }
.icon42 { background-position: -2em -4em; -webkit-mask-position: -2em -4em; mask-position: -2em -4em; }
.icon43 { background-position: -3em -4em; -webkit-mask-position: -3em -4em; mask-position: -3em -4em; }
.icon44 { background-position: -4em -4em; -webkit-mask-position: -4em -4em; mask-position: -4em -4em; }
.icon45 { background-position: -5em -4em; -webkit-mask-position: -5em -4em; mask-position: -5em -4em; }
.icon46 { background-position: -6em -4em; -webkit-mask-position: -6em -4em; mask-position: -6em -4em; }
.icon47 { background-position: -7em -4em; -webkit-mask-position: -7em -4em; mask-position: -7em -4em; }
.icon48 { background-position: -8em -4em; -webkit-mask-position: -8em -4em; mask-position: -8em -4em; }
.icon49 { background-position: -9em -4em; -webkit-mask-position: -9em -4em; mask-position: -9em -4em; }
.icon50 { background-position: 0em -5em; -webkit-mask-position: 0em -5em; mask-position: 0em -5em; }
.icon51 { background-position: -1em -5em; -webkit-mask-position: -1em -5em; mask-position: -1em -5em; }
.icon52 { background-position: -2em -5em; -webkit-mask-position: -2em -5em; mask-position: -2em -5em; }
.icon53 { background-position: -3em -5em; -webkit-mask-position: -3em -5em; mask-position: -3em -5em; }
.icon54 { background-position: -4em -5em; -webkit-mask-position: -4em -5em; mask-position: -4em -5em; }
.icon55 { background-position: -5em -5em; -webkit-mask-position: -5em -5em; mask-position: -5em -5em; }
.icon56 { background-position: -6em -5em; -webkit-mask-position: -6em -5em; mask-position: -6em -5em; }
.icon57 { background-position: -7em -5em; -webkit-mask-position: -7em -5em; mask-position: -7em -5em; }
.icon58 { background-position: -8em -5em; -webkit-mask-position: -8em -5em; mask-position: -8em -5em; }
.icon59 { background-position: -9em -5em; -webkit-mask-position: -9em -5em; mask-position: -9em -5em; }
.icon60 { background-position: 0em -6em; -webkit-mask-position: 0em -6em; mask-position: 0em -6em; }
.icon61 { background-position: -1em -6em; -webkit-mask-position: -1em -6em; mask-position: -1em -6em; }
.icon62 { background-position: -2em -6em; -webkit-mask-position: -2em -6em; mask-position: -2em -6em; }
.icon63 { background-position: -3em -6em; -webkit-mask-position: -3em -6em; mask-position: -3em -6em; }
.icon64 { background-position: -4em -6em; -webkit-mask-position: -4em -6em; mask-position: -4em -6em; }
.icon65 { background-position: -5em -6em; -webkit-mask-position: -5em -6em; mask-position: -5em -6em; }
.icon66 { background-position: -6em -6em; -webkit-mask-position: -6em -6em; mask-position: -6em -6em; }
.icon67 { background-position: -7em -6em; -webkit-mask-position: -7em -6em; mask-position: -7em -6em; }
.icon68 { background-position: -8em -6em; -webkit-mask-position: -8em -6em; mask-position: -8em -6em; }
.icon69 { background-position: -9em -6em; -webkit-mask-position: -9em -6em; mask-position: -9em -6em; }
.icon70 { background-position: 0em -7em; -webkit-mask-position: 0em -7em; mask-position: 0em -7em; }
.icon71 { background-position: -1em -7em; -webkit-mask-position: -1em -7em; mask-position: -1em -7em; }
.icon72 { background-position: -2em -7em; -webkit-mask-position: -2em -7em; mask-position: -2em -7em; }
.icon73 { background-position: -3em -7em; -webkit-mask-position: -3em -7em; mask-position: -3em -7em; }
.icon74 { background-position: -4em -7em; -webkit-mask-position: -4em -7em; mask-position: -4em -7em; }
.icon75 { background-position: -5em -7em; -webkit-mask-position: -5em -7em; mask-position: -5em -7em; }
.icon76 { background-position: -6em -7em; -webkit-mask-position: -6em -7em; mask-position: -6em -7em; }
.icon77 { background-position: -7em -7em; -webkit-mask-position: -7em -7em; mask-position: -7em -7em; }
.icon78 { background-position: -8em -7em; -webkit-mask-position: -8em -7em; mask-position: -8em -7em; }
.icon79 { background-position: -9em -7em; -webkit-mask-position: -9em -7em; mask-position: -9em -7em; }
.icon80 { background-position: 0em -8em; -webkit-mask-position: 0em -8em; mask-position: 0em -8em; }
.icon81 { background-position: -1em -8em; -webkit-mask-position: -1em -8em; mask-position: -1em -8em; }
.icon82 { background-position: -2em -8em; -webkit-mask-position: -2em -8em; mask-position: -2em -8em; }
.icon83 { background-position: -3em -8em; -webkit-mask-position: -3em -8em; mask-position: -3em -8em; }
.icon84 { background-position: -4em -8em; -webkit-mask-position: -4em -8em; mask-position: -4em -8em; }
.icon85 { background-position: -5em -8em; -webkit-mask-position: -5em -8em; mask-position: -5em -8em; }
.icon86 { background-position: -6em -8em; -webkit-mask-position: -6em -8em; mask-position: -6em -8em; }
.icon87 { background-position: -7em -8em; -webkit-mask-position: -7em -8em; mask-position: -7em -8em; }
.icon88 { background-position: -8em -8em; -webkit-mask-position: -8em -8em; mask-position: -8em -8em; }
.icon89 { background-position: -9em -8em; -webkit-mask-position: -9em -8em; mask-position: -9em -8em; }
.icon90 { background-position: 0em -9em; -webkit-mask-position: 0em -9em; mask-position: 0em -9em; }
.icon91 { background-position: -1em -9em; -webkit-mask-position: -1em -9em; mask-position: -1em -9em; }
.icon92 { background-position: -2em -9em; -webkit-mask-position: -2em -9em; mask-position: -2em -9em; }
.icon93 { background-position: -3em -9em; -webkit-mask-position: -3em -9em; mask-position: -3em -9em; }
.icon94 { background-position: -4em -9em; -webkit-mask-position: -4em -9em; mask-position: -4em -9em; }
.icon95 { background-position: -5em -9em; -webkit-mask-position: -5em -9em; mask-position: -5em -9em; }
.icon96 { background-position: -6em -9em; -webkit-mask-position: -6em -9em; mask-position: -6em -9em; }
.icon97 { background-position: -7em -9em; -webkit-mask-position: -7em -9em; mask-position: -7em -9em; }
.icon98 { background-position: -8em -9em; -webkit-mask-position: -8em -9em; mask-position: -8em -9em; }
.icon99 { background-position: -9em -9em; -webkit-mask-position: -9em -9em; mask-position: -9em -9em; }

/* Các icon tiếp theo từ icon100 đến icon199 (Hàng 10 đến Hàng 19) */
.icon100 { background-position: 0em -10em; -webkit-mask-position: 0em -10em; mask-position: 0em -10em; }
.icon101 { background-position: -1em -10em; -webkit-mask-position: -1em -10em; mask-position: -1em -10em; }
.icon102 { background-position: -2em -10em; -webkit-mask-position: -2em -10em; mask-position: -2em -10em; }
.icon103 { background-position: -3em -10em; -webkit-mask-position: -3em -10em; mask-position: -3em -10em; }
.icon104 { background-position: -4em -10em; -webkit-mask-position: -4em -10em; mask-position: -4em -10em; }
.icon105 { background-position: -5em -10em; -webkit-mask-position: -5em -10em; mask-position: -5em -10em; }
.icon106 { background-position: -6em -10em; -webkit-mask-position: -6em -10em; mask-position: -6em -10em; }
.icon107 { background-position: -7em -10em; -webkit-mask-position: -7em -10em; mask-position: -7em -10em; }
.icon108 { background-position: -8em -10em; -webkit-mask-position: -8em -10em; mask-position: -8em -10em; }
.icon109 { background-position: -9em -10em; -webkit-mask-position: -9em -10em; mask-position: -9em -10em; }

.icon110 { background-position: 0em -11em; -webkit-mask-position: 0em -11em; mask-position: 0em -11em; }
.icon111 { background-position: -1em -11em; -webkit-mask-position: -1em -11em; mask-position: -1em -11em; }
.icon112 { background-position: -2em -11em; -webkit-mask-position: -2em -11em; mask-position: -2em -11em; }
.icon113 { background-position: -3em -11em; -webkit-mask-position: -3em -11em; mask-position: -3em -11em; }
.icon114 { background-position: -4em -11em; -webkit-mask-position: -4em -11em; mask-position: -4em -11em; }
.icon115 { background-position: -5em -11em; -webkit-mask-position: -5em -11em; mask-position: -5em -11em; }
.icon116 { background-position: -6em -11em; -webkit-mask-position: -6em -11em; mask-position: -6em -11em; }
.icon117 { background-position: -7em -11em; -webkit-mask-position: -7em -11em; mask-position: -7em -11em; }
.icon118 { background-position: -8em -11em; -webkit-mask-position: -8em -11em; mask-position: -8em -11em; }
.icon119 { background-position: -9em -11em; -webkit-mask-position: -9em -11em; mask-position: -9em -11em; }

.icon120 { background-position: 0em -12em; -webkit-mask-position: 0em -12em; mask-position: 0em -12em; }
.icon121 { background-position: -1em -12em; -webkit-mask-position: -1em -12em; mask-position: -1em -12em; }
.icon122 { background-position: -2em -12em; -webkit-mask-position: -2em -12em; mask-position: -2em -12em; }
.icon123 { background-position: -3em -12em; -webkit-mask-position: -3em -12em; mask-position: -3em -12em; }
.icon124 { background-position: -4em -12em; -webkit-mask-position: -4em -12em; mask-position: -4em -12em; }
.icon125 { background-position: -5em -12em; -webkit-mask-position: -5em -12em; mask-position: -5em -12em; }
.icon126 { background-position: -6em -12em; -webkit-mask-position: -6em -12em; mask-position: -6em -12em; }
.icon127 { background-position: -7em -12em; -webkit-mask-position: -7em -12em; mask-position: -7em -12em; }
.icon128 { background-position: -8em -12em; -webkit-mask-position: -8em -12em; mask-position: -8em -12em; }
.icon129 { background-position: -9em -12em; -webkit-mask-position: -9em -12em; mask-position: -9em -12em; }

.icon130 { background-position: 0em -13em; -webkit-mask-position: 0em -13em; mask-position: 0em -13em; }
.icon131 { background-position: -1em -13em; -webkit-mask-position: -1em -13em; mask-position: -1em -13em; }
.icon132 { background-position: -2em -13em; -webkit-mask-position: -2em -13em; mask-position: -2em -13em; }
.icon133 { background-position: -3em -13em; -webkit-mask-position: -3em -13em; mask-position: -3em -13em; }
.icon134 { background-position: -4em -13em; -webkit-mask-position: -4em -13em; mask-position: -4em -13em; }
.icon135 { background-position: -5em -13em; -webkit-mask-position: -5em -13em; mask-position: -5em -13em; }
.icon136 { background-position: -6em -13em; -webkit-mask-position: -6em -13em; mask-position: -6em -13em; }
.icon137 { background-position: -7em -13em; -webkit-mask-position: -7em -13em; mask-position: -7em -13em; }
.icon138 { background-position: -8em -13em; -webkit-mask-position: -8em -13em; mask-position: -8em -13em; }
.icon139 { background-position: -9em -13em; -webkit-mask-position: -9em -13em; mask-position: -9em -13em; }

.icon140 { background-position: 0em -14em; -webkit-mask-position: 0em -14em; mask-position: 0em -14em; }
.icon141 { background-position: -1em -14em; -webkit-mask-position: -1em -14em; mask-position: -1em -14em; }
.icon142 { background-position: -2em -14em; -webkit-mask-position: -2em -14em; mask-position: -2em -14em; }
.icon143 { background-position: -3em -14em; -webkit-mask-position: -3em -14em; mask-position: -3em -14em; }
.icon144 { background-position: -4em -14em; -webkit-mask-position: -4em -14em; mask-position: -4em -14em; }
.icon145 { background-position: -5em -14em; -webkit-mask-position: -5em -14em; mask-position: -5em -14em; }
.icon146 { background-position: -6em -14em; -webkit-mask-position: -6em -14em; mask-position: -6em -14em; }
.icon147 { background-position: -7em -14em; -webkit-mask-position: -7em -14em; mask-position: -7em -14em; }
.icon148 { background-position: -8em -14em; -webkit-mask-position: -8em -14em; mask-position: -8em -14em; }
.icon149 { background-position: -9em -14em; -webkit-mask-position: -9em -14em; mask-position: -9em -14em; }

.icon150 { background-position: 0em -15em; -webkit-mask-position: 0em -15em; mask-position: 0em -15em; }
.icon151 { background-position: -1em -15em; -webkit-mask-position: -1em -15em; mask-position: -1em -15em; }
.icon152 { background-position: -2em -15em; -webkit-mask-position: -2em -15em; mask-position: -2em -15em; }
.icon153 { background-position: -3em -15em; -webkit-mask-position: -3em -15em; mask-position: -3em -15em; }
.icon154 { background-position: -4em -15em; -webkit-mask-position: -4em -15em; mask-position: -4em -15em; }
.icon155 { background-position: -5em -15em; -webkit-mask-position: -5em -15em; mask-position: -5em -15em; }
.icon156 { background-position: -6em -15em; -webkit-mask-position: -6em -15em; mask-position: -6em -15em; }
.icon157 { background-position: -7em -15em; -webkit-mask-position: -7em -15em; mask-position: -7em -15em; }
.icon158 { background-position: -8em -15em; -webkit-mask-position: -8em -15em; mask-position: -8em -15em; }
.icon159 { background-position: -9em -15em; -webkit-mask-position: -9em -15em; mask-position: -9em -15em; }

.icon160 { background-position: 0em -16em; -webkit-mask-position: 0em -16em; mask-position: 0em -16em; }
.icon161 { background-position: -1em -16em; -webkit-mask-position: -1em -16em; mask-position: -1em -16em; }
.icon162 { background-position: -2em -16em; -webkit-mask-position: -2em -16em; mask-position: -2em -16em; }
.icon163 { background-position: -3em -16em; -webkit-mask-position: -3em -16em; mask-position: -3em -16em; }
.icon164 { background-position: -4em -16em; -webkit-mask-position: -4em -16em; mask-position: -4em -16em; }
.icon165 { background-position: -5em -16em; -webkit-mask-position: -5em -16em; mask-position: -5em -16em; }
.icon166 { background-position: -6em -16em; -webkit-mask-position: -6em -16em; mask-position: -6em -16em; }
.icon167 { background-position: -7em -16em; -webkit-mask-position: -7em -16em; mask-position: -7em -16em; }
.icon168 { background-position: -8em -16em; -webkit-mask-position: -8em -16em; mask-position: -8em -16em; }
.icon169 { background-position: -9em -16em; -webkit-mask-position: -9em -16em; mask-position: -9em -16em; }

.icon170 { background-position: 0em -17em; -webkit-mask-position: 0em -17em; mask-position: 0em -17em; }
.icon171 { background-position: -1em -17em; -webkit-mask-position: -1em -17em; mask-position: -1em -17em; }
.icon172 { background-position: -2em -17em; -webkit-mask-position: -2em -17em; mask-position: -2em -17em; }
.icon173 { background-position: -3em -17em; -webkit-mask-position: -3em -17em; mask-position: -3em -17em; }
.icon174 { background-position: -4em -17em; -webkit-mask-position: -4em -17em; mask-position: -4em -17em; }
.icon175 { background-position: -5em -17em; -webkit-mask-position: -5em -17em; mask-position: -5em -17em; }
.icon176 { background-position: -6em -17em; -webkit-mask-position: -6em -17em; mask-position: -6em -17em; }
.icon177 { background-position: -7em -17em; -webkit-mask-position: -7em -17em; mask-position: -7em -17em; }
.icon178 { background-position: -8em -17em; -webkit-mask-position: -8em -17em; mask-position: -8em -17em; }
.icon179 { background-position: -9em -17em; -webkit-mask-position: -9em -17em; mask-position: -9em -17em; }

.icon180 { background-position: 0em -18em; -webkit-mask-position: 0em -18em; mask-position: 0em -18em; }
.icon181 { background-position: -1em -18em; -webkit-mask-position: -1em -18em; mask-position: -1em -18em; }
.icon182 { background-position: -2em -18em; -webkit-mask-position: -2em -18em; mask-position: -2em -18em; }
.icon183 { background-position: -3em -18em; -webkit-mask-position: -3em -18em; mask-position: -3em -18em; }
.icon184 { background-position: -4em -18em; -webkit-mask-position: -4em -18em; mask-position: -4em -18em; }
.icon185 { background-position: -5em -18em; -webkit-mask-position: -5em -18em; mask-position: -5em -18em; }
.icon186 { background-position: -6em -18em; -webkit-mask-position: -6em -18em; mask-position: -6em -18em; }
.icon187 { background-position: -7em -18em; -webkit-mask-position: -7em -18em; mask-position: -7em -18em; }
.icon188 { background-position: -8em -18em; -webkit-mask-position: -8em -18em; mask-position: -8em -18em; }
.icon189 { background-position: -9em -18em; -webkit-mask-position: -9em -18em; mask-position: -9em -18em; }

.icon190 { background-position: 0em -19em; -webkit-mask-position: 0em -19em; mask-position: 0em -19em; }
.icon191 { background-position: -1em -19em; -webkit-mask-position: -1em -19em; mask-position: -1em -19em; }
.icon192 { background-position: -2em -19em; -webkit-mask-position: -2em -19em; mask-position: -2em -19em; }
.icon193 { background-position: -3em -19em; -webkit-mask-position: -3em -19em; mask-position: -3em -19em; }
.icon194 { background-position: -4em -19em; -webkit-mask-position: -4em -19em; mask-position: -4em -19em; }
.icon195 { background-position: -5em -19em; -webkit-mask-position: -5em -19em; mask-position: -5em -19em; }
.icon196 { background-position: -6em -19em; -webkit-mask-position: -6em -19em; mask-position: -6em -19em; }
.icon197 { background-position: -7em -19em; -webkit-mask-position: -7em -19em; mask-position: -7em -19em; }
.icon198 { background-position: -8em -19em; -webkit-mask-position: -8em -19em; mask-position: -8em -19em; }
.icon199 { background-position: -9em -19em; -webkit-mask-position: -9em -19em; mask-position: -9em -19em; }