PNG  IHDRQgAMA a cHRMz&u0`:pQ<bKGDgmIDATxwUﹻ& ^CX(J I@ "% (** BX +*i"]j(IH{~R)[~>h{}gy)I$Ij .I$I$ʊy@}x.: $I$Ii}VZPC)I$IF ^0ʐJ$I$Q^}{"r=OzI$gRZeC.IOvH eKX $IMpxsk.쒷/&r[޳<v| .I~)@$updYRa$I |M.e JaֶpSYR6j>h%IRز if&uJ)M$I vLi=H;7UJ,],X$I1AҒJ$ XY XzI@GNҥRT)E@;]K*Mw;#5_wOn~\ DC&$(A5 RRFkvIR}l!RytRl;~^ǷJj اy뷦BZJr&ӥ8Pjw~vnv X^(I;4R=P[3]J,]ȏ~:3?[ a&e)`e*P[4]T=Cq6R[ ~ޤrXR Հg(t_HZ-Hg M$ãmL5R uk*`%C-E6/%[t X.{8P9Z.vkXŐKjgKZHg(aK9ڦmKjѺm_ \#$5,)-  61eJ,5m| r'= &ڡd%-]J on Xm|{ RҞe $eڧY XYrԮ-a7RK6h>n$5AVڴi*ֆK)mѦtmr1p| q:흺,)Oi*ֺK)ܬ֦K-5r3>0ԔHjJئEZj,%re~/z%jVMڸmrt)3]J,T K֦OvԒgii*bKiNO~%PW0=dii2tJ9Jݕ{7"I P9JKTbu,%r"6RKU}Ij2HKZXJ,妝 XYrP ެ24c%i^IK|.H,%rb:XRl1X4Pe/`x&P8Pj28Mzsx2r\zRPz4J}yP[g=L) .Q[6RjWgp FIH*-`IMRaK9TXcq*I y[jE>cw%gLRԕiFCj-ďa`#e~I j,%r,)?[gp FI˨mnWX#>mʔ XA DZf9,nKҲzIZXJ,L#kiPz4JZF,I,`61%2s $,VOϚ2/UFJfy7K> X+6 STXIeJILzMfKm LRaK9%|4p9LwJI!`NsiazĔ)%- XMq>pk$-$Q2x#N ؎-QR}ᶦHZډ)J,l#i@yn3LN`;nڔ XuX5pF)m|^0(>BHF9(cզEerJI rg7 4I@z0\JIi䵙RR0s;$s6eJ,`n 䂦0a)S)A 1eJ,堌#635RIgpNHuTH_SԕqVe ` &S)>p;S$魁eKIuX`I4춒o}`m$1":PI<[v9^\pTJjriRŭ P{#{R2,`)e-`mgj~1ϣLKam7&U\j/3mJ,`F;M'䱀 .KR#)yhTq;pcK9(q!w?uRR,n.yw*UXj#\]ɱ(qv2=RqfB#iJmmL<]Y͙#$5 uTU7ӦXR+q,`I}qL'`6Kͷ6r,]0S$- [RKR3oiRE|nӦXR.(i:LDLTJjY%o:)6rxzҒqTJjh㞦I.$YR.ʼnGZ\ֿf:%55 I˼!6dKxm4E"mG_ s? .e*?LRfK9%q#uh$)i3ULRfK9yxm܌bj84$i1U^@Wbm4uJ,ҪA>_Ij?1v32[gLRD96oTaR׿N7%L2 NT,`)7&ƝL*꽙yp_$M2#AS,`)7$rkTA29_Iye"|/0t)$n XT2`YJ;6Jx".e<`$) PI$5V4]29SRI>~=@j]lp2`K9Jaai^" Ԋ29ORI%:XV5]JmN9]H;1UC39NI%Xe78t)a;Oi Ҙ>Xt"~G>_mn:%|~ޅ_+]$o)@ǀ{hgN;IK6G&rp)T2i୦KJuv*T=TOSV>(~D>dm,I*Ɛ:R#ۙNI%D>G.n$o;+#RR!.eU˽TRI28t)1LWϚ>IJa3oFbu&:tJ*(F7y0ZR ^p'Ii L24x| XRI%ۄ>S1]Jy[zL$adB7.eh4%%누>WETf+3IR:I3Xה)3אOۦSRO'ٺ)S}"qOr[B7ϙ.edG)^ETR"RtRݜh0}LFVӦDB^k_JDj\=LS(Iv─aTeZ%eUAM-0;~˃@i|l @S4y72>sX-vA}ϛBI!ݎߨWl*)3{'Y|iSlEڻ(5KtSI$Uv02,~ԩ~x;P4ցCrO%tyn425:KMlD ^4JRxSهF_}شJTS6uj+ﷸk$eZO%G*^V2u3EMj3k%)okI]dT)URKDS 7~m@TJR~荪fT"֛L \sM -0T KfJz+nإKr L&j()[E&I ߴ>e FW_kJR|!O:5/2跌3T-'|zX ryp0JS ~^F>-2< `*%ZFP)bSn"L :)+pʷf(pO3TMW$~>@~ū:TAIsV1}S2<%ޟM?@iT ,Eūoz%i~g|`wS(]oȤ8)$ ntu`өe`6yPl IzMI{ʣzʨ )IZ2= ld:5+請M$-ї;U>_gsY$ÁN5WzWfIZ)-yuXIfp~S*IZdt;t>KūKR|$#LcԀ+2\;kJ`]YǔM1B)UbG"IRߊ<xܾӔJ0Z='Y嵤 Leveg)$znV-º^3Ւof#0Tfk^Zs[*I꯳3{)ˬW4Ւ4 OdpbZRS|*I 55#"&-IvT&/윚Ye:i$ 9{LkuRe[I~_\ؠ%>GL$iY8 9ܕ"S`kS.IlC;Ҏ4x&>u_0JLr<J2(^$5L s=MgV ~,Iju> 7r2)^=G$1:3G< `J3~&IR% 6Tx/rIj3O< ʔ&#f_yXJiގNSz; Tx(i8%#4 ~AS+IjerIUrIj362v885+IjAhK__5X%nV%Iͳ-y|7XV2v4fzo_68"S/I-qbf; LkF)KSM$ Ms>K WNV}^`-큧32ŒVؙGdu,^^m%6~Nn&͓3ŒVZMsRpfEW%IwdǀLm[7W&bIRL@Q|)* i ImsIMmKmyV`i$G+R 0tV'!V)֏28vU7͒vHꦼtxꗞT ;S}7Mf+fIRHNZUkUx5SAJㄌ9MqμAIRi|j5)o*^'<$TwI1hEU^c_j?Е$%d`z cyf,XO IJnTgA UXRD }{H}^S,P5V2\Xx`pZ|Yk:$e ~ @nWL.j+ϝYb퇪bZ BVu)u/IJ_ 1[p.p60bC >|X91P:N\!5qUB}5a5ja `ubcVxYt1N0Zzl4]7­gKj]?4ϻ *[bg$)+À*x쳀ogO$~,5 زUS9 lq3+5mgw@np1sso Ӻ=|N6 /g(Wv7U;zωM=wk,0uTg_`_P`uz?2yI!b`kĸSo+Qx%!\οe|އԁKS-s6pu_(ֿ$i++T8=eY; צP+phxWQv*|p1. ά. XRkIQYP,drZ | B%wP|S5`~́@i޾ E;Չaw{o'Q?%iL{u D?N1BD!owPHReFZ* k_-~{E9b-~P`fE{AܶBJAFO wx6Rox5 K5=WwehS8 (JClJ~ p+Fi;ŗo+:bD#g(C"wA^ r.F8L;dzdIHUX݆ϞXg )IFqem%I4dj&ppT{'{HOx( Rk6^C٫O.)3:s(۳(Z?~ٻ89zmT"PLtw䥈5&b<8GZ-Y&K?e8,`I6e(֍xb83 `rzXj)F=l($Ij 2*(F?h(/9ik:I`m#p3MgLaKjc/U#n5S# m(^)=y=đx8ŬI[U]~SцA4p$-F i(R,7Cx;X=cI>{Km\ o(Tv2vx2qiiDJN,Ҏ!1f 5quBj1!8 rDFd(!WQl,gSkL1Bxg''՞^ǘ;pQ P(c_ IRujg(Wz bs#P­rz> k c&nB=q+ؔXn#r5)co*Ũ+G?7< |PQӣ'G`uOd>%Mctz# Ԫڞ&7CaQ~N'-P.W`Oedp03C!IZcIAMPUۀ5J<\u~+{9(FbbyAeBhOSܳ1 bÈT#ŠyDžs,`5}DC-`̞%r&ڙa87QWWp6e7 Rϫ/oY ꇅ Nܶըtc!LA T7V4Jsū I-0Pxz7QNF_iZgúWkG83 0eWr9 X]㾮݁#Jˢ C}0=3ݱtBi]_ &{{[/o[~ \q鯜00٩|cD3=4B_b RYb$óBRsf&lLX#M*C_L܄:gx)WΘsGSbuL rF$9';\4Ɍq'n[%p.Q`u hNb`eCQyQ|l_C>Lb꟟3hSb #xNxSs^ 88|Mz)}:](vbۢamŖ࿥ 0)Q7@0=?^k(*J}3ibkFn HjB׻NO z x}7p 0tfDX.lwgȔhԾŲ }6g E |LkLZteu+=q\Iv0쮑)QٵpH8/2?Σo>Jvppho~f>%bMM}\//":PTc(v9v!gոQ )UfVG+! 35{=x\2+ki,y$~A1iC6#)vC5^>+gǵ@1Hy٪7u;p psϰu/S <aʸGu'tD1ԝI<pg|6j'p:tպhX{o(7v],*}6a_ wXRk,O]Lܳ~Vo45rp"N5k;m{rZbΦ${#)`(Ŵg,;j%6j.pyYT?}-kBDc3qA`NWQū20/^AZW%NQ MI.X#P#,^Ebc&?XR tAV|Y.1!؅⨉ccww>ivl(JT~ u`ٵDm q)+Ri x/x8cyFO!/*!/&,7<.N,YDŽ&ܑQF1Bz)FPʛ?5d 6`kQձ λc؎%582Y&nD_$Je4>a?! ͨ|ȎWZSsv8 j(I&yj Jb5m?HWp=g}G3#|I,5v珿] H~R3@B[☉9Ox~oMy=J;xUVoj bUsl_35t-(ՃɼRB7U!qc+x4H_Qo֮$[GO<4`&č\GOc[.[*Af%mG/ ňM/r W/Nw~B1U3J?P&Y )`ѓZ1p]^l“W#)lWZilUQu`-m|xĐ,_ƪ|9i:_{*(3Gѧ}UoD+>m_?VPۅ15&}2|/pIOʵ> GZ9cmíتmnz)yߐbD >e}:) r|@R5qVSA10C%E_'^8cR7O;6[eKePGϦX7jb}OTGO^jn*媓7nGMC t,k31Rb (vyܴʭ!iTh8~ZYZp(qsRL ?b}cŨʊGO^!rPJO15MJ[c&~Z`"ѓޔH1C&^|Ш|rʼ,AwĴ?b5)tLU)F| &g٣O]oqSUjy(x<Ϳ3 .FSkoYg2 \_#wj{u'rQ>o;%n|F*O_L"e9umDds?.fuuQbIWz |4\0 sb;OvxOSs; G%T4gFRurj(֍ڑb uԖKDu1MK{1^ q; C=6\8FR艇!%\YÔU| 88m)֓NcLve C6z;o&X x59:q61Z(T7>C?gcļxѐ Z oo-08jہ x,`' ҔOcRlf~`jj".Nv+sM_]Zk g( UOPyεx%pUh2(@il0ݽQXxppx-NS( WO+轾 nFߢ3M<;z)FBZjciu/QoF 7R¥ ZFLF~#ȣߨ^<쩡ݛкvџ))ME>ώx4m#!-m!L;vv#~Y[đKmx9.[,UFS CVkZ +ߟrY٧IZd/ioi$%͝ب_ֶX3ܫhNU ZZgk=]=bbJS[wjU()*I =ώ:}-蹞lUj:1}MWm=̛ _ ¾,8{__m{_PVK^n3esw5ӫh#$-q=A̟> ,^I}P^J$qY~Q[ Xq9{#&T.^GVj__RKpn,b=`żY@^՝;z{paVKkQXj/)y TIc&F;FBG7wg ZZDG!x r_tƢ!}i/V=M/#nB8 XxЫ ^@CR<{䤭YCN)eKOSƟa $&g[i3.C6xrOc8TI;o hH6P&L{@q6[ Gzp^71j(l`J}]e6X☉#͕ ׈$AB1Vjh㭦IRsqFBjwQ_7Xk>y"N=MB0 ,C #o6MRc0|$)ف"1!ixY<B9mx `,tA>)5ػQ?jQ?cn>YZe Tisvh# GMމȇp:ԴVuږ8ɼH]C.5C!UV;F`mbBk LTMvPʍϤj?ԯ/Qr1NB`9s"s TYsz &9S%U԰> {<ؿSMxB|H\3@!U| k']$U+> |HHMLޢ?V9iD!-@x TIî%6Z*9X@HMW#?nN ,oe6?tQwڱ.]-y':mW0#!J82qFjH -`ѓ&M0u Uγmxϵ^-_\])@0Rt.8/?ٰCY]x}=sD3ojަЫNuS%U}ԤwHH>ڗjܷ_3gN q7[q2la*ArǓԖ+p8/RGM ]jacd(JhWko6ڎbj]i5Bj3+3!\j1UZLsLTv8HHmup<>gKMJj0@H%,W΃7R) ">c, xixј^ aܖ>H[i.UIHc U1=yW\=S*GR~)AF=`&2h`DzT󑓶J+?W+}C%P:|0H܆}-<;OC[~o.$~i}~HQ TvXΈr=b}$vizL4:ȰT|4~*!oXQR6Lk+#t/g lԁߖ[Jڶ_N$k*". xsxX7jRVbAAʯKҎU3)zSNN _'s?f)6X!%ssAkʱ>qƷb hg %n ~p1REGMHH=BJiy[<5 ǁJҖgKR*倳e~HUy)Ag,K)`Vw6bRR:qL#\rclK/$sh*$ 6덤 KԖc 3Z9=Ɣ=o>X Ώ"1 )a`SJJ6k(<c e{%kϊP+SL'TcMJWRm ŏ"w)qc ef꒵i?b7b('"2r%~HUS1\<(`1Wx9=8HY9m:X18bgD1u ~|H;K-Uep,, C1 RV.MR5άh,tWO8WC$ XRVsQS]3GJ|12 [vM :k#~tH30Rf-HYݺ-`I9%lIDTm\ S{]9gOڒMNCV\G*2JRŨ;Rҏ^ڽ̱mq1Eu?To3I)y^#jJw^Ńj^vvlB_⋌P4x>0$c>K†Aļ9s_VjTt0l#m>E-,,x,-W)سo&96RE XR.6bXw+)GAEvL)͞K4$p=Ũi_ѱOjb HY/+@θH9޼]Nԥ%n{ &zjT? Ty) s^ULlb,PiTf^<À] 62R^V7)S!nllS6~͝V}-=%* ʻ>G DnK<y&>LPy7'r=Hj 9V`[c"*^8HpcO8bnU`4JȪAƋ#1_\ XϘHPRgik(~G~0DAA_2p|J묭a2\NCr]M_0 ^T%e#vD^%xy-n}-E\3aS%yN!r_{ )sAw ڼp1pEAk~v<:`'ӭ^5 ArXOI驻T (dk)_\ PuA*BY]yB"l\ey hH*tbK)3 IKZ򹞋XjN n *n>k]X_d!ryBH ]*R 0(#'7 %es9??ښFC,ՁQPjARJ\Ρw K#jahgw;2$l*) %Xq5!U᢯6Re] |0[__64ch&_}iL8KEgҎ7 M/\`|.p,~`a=BR?xܐrQ8K XR2M8f ?`sgWS%" Ԉ 7R%$ N}?QL1|-эټwIZ%pvL3Hk>,ImgW7{E xPHx73RA @RS CC !\ȟ5IXR^ZxHл$Q[ŝ40 (>+ _C >BRt<,TrT {O/H+˟Pl6 I B)/VC<6a2~(XwV4gnXR ϱ5ǀHٻ?tw똤Eyxp{#WK qG%5],(0ӈH HZ])ג=K1j&G(FbM@)%I` XRg ʔ KZG(vP,<`[ Kn^ SJRsAʠ5xՅF`0&RbV tx:EaUE/{fi2;.IAwW8/tTxAGOoN?G}l L(n`Zv?pB8K_gI+ܗ #i?ޙ.) p$utc ~DžfՈEo3l/)I-U?aԅ^jxArA ΧX}DmZ@QLےbTXGd.^|xKHR{|ΕW_h] IJ`[G9{).y) 0X YA1]qp?p_k+J*Y@HI>^?gt.06Rn ,` ?);p pSF9ZXLBJPWjgQ|&)7! HjQt<| ؅W5 x W HIzYoVMGP Hjn`+\(dNW)F+IrS[|/a`K|ͻ0Hj{R,Q=\ (F}\WR)AgSG`IsnAR=|8$}G(vC$)s FBJ?]_u XRvύ6z ŨG[36-T9HzpW̞ú Xg큽=7CufzI$)ki^qk-) 0H*N` QZkk]/tnnsI^Gu't=7$ Z;{8^jB% IItRQS7[ϭ3 $_OQJ`7!]W"W,)Iy W AJA;KWG`IY{8k$I$^%9.^(`N|LJ%@$I}ֽp=FB*xN=gI?Q{٥4B)mw $Igc~dZ@G9K X?7)aK%݅K$IZ-`IpC U6$I\0>!9k} Xa IIS0H$I H ?1R.Чj:4~Rw@p$IrA*u}WjWFPJ$I➓/6#! LӾ+ X36x8J |+L;v$Io4301R20M I$-E}@,pS^ޟR[/s¹'0H$IKyfŸfVOπFT*a$I>He~VY/3R/)>d$I>28`Cjw,n@FU*9ttf$I~<;=/4RD~@ X-ѕzἱI$: ԍR a@b X{+Qxuq$IЛzo /~3\8ڒ4BN7$IҀj V]n18H$IYFBj3̵̚ja pp $Is/3R Ӻ-Yj+L;.0ŔI$Av? #!5"aʄj}UKmɽH$IjCYs?h$IDl843.v}m7UiI=&=0Lg0$I4: embe` eQbm0u? $IT!Sƍ'-sv)s#C0:XB2a w I$zbww{."pPzO =Ɔ\[ o($Iaw]`E).Kvi:L*#gР7[$IyGPI=@R 4yR~̮´cg I$I/<tPͽ hDgo 94Z^k盇΄8I56^W$I^0̜N?4*H`237}g+hxoq)SJ@p|` $I%>-hO0eO>\ԣNߌZD6R=K ~n($I$y3D>o4b#px2$yڪtzW~a $I~?x'BwwpH$IZݑnC㧄Pc_9sO gwJ=l1:mKB>Ab<4Lp$Ib o1ZQ@85b̍ S'F,Fe,^I$IjEdù{l4 8Ys_s Z8.x m"+{~?q,Z D!I$ϻ'|XhB)=…']M>5 rgotԎ 獽PH$IjIPhh)n#cÔqA'ug5qwU&rF|1E%I$%]!'3AFD/;Ck_`9 v!ٴtPV;x`'*bQa w I$Ix5 FC3D_~A_#O݆DvV?<qw+I$I{=Z8".#RIYyjǪ=fDl9%M,a8$I$Ywi[7ݍFe$s1ՋBVA?`]#!oz4zjLJo8$I$%@3jAa4(o ;p,,dya=F9ً[LSPH$IJYЉ+3> 5"39aZ<ñh!{TpBGkj}Sp $IlvF.F$I z< '\K*qq.f<2Y!S"-\I$IYwčjF$ w9 \ߪB.1v!Ʊ?+r:^!I$BϹB H"B;L'G[ 4U#5>੐)|#o0aڱ$I>}k&1`U#V?YsV x>{t1[I~D&(I$I/{H0fw"q"y%4 IXyE~M3 8XψL}qE$I[> nD?~sf ]o΁ cT6"?'_Ἣ $I>~.f|'!N?⟩0G KkXZE]ޡ;/&?k OۘH$IRۀwXӨ<7@PnS04aӶp.:@\IWQJ6sS%I$e5ڑv`3:x';wq_vpgHyXZ 3gЂ7{{EuԹn±}$I$8t;b|591nءQ"P6O5i }iR̈́%Q̄p!I䮢]O{H$IRϻ9s֧ a=`- aB\X0"+5"C1Hb?߮3x3&gşggl_hZ^,`5?ߎvĸ%̀M!OZC2#0x LJ0 Gw$I$I}<{Eb+y;iI,`ܚF:5ܛA8-O-|8K7s|#Z8a&><a&/VtbtLʌI$I$I$I$I$I$IRjDD%tEXtdate:create2022-05-31T04:40:26+00:00!Î%tEXtdate:modify2022-05-31T04:40:26+00:00|{2IENDB`Mini Shell

HOME


Mini Shell 1.0
DIR:/home/zehnconsultants.com/www/assets/vendor/bootstrap-icons/
Upload File :
Current File : /home/zehnconsultants.com/www/assets/vendor/bootstrap-icons/index.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>bootstrap-icons</title>

  <style>
    .icons {
      display: grid;
      max-width: 100%;
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) );
      gap: 1.25rem;
    }
    .icon {
      background-color: var(--bs-light);
      border-radius: .25rem;
    }
    .bi {
      margin: .25rem;
      font-size: 2.5rem;
    }
    .label {
      font-family: var(--bs-font-monospace);
    }
    .label {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      padding: .25rem;
      font-size: .625rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  </style>

  <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="bootstrap-icons.css">
</head>
<body class="text-center">

  <h1>bootstrap-icons</h1>

  <div class="icons">
    <div class="icon">
      <i class="bi bi-alarm-fill"></i>
      <div class="label">alarm-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-alarm"></i>
      <div class="label">alarm</div>
    </div>
    <div class="icon">
      <i class="bi bi-align-bottom"></i>
      <div class="label">align-bottom</div>
    </div>
    <div class="icon">
      <i class="bi bi-align-center"></i>
      <div class="label">align-center</div>
    </div>
    <div class="icon">
      <i class="bi bi-align-end"></i>
      <div class="label">align-end</div>
    </div>
    <div class="icon">
      <i class="bi bi-align-middle"></i>
      <div class="label">align-middle</div>
    </div>
    <div class="icon">
      <i class="bi bi-align-start"></i>
      <div class="label">align-start</div>
    </div>
    <div class="icon">
      <i class="bi bi-align-top"></i>
      <div class="label">align-top</div>
    </div>
    <div class="icon">
      <i class="bi bi-alt"></i>
      <div class="label">alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-app-indicator"></i>
      <div class="label">app-indicator</div>
    </div>
    <div class="icon">
      <i class="bi bi-app"></i>
      <div class="label">app</div>
    </div>
    <div class="icon">
      <i class="bi bi-archive-fill"></i>
      <div class="label">archive-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-archive"></i>
      <div class="label">archive</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-90deg-down"></i>
      <div class="label">arrow-90deg-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-90deg-left"></i>
      <div class="label">arrow-90deg-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-90deg-right"></i>
      <div class="label">arrow-90deg-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-90deg-up"></i>
      <div class="label">arrow-90deg-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-bar-down"></i>
      <div class="label">arrow-bar-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-bar-left"></i>
      <div class="label">arrow-bar-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-bar-right"></i>
      <div class="label">arrow-bar-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-bar-up"></i>
      <div class="label">arrow-bar-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-clockwise"></i>
      <div class="label">arrow-clockwise</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-counterclockwise"></i>
      <div class="label">arrow-counterclockwise</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-circle-fill"></i>
      <div class="label">arrow-down-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-circle"></i>
      <div class="label">arrow-down-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-left-circle-fill"></i>
      <div class="label">arrow-down-left-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-left-circle"></i>
      <div class="label">arrow-down-left-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-left-square-fill"></i>
      <div class="label">arrow-down-left-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-left-square"></i>
      <div class="label">arrow-down-left-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-left"></i>
      <div class="label">arrow-down-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-right-circle-fill"></i>
      <div class="label">arrow-down-right-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-right-circle"></i>
      <div class="label">arrow-down-right-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-right-square-fill"></i>
      <div class="label">arrow-down-right-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-right-square"></i>
      <div class="label">arrow-down-right-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-right"></i>
      <div class="label">arrow-down-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-short"></i>
      <div class="label">arrow-down-short</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-square-fill"></i>
      <div class="label">arrow-down-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-square"></i>
      <div class="label">arrow-down-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down-up"></i>
      <div class="label">arrow-down-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-down"></i>
      <div class="label">arrow-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-left-circle-fill"></i>
      <div class="label">arrow-left-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-left-circle"></i>
      <div class="label">arrow-left-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-left-right"></i>
      <div class="label">arrow-left-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-left-short"></i>
      <div class="label">arrow-left-short</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-left-square-fill"></i>
      <div class="label">arrow-left-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-left-square"></i>
      <div class="label">arrow-left-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-left"></i>
      <div class="label">arrow-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-repeat"></i>
      <div class="label">arrow-repeat</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-return-left"></i>
      <div class="label">arrow-return-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-return-right"></i>
      <div class="label">arrow-return-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-right-circle-fill"></i>
      <div class="label">arrow-right-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-right-circle"></i>
      <div class="label">arrow-right-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-right-short"></i>
      <div class="label">arrow-right-short</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-right-square-fill"></i>
      <div class="label">arrow-right-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-right-square"></i>
      <div class="label">arrow-right-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-right"></i>
      <div class="label">arrow-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-circle-fill"></i>
      <div class="label">arrow-up-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-circle"></i>
      <div class="label">arrow-up-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-left-circle-fill"></i>
      <div class="label">arrow-up-left-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-left-circle"></i>
      <div class="label">arrow-up-left-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-left-square-fill"></i>
      <div class="label">arrow-up-left-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-left-square"></i>
      <div class="label">arrow-up-left-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-left"></i>
      <div class="label">arrow-up-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-right-circle-fill"></i>
      <div class="label">arrow-up-right-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-right-circle"></i>
      <div class="label">arrow-up-right-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-right-square-fill"></i>
      <div class="label">arrow-up-right-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-right-square"></i>
      <div class="label">arrow-up-right-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-right"></i>
      <div class="label">arrow-up-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-short"></i>
      <div class="label">arrow-up-short</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-square-fill"></i>
      <div class="label">arrow-up-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up-square"></i>
      <div class="label">arrow-up-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrow-up"></i>
      <div class="label">arrow-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrows-angle-contract"></i>
      <div class="label">arrows-angle-contract</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrows-angle-expand"></i>
      <div class="label">arrows-angle-expand</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrows-collapse"></i>
      <div class="label">arrows-collapse</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrows-expand"></i>
      <div class="label">arrows-expand</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrows-fullscreen"></i>
      <div class="label">arrows-fullscreen</div>
    </div>
    <div class="icon">
      <i class="bi bi-arrows-move"></i>
      <div class="label">arrows-move</div>
    </div>
    <div class="icon">
      <i class="bi bi-aspect-ratio-fill"></i>
      <div class="label">aspect-ratio-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-aspect-ratio"></i>
      <div class="label">aspect-ratio</div>
    </div>
    <div class="icon">
      <i class="bi bi-asterisk"></i>
      <div class="label">asterisk</div>
    </div>
    <div class="icon">
      <i class="bi bi-at"></i>
      <div class="label">at</div>
    </div>
    <div class="icon">
      <i class="bi bi-award-fill"></i>
      <div class="label">award-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-award"></i>
      <div class="label">award</div>
    </div>
    <div class="icon">
      <i class="bi bi-back"></i>
      <div class="label">back</div>
    </div>
    <div class="icon">
      <i class="bi bi-backspace-fill"></i>
      <div class="label">backspace-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-backspace-reverse-fill"></i>
      <div class="label">backspace-reverse-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-backspace-reverse"></i>
      <div class="label">backspace-reverse</div>
    </div>
    <div class="icon">
      <i class="bi bi-backspace"></i>
      <div class="label">backspace</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-3d-fill"></i>
      <div class="label">badge-3d-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-3d"></i>
      <div class="label">badge-3d</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-4k-fill"></i>
      <div class="label">badge-4k-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-4k"></i>
      <div class="label">badge-4k</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-8k-fill"></i>
      <div class="label">badge-8k-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-8k"></i>
      <div class="label">badge-8k</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-ad-fill"></i>
      <div class="label">badge-ad-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-ad"></i>
      <div class="label">badge-ad</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-ar-fill"></i>
      <div class="label">badge-ar-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-ar"></i>
      <div class="label">badge-ar</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-cc-fill"></i>
      <div class="label">badge-cc-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-cc"></i>
      <div class="label">badge-cc</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-hd-fill"></i>
      <div class="label">badge-hd-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-hd"></i>
      <div class="label">badge-hd</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-tm-fill"></i>
      <div class="label">badge-tm-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-tm"></i>
      <div class="label">badge-tm</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-vo-fill"></i>
      <div class="label">badge-vo-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-vo"></i>
      <div class="label">badge-vo</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-vr-fill"></i>
      <div class="label">badge-vr-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-vr"></i>
      <div class="label">badge-vr</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-wc-fill"></i>
      <div class="label">badge-wc-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-badge-wc"></i>
      <div class="label">badge-wc</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-check-fill"></i>
      <div class="label">bag-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-check"></i>
      <div class="label">bag-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-dash-fill"></i>
      <div class="label">bag-dash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-dash"></i>
      <div class="label">bag-dash</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-fill"></i>
      <div class="label">bag-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-plus-fill"></i>
      <div class="label">bag-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-plus"></i>
      <div class="label">bag-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-x-fill"></i>
      <div class="label">bag-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag-x"></i>
      <div class="label">bag-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-bag"></i>
      <div class="label">bag</div>
    </div>
    <div class="icon">
      <i class="bi bi-bank"></i>
      <div class="label">bank</div>
    </div>
    <div class="icon">
      <i class="bi bi-bank2"></i>
      <div class="label">bank2</div>
    </div>
    <div class="icon">
      <i class="bi bi-bar-chart-fill"></i>
      <div class="label">bar-chart-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bar-chart-line-fill"></i>
      <div class="label">bar-chart-line-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bar-chart-line"></i>
      <div class="label">bar-chart-line</div>
    </div>
    <div class="icon">
      <i class="bi bi-bar-chart-steps"></i>
      <div class="label">bar-chart-steps</div>
    </div>
    <div class="icon">
      <i class="bi bi-bar-chart"></i>
      <div class="label">bar-chart</div>
    </div>
    <div class="icon">
      <i class="bi bi-basket-fill"></i>
      <div class="label">basket-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-basket"></i>
      <div class="label">basket</div>
    </div>
    <div class="icon">
      <i class="bi bi-basket2-fill"></i>
      <div class="label">basket2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-basket2"></i>
      <div class="label">basket2</div>
    </div>
    <div class="icon">
      <i class="bi bi-basket3-fill"></i>
      <div class="label">basket3-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-basket3"></i>
      <div class="label">basket3</div>
    </div>
    <div class="icon">
      <i class="bi bi-battery-charging"></i>
      <div class="label">battery-charging</div>
    </div>
    <div class="icon">
      <i class="bi bi-battery-full"></i>
      <div class="label">battery-full</div>
    </div>
    <div class="icon">
      <i class="bi bi-battery-half"></i>
      <div class="label">battery-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-battery"></i>
      <div class="label">battery</div>
    </div>
    <div class="icon">
      <i class="bi bi-bell-fill"></i>
      <div class="label">bell-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bell-slash-fill"></i>
      <div class="label">bell-slash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bell-slash"></i>
      <div class="label">bell-slash</div>
    </div>
    <div class="icon">
      <i class="bi bi-bell"></i>
      <div class="label">bell</div>
    </div>
    <div class="icon">
      <i class="bi bi-bezier"></i>
      <div class="label">bezier</div>
    </div>
    <div class="icon">
      <i class="bi bi-bezier2"></i>
      <div class="label">bezier2</div>
    </div>
    <div class="icon">
      <i class="bi bi-bicycle"></i>
      <div class="label">bicycle</div>
    </div>
    <div class="icon">
      <i class="bi bi-binoculars-fill"></i>
      <div class="label">binoculars-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-binoculars"></i>
      <div class="label">binoculars</div>
    </div>
    <div class="icon">
      <i class="bi bi-blockquote-left"></i>
      <div class="label">blockquote-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-blockquote-right"></i>
      <div class="label">blockquote-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-book-fill"></i>
      <div class="label">book-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-book-half"></i>
      <div class="label">book-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-book"></i>
      <div class="label">book</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-check-fill"></i>
      <div class="label">bookmark-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-check"></i>
      <div class="label">bookmark-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-dash-fill"></i>
      <div class="label">bookmark-dash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-dash"></i>
      <div class="label">bookmark-dash</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-fill"></i>
      <div class="label">bookmark-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-heart-fill"></i>
      <div class="label">bookmark-heart-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-heart"></i>
      <div class="label">bookmark-heart</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-plus-fill"></i>
      <div class="label">bookmark-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-plus"></i>
      <div class="label">bookmark-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-star-fill"></i>
      <div class="label">bookmark-star-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-star"></i>
      <div class="label">bookmark-star</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-x-fill"></i>
      <div class="label">bookmark-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark-x"></i>
      <div class="label">bookmark-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmark"></i>
      <div class="label">bookmark</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmarks-fill"></i>
      <div class="label">bookmarks-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookmarks"></i>
      <div class="label">bookmarks</div>
    </div>
    <div class="icon">
      <i class="bi bi-bookshelf"></i>
      <div class="label">bookshelf</div>
    </div>
    <div class="icon">
      <i class="bi bi-bootstrap-fill"></i>
      <div class="label">bootstrap-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bootstrap-reboot"></i>
      <div class="label">bootstrap-reboot</div>
    </div>
    <div class="icon">
      <i class="bi bi-bootstrap"></i>
      <div class="label">bootstrap</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-all"></i>
      <div class="label">border-all</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-bottom"></i>
      <div class="label">border-bottom</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-center"></i>
      <div class="label">border-center</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-inner"></i>
      <div class="label">border-inner</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-left"></i>
      <div class="label">border-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-middle"></i>
      <div class="label">border-middle</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-outer"></i>
      <div class="label">border-outer</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-right"></i>
      <div class="label">border-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-style"></i>
      <div class="label">border-style</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-top"></i>
      <div class="label">border-top</div>
    </div>
    <div class="icon">
      <i class="bi bi-border-width"></i>
      <div class="label">border-width</div>
    </div>
    <div class="icon">
      <i class="bi bi-border"></i>
      <div class="label">border</div>
    </div>
    <div class="icon">
      <i class="bi bi-bounding-box-circles"></i>
      <div class="label">bounding-box-circles</div>
    </div>
    <div class="icon">
      <i class="bi bi-bounding-box"></i>
      <div class="label">bounding-box</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-down-left"></i>
      <div class="label">box-arrow-down-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-down-right"></i>
      <div class="label">box-arrow-down-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-down"></i>
      <div class="label">box-arrow-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-down-left"></i>
      <div class="label">box-arrow-in-down-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-down-right"></i>
      <div class="label">box-arrow-in-down-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-down"></i>
      <div class="label">box-arrow-in-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-left"></i>
      <div class="label">box-arrow-in-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-right"></i>
      <div class="label">box-arrow-in-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-up-left"></i>
      <div class="label">box-arrow-in-up-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-up-right"></i>
      <div class="label">box-arrow-in-up-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-in-up"></i>
      <div class="label">box-arrow-in-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-left"></i>
      <div class="label">box-arrow-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-right"></i>
      <div class="label">box-arrow-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-up-left"></i>
      <div class="label">box-arrow-up-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-up-right"></i>
      <div class="label">box-arrow-up-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-arrow-up"></i>
      <div class="label">box-arrow-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-box-seam"></i>
      <div class="label">box-seam</div>
    </div>
    <div class="icon">
      <i class="bi bi-box"></i>
      <div class="label">box</div>
    </div>
    <div class="icon">
      <i class="bi bi-braces"></i>
      <div class="label">braces</div>
    </div>
    <div class="icon">
      <i class="bi bi-bricks"></i>
      <div class="label">bricks</div>
    </div>
    <div class="icon">
      <i class="bi bi-briefcase-fill"></i>
      <div class="label">briefcase-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-briefcase"></i>
      <div class="label">briefcase</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-alt-high-fill"></i>
      <div class="label">brightness-alt-high-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-alt-high"></i>
      <div class="label">brightness-alt-high</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-alt-low-fill"></i>
      <div class="label">brightness-alt-low-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-alt-low"></i>
      <div class="label">brightness-alt-low</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-high-fill"></i>
      <div class="label">brightness-high-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-high"></i>
      <div class="label">brightness-high</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-low-fill"></i>
      <div class="label">brightness-low-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-brightness-low"></i>
      <div class="label">brightness-low</div>
    </div>
    <div class="icon">
      <i class="bi bi-broadcast-pin"></i>
      <div class="label">broadcast-pin</div>
    </div>
    <div class="icon">
      <i class="bi bi-broadcast"></i>
      <div class="label">broadcast</div>
    </div>
    <div class="icon">
      <i class="bi bi-brush-fill"></i>
      <div class="label">brush-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-brush"></i>
      <div class="label">brush</div>
    </div>
    <div class="icon">
      <i class="bi bi-bucket-fill"></i>
      <div class="label">bucket-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bucket"></i>
      <div class="label">bucket</div>
    </div>
    <div class="icon">
      <i class="bi bi-bug-fill"></i>
      <div class="label">bug-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-bug"></i>
      <div class="label">bug</div>
    </div>
    <div class="icon">
      <i class="bi bi-building"></i>
      <div class="label">building</div>
    </div>
    <div class="icon">
      <i class="bi bi-bullseye"></i>
      <div class="label">bullseye</div>
    </div>
    <div class="icon">
      <i class="bi bi-calculator-fill"></i>
      <div class="label">calculator-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calculator"></i>
      <div class="label">calculator</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-check-fill"></i>
      <div class="label">calendar-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-check"></i>
      <div class="label">calendar-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-date-fill"></i>
      <div class="label">calendar-date-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-date"></i>
      <div class="label">calendar-date</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-day-fill"></i>
      <div class="label">calendar-day-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-day"></i>
      <div class="label">calendar-day</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-event-fill"></i>
      <div class="label">calendar-event-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-event"></i>
      <div class="label">calendar-event</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-fill"></i>
      <div class="label">calendar-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-minus-fill"></i>
      <div class="label">calendar-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-minus"></i>
      <div class="label">calendar-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-month-fill"></i>
      <div class="label">calendar-month-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-month"></i>
      <div class="label">calendar-month</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-plus-fill"></i>
      <div class="label">calendar-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-plus"></i>
      <div class="label">calendar-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-range-fill"></i>
      <div class="label">calendar-range-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-range"></i>
      <div class="label">calendar-range</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-week-fill"></i>
      <div class="label">calendar-week-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-week"></i>
      <div class="label">calendar-week</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-x-fill"></i>
      <div class="label">calendar-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar-x"></i>
      <div class="label">calendar-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar"></i>
      <div class="label">calendar</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-check-fill"></i>
      <div class="label">calendar2-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-check"></i>
      <div class="label">calendar2-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-date-fill"></i>
      <div class="label">calendar2-date-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-date"></i>
      <div class="label">calendar2-date</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-day-fill"></i>
      <div class="label">calendar2-day-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-day"></i>
      <div class="label">calendar2-day</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-event-fill"></i>
      <div class="label">calendar2-event-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-event"></i>
      <div class="label">calendar2-event</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-fill"></i>
      <div class="label">calendar2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-minus-fill"></i>
      <div class="label">calendar2-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-minus"></i>
      <div class="label">calendar2-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-month-fill"></i>
      <div class="label">calendar2-month-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-month"></i>
      <div class="label">calendar2-month</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-plus-fill"></i>
      <div class="label">calendar2-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-plus"></i>
      <div class="label">calendar2-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-range-fill"></i>
      <div class="label">calendar2-range-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-range"></i>
      <div class="label">calendar2-range</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-week-fill"></i>
      <div class="label">calendar2-week-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-week"></i>
      <div class="label">calendar2-week</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-x-fill"></i>
      <div class="label">calendar2-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2-x"></i>
      <div class="label">calendar2-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar2"></i>
      <div class="label">calendar2</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3-event-fill"></i>
      <div class="label">calendar3-event-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3-event"></i>
      <div class="label">calendar3-event</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3-fill"></i>
      <div class="label">calendar3-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3-range-fill"></i>
      <div class="label">calendar3-range-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3-range"></i>
      <div class="label">calendar3-range</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3-week-fill"></i>
      <div class="label">calendar3-week-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3-week"></i>
      <div class="label">calendar3-week</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar3"></i>
      <div class="label">calendar3</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar4-event"></i>
      <div class="label">calendar4-event</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar4-range"></i>
      <div class="label">calendar4-range</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar4-week"></i>
      <div class="label">calendar4-week</div>
    </div>
    <div class="icon">
      <i class="bi bi-calendar4"></i>
      <div class="label">calendar4</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera-fill"></i>
      <div class="label">camera-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera-reels-fill"></i>
      <div class="label">camera-reels-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera-reels"></i>
      <div class="label">camera-reels</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera-video-fill"></i>
      <div class="label">camera-video-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera-video-off-fill"></i>
      <div class="label">camera-video-off-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera-video-off"></i>
      <div class="label">camera-video-off</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera-video"></i>
      <div class="label">camera-video</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera"></i>
      <div class="label">camera</div>
    </div>
    <div class="icon">
      <i class="bi bi-camera2"></i>
      <div class="label">camera2</div>
    </div>
    <div class="icon">
      <i class="bi bi-capslock-fill"></i>
      <div class="label">capslock-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-capslock"></i>
      <div class="label">capslock</div>
    </div>
    <div class="icon">
      <i class="bi bi-card-checklist"></i>
      <div class="label">card-checklist</div>
    </div>
    <div class="icon">
      <i class="bi bi-card-heading"></i>
      <div class="label">card-heading</div>
    </div>
    <div class="icon">
      <i class="bi bi-card-image"></i>
      <div class="label">card-image</div>
    </div>
    <div class="icon">
      <i class="bi bi-card-list"></i>
      <div class="label">card-list</div>
    </div>
    <div class="icon">
      <i class="bi bi-card-text"></i>
      <div class="label">card-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-down-fill"></i>
      <div class="label">caret-down-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-down-square-fill"></i>
      <div class="label">caret-down-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-down-square"></i>
      <div class="label">caret-down-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-down"></i>
      <div class="label">caret-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-left-fill"></i>
      <div class="label">caret-left-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-left-square-fill"></i>
      <div class="label">caret-left-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-left-square"></i>
      <div class="label">caret-left-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-left"></i>
      <div class="label">caret-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-right-fill"></i>
      <div class="label">caret-right-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-right-square-fill"></i>
      <div class="label">caret-right-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-right-square"></i>
      <div class="label">caret-right-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-right"></i>
      <div class="label">caret-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-up-fill"></i>
      <div class="label">caret-up-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-up-square-fill"></i>
      <div class="label">caret-up-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-up-square"></i>
      <div class="label">caret-up-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-caret-up"></i>
      <div class="label">caret-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-check-fill"></i>
      <div class="label">cart-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-check"></i>
      <div class="label">cart-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-dash-fill"></i>
      <div class="label">cart-dash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-dash"></i>
      <div class="label">cart-dash</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-fill"></i>
      <div class="label">cart-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-plus-fill"></i>
      <div class="label">cart-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-plus"></i>
      <div class="label">cart-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-x-fill"></i>
      <div class="label">cart-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart-x"></i>
      <div class="label">cart-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart"></i>
      <div class="label">cart</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart2"></i>
      <div class="label">cart2</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart3"></i>
      <div class="label">cart3</div>
    </div>
    <div class="icon">
      <i class="bi bi-cart4"></i>
      <div class="label">cart4</div>
    </div>
    <div class="icon">
      <i class="bi bi-cash-coin"></i>
      <div class="label">cash-coin</div>
    </div>
    <div class="icon">
      <i class="bi bi-cash-stack"></i>
      <div class="label">cash-stack</div>
    </div>
    <div class="icon">
      <i class="bi bi-cash"></i>
      <div class="label">cash</div>
    </div>
    <div class="icon">
      <i class="bi bi-cast"></i>
      <div class="label">cast</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-dots-fill"></i>
      <div class="label">chat-dots-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-dots"></i>
      <div class="label">chat-dots</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-fill"></i>
      <div class="label">chat-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left-dots-fill"></i>
      <div class="label">chat-left-dots-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left-dots"></i>
      <div class="label">chat-left-dots</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left-fill"></i>
      <div class="label">chat-left-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left-quote-fill"></i>
      <div class="label">chat-left-quote-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left-quote"></i>
      <div class="label">chat-left-quote</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left-text-fill"></i>
      <div class="label">chat-left-text-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left-text"></i>
      <div class="label">chat-left-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-left"></i>
      <div class="label">chat-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-quote-fill"></i>
      <div class="label">chat-quote-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-quote"></i>
      <div class="label">chat-quote</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right-dots-fill"></i>
      <div class="label">chat-right-dots-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right-dots"></i>
      <div class="label">chat-right-dots</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right-fill"></i>
      <div class="label">chat-right-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right-quote-fill"></i>
      <div class="label">chat-right-quote-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right-quote"></i>
      <div class="label">chat-right-quote</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right-text-fill"></i>
      <div class="label">chat-right-text-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right-text"></i>
      <div class="label">chat-right-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-right"></i>
      <div class="label">chat-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square-dots-fill"></i>
      <div class="label">chat-square-dots-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square-dots"></i>
      <div class="label">chat-square-dots</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square-fill"></i>
      <div class="label">chat-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square-quote-fill"></i>
      <div class="label">chat-square-quote-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square-quote"></i>
      <div class="label">chat-square-quote</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square-text-fill"></i>
      <div class="label">chat-square-text-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square-text"></i>
      <div class="label">chat-square-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-square"></i>
      <div class="label">chat-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-text-fill"></i>
      <div class="label">chat-text-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat-text"></i>
      <div class="label">chat-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-chat"></i>
      <div class="label">chat</div>
    </div>
    <div class="icon">
      <i class="bi bi-check-all"></i>
      <div class="label">check-all</div>
    </div>
    <div class="icon">
      <i class="bi bi-check-circle-fill"></i>
      <div class="label">check-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-check-circle"></i>
      <div class="label">check-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-check-lg"></i>
      <div class="label">check-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-check-square-fill"></i>
      <div class="label">check-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-check-square"></i>
      <div class="label">check-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-check"></i>
      <div class="label">check</div>
    </div>
    <div class="icon">
      <i class="bi bi-check2-all"></i>
      <div class="label">check2-all</div>
    </div>
    <div class="icon">
      <i class="bi bi-check2-circle"></i>
      <div class="label">check2-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-check2-square"></i>
      <div class="label">check2-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-check2"></i>
      <div class="label">check2</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-bar-contract"></i>
      <div class="label">chevron-bar-contract</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-bar-down"></i>
      <div class="label">chevron-bar-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-bar-expand"></i>
      <div class="label">chevron-bar-expand</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-bar-left"></i>
      <div class="label">chevron-bar-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-bar-right"></i>
      <div class="label">chevron-bar-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-bar-up"></i>
      <div class="label">chevron-bar-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-compact-down"></i>
      <div class="label">chevron-compact-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-compact-left"></i>
      <div class="label">chevron-compact-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-compact-right"></i>
      <div class="label">chevron-compact-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-compact-up"></i>
      <div class="label">chevron-compact-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-contract"></i>
      <div class="label">chevron-contract</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-double-down"></i>
      <div class="label">chevron-double-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-double-left"></i>
      <div class="label">chevron-double-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-double-right"></i>
      <div class="label">chevron-double-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-double-up"></i>
      <div class="label">chevron-double-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-down"></i>
      <div class="label">chevron-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-expand"></i>
      <div class="label">chevron-expand</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-left"></i>
      <div class="label">chevron-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-right"></i>
      <div class="label">chevron-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-chevron-up"></i>
      <div class="label">chevron-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-circle-fill"></i>
      <div class="label">circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-circle-half"></i>
      <div class="label">circle-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-circle-square"></i>
      <div class="label">circle-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-circle"></i>
      <div class="label">circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-clipboard-check"></i>
      <div class="label">clipboard-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-clipboard-data"></i>
      <div class="label">clipboard-data</div>
    </div>
    <div class="icon">
      <i class="bi bi-clipboard-minus"></i>
      <div class="label">clipboard-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-clipboard-plus"></i>
      <div class="label">clipboard-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-clipboard-x"></i>
      <div class="label">clipboard-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-clipboard"></i>
      <div class="label">clipboard</div>
    </div>
    <div class="icon">
      <i class="bi bi-clock-fill"></i>
      <div class="label">clock-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-clock-history"></i>
      <div class="label">clock-history</div>
    </div>
    <div class="icon">
      <i class="bi bi-clock"></i>
      <div class="label">clock</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-arrow-down-fill"></i>
      <div class="label">cloud-arrow-down-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-arrow-down"></i>
      <div class="label">cloud-arrow-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-arrow-up-fill"></i>
      <div class="label">cloud-arrow-up-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-arrow-up"></i>
      <div class="label">cloud-arrow-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-check-fill"></i>
      <div class="label">cloud-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-check"></i>
      <div class="label">cloud-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-download-fill"></i>
      <div class="label">cloud-download-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-download"></i>
      <div class="label">cloud-download</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-drizzle-fill"></i>
      <div class="label">cloud-drizzle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-drizzle"></i>
      <div class="label">cloud-drizzle</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-fill"></i>
      <div class="label">cloud-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-fog-fill"></i>
      <div class="label">cloud-fog-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-fog"></i>
      <div class="label">cloud-fog</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-fog2-fill"></i>
      <div class="label">cloud-fog2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-fog2"></i>
      <div class="label">cloud-fog2</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-hail-fill"></i>
      <div class="label">cloud-hail-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-hail"></i>
      <div class="label">cloud-hail</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-haze-1"></i>
      <div class="label">cloud-haze-1</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-haze-fill"></i>
      <div class="label">cloud-haze-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-haze"></i>
      <div class="label">cloud-haze</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-haze2-fill"></i>
      <div class="label">cloud-haze2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-lightning-fill"></i>
      <div class="label">cloud-lightning-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-lightning-rain-fill"></i>
      <div class="label">cloud-lightning-rain-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-lightning-rain"></i>
      <div class="label">cloud-lightning-rain</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-lightning"></i>
      <div class="label">cloud-lightning</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-minus-fill"></i>
      <div class="label">cloud-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-minus"></i>
      <div class="label">cloud-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-moon-fill"></i>
      <div class="label">cloud-moon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-moon"></i>
      <div class="label">cloud-moon</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-plus-fill"></i>
      <div class="label">cloud-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-plus"></i>
      <div class="label">cloud-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-rain-fill"></i>
      <div class="label">cloud-rain-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-rain-heavy-fill"></i>
      <div class="label">cloud-rain-heavy-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-rain-heavy"></i>
      <div class="label">cloud-rain-heavy</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-rain"></i>
      <div class="label">cloud-rain</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-slash-fill"></i>
      <div class="label">cloud-slash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-slash"></i>
      <div class="label">cloud-slash</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-sleet-fill"></i>
      <div class="label">cloud-sleet-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-sleet"></i>
      <div class="label">cloud-sleet</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-snow-fill"></i>
      <div class="label">cloud-snow-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-snow"></i>
      <div class="label">cloud-snow</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-sun-fill"></i>
      <div class="label">cloud-sun-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-sun"></i>
      <div class="label">cloud-sun</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-upload-fill"></i>
      <div class="label">cloud-upload-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud-upload"></i>
      <div class="label">cloud-upload</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloud"></i>
      <div class="label">cloud</div>
    </div>
    <div class="icon">
      <i class="bi bi-clouds-fill"></i>
      <div class="label">clouds-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-clouds"></i>
      <div class="label">clouds</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloudy-fill"></i>
      <div class="label">cloudy-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cloudy"></i>
      <div class="label">cloudy</div>
    </div>
    <div class="icon">
      <i class="bi bi-code-slash"></i>
      <div class="label">code-slash</div>
    </div>
    <div class="icon">
      <i class="bi bi-code-square"></i>
      <div class="label">code-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-code"></i>
      <div class="label">code</div>
    </div>
    <div class="icon">
      <i class="bi bi-coin"></i>
      <div class="label">coin</div>
    </div>
    <div class="icon">
      <i class="bi bi-collection-fill"></i>
      <div class="label">collection-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-collection-play-fill"></i>
      <div class="label">collection-play-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-collection-play"></i>
      <div class="label">collection-play</div>
    </div>
    <div class="icon">
      <i class="bi bi-collection"></i>
      <div class="label">collection</div>
    </div>
    <div class="icon">
      <i class="bi bi-columns-gap"></i>
      <div class="label">columns-gap</div>
    </div>
    <div class="icon">
      <i class="bi bi-columns"></i>
      <div class="label">columns</div>
    </div>
    <div class="icon">
      <i class="bi bi-command"></i>
      <div class="label">command</div>
    </div>
    <div class="icon">
      <i class="bi bi-compass-fill"></i>
      <div class="label">compass-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-compass"></i>
      <div class="label">compass</div>
    </div>
    <div class="icon">
      <i class="bi bi-cone-striped"></i>
      <div class="label">cone-striped</div>
    </div>
    <div class="icon">
      <i class="bi bi-cone"></i>
      <div class="label">cone</div>
    </div>
    <div class="icon">
      <i class="bi bi-controller"></i>
      <div class="label">controller</div>
    </div>
    <div class="icon">
      <i class="bi bi-cpu-fill"></i>
      <div class="label">cpu-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cpu"></i>
      <div class="label">cpu</div>
    </div>
    <div class="icon">
      <i class="bi bi-credit-card-2-back-fill"></i>
      <div class="label">credit-card-2-back-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-credit-card-2-back"></i>
      <div class="label">credit-card-2-back</div>
    </div>
    <div class="icon">
      <i class="bi bi-credit-card-2-front-fill"></i>
      <div class="label">credit-card-2-front-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-credit-card-2-front"></i>
      <div class="label">credit-card-2-front</div>
    </div>
    <div class="icon">
      <i class="bi bi-credit-card-fill"></i>
      <div class="label">credit-card-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-credit-card"></i>
      <div class="label">credit-card</div>
    </div>
    <div class="icon">
      <i class="bi bi-crop"></i>
      <div class="label">crop</div>
    </div>
    <div class="icon">
      <i class="bi bi-cup-fill"></i>
      <div class="label">cup-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cup-straw"></i>
      <div class="label">cup-straw</div>
    </div>
    <div class="icon">
      <i class="bi bi-cup"></i>
      <div class="label">cup</div>
    </div>
    <div class="icon">
      <i class="bi bi-currency-bitcoin"></i>
      <div class="label">currency-bitcoin</div>
    </div>
    <div class="icon">
      <i class="bi bi-currency-dollar"></i>
      <div class="label">currency-dollar</div>
    </div>
    <div class="icon">
      <i class="bi bi-currency-euro"></i>
      <div class="label">currency-euro</div>
    </div>
    <div class="icon">
      <i class="bi bi-currency-exchange"></i>
      <div class="label">currency-exchange</div>
    </div>
    <div class="icon">
      <i class="bi bi-currency-pound"></i>
      <div class="label">currency-pound</div>
    </div>
    <div class="icon">
      <i class="bi bi-currency-yen"></i>
      <div class="label">currency-yen</div>
    </div>
    <div class="icon">
      <i class="bi bi-cursor-fill"></i>
      <div class="label">cursor-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-cursor-text"></i>
      <div class="label">cursor-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-cursor"></i>
      <div class="label">cursor</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash-circle-dotted"></i>
      <div class="label">dash-circle-dotted</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash-circle-fill"></i>
      <div class="label">dash-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash-circle"></i>
      <div class="label">dash-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash-lg"></i>
      <div class="label">dash-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash-square-dotted"></i>
      <div class="label">dash-square-dotted</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash-square-fill"></i>
      <div class="label">dash-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash-square"></i>
      <div class="label">dash-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-dash"></i>
      <div class="label">dash</div>
    </div>
    <div class="icon">
      <i class="bi bi-diagram-2-fill"></i>
      <div class="label">diagram-2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-diagram-2"></i>
      <div class="label">diagram-2</div>
    </div>
    <div class="icon">
      <i class="bi bi-diagram-3-fill"></i>
      <div class="label">diagram-3-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-diagram-3"></i>
      <div class="label">diagram-3</div>
    </div>
    <div class="icon">
      <i class="bi bi-diamond-fill"></i>
      <div class="label">diamond-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-diamond-half"></i>
      <div class="label">diamond-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-diamond"></i>
      <div class="label">diamond</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-1-fill"></i>
      <div class="label">dice-1-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-1"></i>
      <div class="label">dice-1</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-2-fill"></i>
      <div class="label">dice-2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-2"></i>
      <div class="label">dice-2</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-3-fill"></i>
      <div class="label">dice-3-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-3"></i>
      <div class="label">dice-3</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-4-fill"></i>
      <div class="label">dice-4-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-4"></i>
      <div class="label">dice-4</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-5-fill"></i>
      <div class="label">dice-5-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-5"></i>
      <div class="label">dice-5</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-6-fill"></i>
      <div class="label">dice-6-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-dice-6"></i>
      <div class="label">dice-6</div>
    </div>
    <div class="icon">
      <i class="bi bi-disc-fill"></i>
      <div class="label">disc-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-disc"></i>
      <div class="label">disc</div>
    </div>
    <div class="icon">
      <i class="bi bi-discord"></i>
      <div class="label">discord</div>
    </div>
    <div class="icon">
      <i class="bi bi-display-fill"></i>
      <div class="label">display-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-display"></i>
      <div class="label">display</div>
    </div>
    <div class="icon">
      <i class="bi bi-distribute-horizontal"></i>
      <div class="label">distribute-horizontal</div>
    </div>
    <div class="icon">
      <i class="bi bi-distribute-vertical"></i>
      <div class="label">distribute-vertical</div>
    </div>
    <div class="icon">
      <i class="bi bi-door-closed-fill"></i>
      <div class="label">door-closed-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-door-closed"></i>
      <div class="label">door-closed</div>
    </div>
    <div class="icon">
      <i class="bi bi-door-open-fill"></i>
      <div class="label">door-open-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-door-open"></i>
      <div class="label">door-open</div>
    </div>
    <div class="icon">
      <i class="bi bi-dot"></i>
      <div class="label">dot</div>
    </div>
    <div class="icon">
      <i class="bi bi-download"></i>
      <div class="label">download</div>
    </div>
    <div class="icon">
      <i class="bi bi-droplet-fill"></i>
      <div class="label">droplet-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-droplet-half"></i>
      <div class="label">droplet-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-droplet"></i>
      <div class="label">droplet</div>
    </div>
    <div class="icon">
      <i class="bi bi-earbuds"></i>
      <div class="label">earbuds</div>
    </div>
    <div class="icon">
      <i class="bi bi-easel-fill"></i>
      <div class="label">easel-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-easel"></i>
      <div class="label">easel</div>
    </div>
    <div class="icon">
      <i class="bi bi-egg-fill"></i>
      <div class="label">egg-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-egg-fried"></i>
      <div class="label">egg-fried</div>
    </div>
    <div class="icon">
      <i class="bi bi-egg"></i>
      <div class="label">egg</div>
    </div>
    <div class="icon">
      <i class="bi bi-eject-fill"></i>
      <div class="label">eject-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-eject"></i>
      <div class="label">eject</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-angry-fill"></i>
      <div class="label">emoji-angry-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-angry"></i>
      <div class="label">emoji-angry</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-dizzy-fill"></i>
      <div class="label">emoji-dizzy-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-dizzy"></i>
      <div class="label">emoji-dizzy</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-expressionless-fill"></i>
      <div class="label">emoji-expressionless-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-expressionless"></i>
      <div class="label">emoji-expressionless</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-frown-fill"></i>
      <div class="label">emoji-frown-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-frown"></i>
      <div class="label">emoji-frown</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-heart-eyes-fill"></i>
      <div class="label">emoji-heart-eyes-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-heart-eyes"></i>
      <div class="label">emoji-heart-eyes</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-laughing-fill"></i>
      <div class="label">emoji-laughing-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-laughing"></i>
      <div class="label">emoji-laughing</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-neutral-fill"></i>
      <div class="label">emoji-neutral-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-neutral"></i>
      <div class="label">emoji-neutral</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-smile-fill"></i>
      <div class="label">emoji-smile-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-smile-upside-down-fill"></i>
      <div class="label">emoji-smile-upside-down-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-smile-upside-down"></i>
      <div class="label">emoji-smile-upside-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-smile"></i>
      <div class="label">emoji-smile</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-sunglasses-fill"></i>
      <div class="label">emoji-sunglasses-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-sunglasses"></i>
      <div class="label">emoji-sunglasses</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-wink-fill"></i>
      <div class="label">emoji-wink-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-emoji-wink"></i>
      <div class="label">emoji-wink</div>
    </div>
    <div class="icon">
      <i class="bi bi-envelope-fill"></i>
      <div class="label">envelope-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-envelope-open-fill"></i>
      <div class="label">envelope-open-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-envelope-open"></i>
      <div class="label">envelope-open</div>
    </div>
    <div class="icon">
      <i class="bi bi-envelope"></i>
      <div class="label">envelope</div>
    </div>
    <div class="icon">
      <i class="bi bi-eraser-fill"></i>
      <div class="label">eraser-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-eraser"></i>
      <div class="label">eraser</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-circle-fill"></i>
      <div class="label">exclamation-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-circle"></i>
      <div class="label">exclamation-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-diamond-fill"></i>
      <div class="label">exclamation-diamond-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-diamond"></i>
      <div class="label">exclamation-diamond</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-lg"></i>
      <div class="label">exclamation-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-octagon-fill"></i>
      <div class="label">exclamation-octagon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-octagon"></i>
      <div class="label">exclamation-octagon</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-square-fill"></i>
      <div class="label">exclamation-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-square"></i>
      <div class="label">exclamation-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-triangle-fill"></i>
      <div class="label">exclamation-triangle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation-triangle"></i>
      <div class="label">exclamation-triangle</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclamation"></i>
      <div class="label">exclamation</div>
    </div>
    <div class="icon">
      <i class="bi bi-exclude"></i>
      <div class="label">exclude</div>
    </div>
    <div class="icon">
      <i class="bi bi-eye-fill"></i>
      <div class="label">eye-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-eye-slash-fill"></i>
      <div class="label">eye-slash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-eye-slash"></i>
      <div class="label">eye-slash</div>
    </div>
    <div class="icon">
      <i class="bi bi-eye"></i>
      <div class="label">eye</div>
    </div>
    <div class="icon">
      <i class="bi bi-eyedropper"></i>
      <div class="label">eyedropper</div>
    </div>
    <div class="icon">
      <i class="bi bi-eyeglasses"></i>
      <div class="label">eyeglasses</div>
    </div>
    <div class="icon">
      <i class="bi bi-facebook"></i>
      <div class="label">facebook</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-arrow-down-fill"></i>
      <div class="label">file-arrow-down-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-arrow-down"></i>
      <div class="label">file-arrow-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-arrow-up-fill"></i>
      <div class="label">file-arrow-up-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-arrow-up"></i>
      <div class="label">file-arrow-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-bar-graph-fill"></i>
      <div class="label">file-bar-graph-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-bar-graph"></i>
      <div class="label">file-bar-graph</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-binary-fill"></i>
      <div class="label">file-binary-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-binary"></i>
      <div class="label">file-binary</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-break-fill"></i>
      <div class="label">file-break-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-break"></i>
      <div class="label">file-break</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-check-fill"></i>
      <div class="label">file-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-check"></i>
      <div class="label">file-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-code-fill"></i>
      <div class="label">file-code-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-code"></i>
      <div class="label">file-code</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-diff-fill"></i>
      <div class="label">file-diff-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-diff"></i>
      <div class="label">file-diff</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-arrow-down-fill"></i>
      <div class="label">file-earmark-arrow-down-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-arrow-down"></i>
      <div class="label">file-earmark-arrow-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-arrow-up-fill"></i>
      <div class="label">file-earmark-arrow-up-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-arrow-up"></i>
      <div class="label">file-earmark-arrow-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-bar-graph-fill"></i>
      <div class="label">file-earmark-bar-graph-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-bar-graph"></i>
      <div class="label">file-earmark-bar-graph</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-binary-fill"></i>
      <div class="label">file-earmark-binary-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-binary"></i>
      <div class="label">file-earmark-binary</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-break-fill"></i>
      <div class="label">file-earmark-break-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-break"></i>
      <div class="label">file-earmark-break</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-check-fill"></i>
      <div class="label">file-earmark-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-check"></i>
      <div class="label">file-earmark-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-code-fill"></i>
      <div class="label">file-earmark-code-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-code"></i>
      <div class="label">file-earmark-code</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-diff-fill"></i>
      <div class="label">file-earmark-diff-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-diff"></i>
      <div class="label">file-earmark-diff</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-easel-fill"></i>
      <div class="label">file-earmark-easel-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-easel"></i>
      <div class="label">file-earmark-easel</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-excel-fill"></i>
      <div class="label">file-earmark-excel-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-excel"></i>
      <div class="label">file-earmark-excel</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-fill"></i>
      <div class="label">file-earmark-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-font-fill"></i>
      <div class="label">file-earmark-font-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-font"></i>
      <div class="label">file-earmark-font</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-image-fill"></i>
      <div class="label">file-earmark-image-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-image"></i>
      <div class="label">file-earmark-image</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-lock-fill"></i>
      <div class="label">file-earmark-lock-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-lock"></i>
      <div class="label">file-earmark-lock</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-lock2-fill"></i>
      <div class="label">file-earmark-lock2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-lock2"></i>
      <div class="label">file-earmark-lock2</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-medical-fill"></i>
      <div class="label">file-earmark-medical-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-medical"></i>
      <div class="label">file-earmark-medical</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-minus-fill"></i>
      <div class="label">file-earmark-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-minus"></i>
      <div class="label">file-earmark-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-music-fill"></i>
      <div class="label">file-earmark-music-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-music"></i>
      <div class="label">file-earmark-music</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-pdf-fill"></i>
      <div class="label">file-earmark-pdf-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-pdf"></i>
      <div class="label">file-earmark-pdf</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-person-fill"></i>
      <div class="label">file-earmark-person-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-person"></i>
      <div class="label">file-earmark-person</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-play-fill"></i>
      <div class="label">file-earmark-play-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-play"></i>
      <div class="label">file-earmark-play</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-plus-fill"></i>
      <div class="label">file-earmark-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-plus"></i>
      <div class="label">file-earmark-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-post-fill"></i>
      <div class="label">file-earmark-post-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-post"></i>
      <div class="label">file-earmark-post</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-ppt-fill"></i>
      <div class="label">file-earmark-ppt-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-ppt"></i>
      <div class="label">file-earmark-ppt</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-richtext-fill"></i>
      <div class="label">file-earmark-richtext-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-richtext"></i>
      <div class="label">file-earmark-richtext</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-ruled-fill"></i>
      <div class="label">file-earmark-ruled-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-ruled"></i>
      <div class="label">file-earmark-ruled</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-slides-fill"></i>
      <div class="label">file-earmark-slides-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-slides"></i>
      <div class="label">file-earmark-slides</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-spreadsheet-fill"></i>
      <div class="label">file-earmark-spreadsheet-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-spreadsheet"></i>
      <div class="label">file-earmark-spreadsheet</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-text-fill"></i>
      <div class="label">file-earmark-text-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-text"></i>
      <div class="label">file-earmark-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-word-fill"></i>
      <div class="label">file-earmark-word-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-word"></i>
      <div class="label">file-earmark-word</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-x-fill"></i>
      <div class="label">file-earmark-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-x"></i>
      <div class="label">file-earmark-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-zip-fill"></i>
      <div class="label">file-earmark-zip-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark-zip"></i>
      <div class="label">file-earmark-zip</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-earmark"></i>
      <div class="label">file-earmark</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-easel-fill"></i>
      <div class="label">file-easel-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-easel"></i>
      <div class="label">file-easel</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-excel-fill"></i>
      <div class="label">file-excel-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-excel"></i>
      <div class="label">file-excel</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-fill"></i>
      <div class="label">file-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-font-fill"></i>
      <div class="label">file-font-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-font"></i>
      <div class="label">file-font</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-image-fill"></i>
      <div class="label">file-image-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-image"></i>
      <div class="label">file-image</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-lock-fill"></i>
      <div class="label">file-lock-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-lock"></i>
      <div class="label">file-lock</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-lock2-fill"></i>
      <div class="label">file-lock2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-lock2"></i>
      <div class="label">file-lock2</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-medical-fill"></i>
      <div class="label">file-medical-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-medical"></i>
      <div class="label">file-medical</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-minus-fill"></i>
      <div class="label">file-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-minus"></i>
      <div class="label">file-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-music-fill"></i>
      <div class="label">file-music-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-music"></i>
      <div class="label">file-music</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-pdf-fill"></i>
      <div class="label">file-pdf-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-pdf"></i>
      <div class="label">file-pdf</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-person-fill"></i>
      <div class="label">file-person-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-person"></i>
      <div class="label">file-person</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-play-fill"></i>
      <div class="label">file-play-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-play"></i>
      <div class="label">file-play</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-plus-fill"></i>
      <div class="label">file-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-plus"></i>
      <div class="label">file-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-post-fill"></i>
      <div class="label">file-post-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-post"></i>
      <div class="label">file-post</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-ppt-fill"></i>
      <div class="label">file-ppt-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-ppt"></i>
      <div class="label">file-ppt</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-richtext-fill"></i>
      <div class="label">file-richtext-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-richtext"></i>
      <div class="label">file-richtext</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-ruled-fill"></i>
      <div class="label">file-ruled-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-ruled"></i>
      <div class="label">file-ruled</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-slides-fill"></i>
      <div class="label">file-slides-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-slides"></i>
      <div class="label">file-slides</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-spreadsheet-fill"></i>
      <div class="label">file-spreadsheet-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-spreadsheet"></i>
      <div class="label">file-spreadsheet</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-text-fill"></i>
      <div class="label">file-text-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-text"></i>
      <div class="label">file-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-word-fill"></i>
      <div class="label">file-word-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-word"></i>
      <div class="label">file-word</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-x-fill"></i>
      <div class="label">file-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-x"></i>
      <div class="label">file-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-zip-fill"></i>
      <div class="label">file-zip-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-file-zip"></i>
      <div class="label">file-zip</div>
    </div>
    <div class="icon">
      <i class="bi bi-file"></i>
      <div class="label">file</div>
    </div>
    <div class="icon">
      <i class="bi bi-files-alt"></i>
      <div class="label">files-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-files"></i>
      <div class="label">files</div>
    </div>
    <div class="icon">
      <i class="bi bi-film"></i>
      <div class="label">film</div>
    </div>
    <div class="icon">
      <i class="bi bi-filter-circle-fill"></i>
      <div class="label">filter-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-filter-circle"></i>
      <div class="label">filter-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-filter-left"></i>
      <div class="label">filter-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-filter-right"></i>
      <div class="label">filter-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-filter-square-fill"></i>
      <div class="label">filter-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-filter-square"></i>
      <div class="label">filter-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-filter"></i>
      <div class="label">filter</div>
    </div>
    <div class="icon">
      <i class="bi bi-flag-fill"></i>
      <div class="label">flag-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-flag"></i>
      <div class="label">flag</div>
    </div>
    <div class="icon">
      <i class="bi bi-flower1"></i>
      <div class="label">flower1</div>
    </div>
    <div class="icon">
      <i class="bi bi-flower2"></i>
      <div class="label">flower2</div>
    </div>
    <div class="icon">
      <i class="bi bi-flower3"></i>
      <div class="label">flower3</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder-check"></i>
      <div class="label">folder-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder-fill"></i>
      <div class="label">folder-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder-minus"></i>
      <div class="label">folder-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder-plus"></i>
      <div class="label">folder-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder-symlink-fill"></i>
      <div class="label">folder-symlink-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder-symlink"></i>
      <div class="label">folder-symlink</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder-x"></i>
      <div class="label">folder-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder"></i>
      <div class="label">folder</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder2-open"></i>
      <div class="label">folder2-open</div>
    </div>
    <div class="icon">
      <i class="bi bi-folder2"></i>
      <div class="label">folder2</div>
    </div>
    <div class="icon">
      <i class="bi bi-fonts"></i>
      <div class="label">fonts</div>
    </div>
    <div class="icon">
      <i class="bi bi-forward-fill"></i>
      <div class="label">forward-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-forward"></i>
      <div class="label">forward</div>
    </div>
    <div class="icon">
      <i class="bi bi-front"></i>
      <div class="label">front</div>
    </div>
    <div class="icon">
      <i class="bi bi-fullscreen-exit"></i>
      <div class="label">fullscreen-exit</div>
    </div>
    <div class="icon">
      <i class="bi bi-fullscreen"></i>
      <div class="label">fullscreen</div>
    </div>
    <div class="icon">
      <i class="bi bi-funnel-fill"></i>
      <div class="label">funnel-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-funnel"></i>
      <div class="label">funnel</div>
    </div>
    <div class="icon">
      <i class="bi bi-gear-fill"></i>
      <div class="label">gear-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-gear-wide-connected"></i>
      <div class="label">gear-wide-connected</div>
    </div>
    <div class="icon">
      <i class="bi bi-gear-wide"></i>
      <div class="label">gear-wide</div>
    </div>
    <div class="icon">
      <i class="bi bi-gear"></i>
      <div class="label">gear</div>
    </div>
    <div class="icon">
      <i class="bi bi-gem"></i>
      <div class="label">gem</div>
    </div>
    <div class="icon">
      <i class="bi bi-gender-ambiguous"></i>
      <div class="label">gender-ambiguous</div>
    </div>
    <div class="icon">
      <i class="bi bi-gender-female"></i>
      <div class="label">gender-female</div>
    </div>
    <div class="icon">
      <i class="bi bi-gender-male"></i>
      <div class="label">gender-male</div>
    </div>
    <div class="icon">
      <i class="bi bi-gender-trans"></i>
      <div class="label">gender-trans</div>
    </div>
    <div class="icon">
      <i class="bi bi-geo-alt-fill"></i>
      <div class="label">geo-alt-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-geo-alt"></i>
      <div class="label">geo-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-geo-fill"></i>
      <div class="label">geo-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-geo"></i>
      <div class="label">geo</div>
    </div>
    <div class="icon">
      <i class="bi bi-gift-fill"></i>
      <div class="label">gift-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-gift"></i>
      <div class="label">gift</div>
    </div>
    <div class="icon">
      <i class="bi bi-github"></i>
      <div class="label">github</div>
    </div>
    <div class="icon">
      <i class="bi bi-globe"></i>
      <div class="label">globe</div>
    </div>
    <div class="icon">
      <i class="bi bi-globe2"></i>
      <div class="label">globe2</div>
    </div>
    <div class="icon">
      <i class="bi bi-google"></i>
      <div class="label">google</div>
    </div>
    <div class="icon">
      <i class="bi bi-graph-down"></i>
      <div class="label">graph-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-graph-up"></i>
      <div class="label">graph-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-1x2-fill"></i>
      <div class="label">grid-1x2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-1x2"></i>
      <div class="label">grid-1x2</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-3x2-gap-fill"></i>
      <div class="label">grid-3x2-gap-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-3x2-gap"></i>
      <div class="label">grid-3x2-gap</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-3x2"></i>
      <div class="label">grid-3x2</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-3x3-gap-fill"></i>
      <div class="label">grid-3x3-gap-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-3x3-gap"></i>
      <div class="label">grid-3x3-gap</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-3x3"></i>
      <div class="label">grid-3x3</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid-fill"></i>
      <div class="label">grid-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-grid"></i>
      <div class="label">grid</div>
    </div>
    <div class="icon">
      <i class="bi bi-grip-horizontal"></i>
      <div class="label">grip-horizontal</div>
    </div>
    <div class="icon">
      <i class="bi bi-grip-vertical"></i>
      <div class="label">grip-vertical</div>
    </div>
    <div class="icon">
      <i class="bi bi-hammer"></i>
      <div class="label">hammer</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-index-fill"></i>
      <div class="label">hand-index-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-index-thumb-fill"></i>
      <div class="label">hand-index-thumb-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-index-thumb"></i>
      <div class="label">hand-index-thumb</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-index"></i>
      <div class="label">hand-index</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-thumbs-down-fill"></i>
      <div class="label">hand-thumbs-down-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-thumbs-down"></i>
      <div class="label">hand-thumbs-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-thumbs-up-fill"></i>
      <div class="label">hand-thumbs-up-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hand-thumbs-up"></i>
      <div class="label">hand-thumbs-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-handbag-fill"></i>
      <div class="label">handbag-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-handbag"></i>
      <div class="label">handbag</div>
    </div>
    <div class="icon">
      <i class="bi bi-hash"></i>
      <div class="label">hash</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd-fill"></i>
      <div class="label">hdd-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd-network-fill"></i>
      <div class="label">hdd-network-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd-network"></i>
      <div class="label">hdd-network</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd-rack-fill"></i>
      <div class="label">hdd-rack-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd-rack"></i>
      <div class="label">hdd-rack</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd-stack-fill"></i>
      <div class="label">hdd-stack-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd-stack"></i>
      <div class="label">hdd-stack</div>
    </div>
    <div class="icon">
      <i class="bi bi-hdd"></i>
      <div class="label">hdd</div>
    </div>
    <div class="icon">
      <i class="bi bi-headphones"></i>
      <div class="label">headphones</div>
    </div>
    <div class="icon">
      <i class="bi bi-headset-vr"></i>
      <div class="label">headset-vr</div>
    </div>
    <div class="icon">
      <i class="bi bi-headset"></i>
      <div class="label">headset</div>
    </div>
    <div class="icon">
      <i class="bi bi-heart-fill"></i>
      <div class="label">heart-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-heart-half"></i>
      <div class="label">heart-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-heart"></i>
      <div class="label">heart</div>
    </div>
    <div class="icon">
      <i class="bi bi-heptagon-fill"></i>
      <div class="label">heptagon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-heptagon-half"></i>
      <div class="label">heptagon-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-heptagon"></i>
      <div class="label">heptagon</div>
    </div>
    <div class="icon">
      <i class="bi bi-hexagon-fill"></i>
      <div class="label">hexagon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-hexagon-half"></i>
      <div class="label">hexagon-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-hexagon"></i>
      <div class="label">hexagon</div>
    </div>
    <div class="icon">
      <i class="bi bi-hourglass-bottom"></i>
      <div class="label">hourglass-bottom</div>
    </div>
    <div class="icon">
      <i class="bi bi-hourglass-split"></i>
      <div class="label">hourglass-split</div>
    </div>
    <div class="icon">
      <i class="bi bi-hourglass-top"></i>
      <div class="label">hourglass-top</div>
    </div>
    <div class="icon">
      <i class="bi bi-hourglass"></i>
      <div class="label">hourglass</div>
    </div>
    <div class="icon">
      <i class="bi bi-house-door-fill"></i>
      <div class="label">house-door-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-house-door"></i>
      <div class="label">house-door</div>
    </div>
    <div class="icon">
      <i class="bi bi-house-fill"></i>
      <div class="label">house-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-house"></i>
      <div class="label">house</div>
    </div>
    <div class="icon">
      <i class="bi bi-hr"></i>
      <div class="label">hr</div>
    </div>
    <div class="icon">
      <i class="bi bi-hurricane"></i>
      <div class="label">hurricane</div>
    </div>
    <div class="icon">
      <i class="bi bi-image-alt"></i>
      <div class="label">image-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-image-fill"></i>
      <div class="label">image-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-image"></i>
      <div class="label">image</div>
    </div>
    <div class="icon">
      <i class="bi bi-images"></i>
      <div class="label">images</div>
    </div>
    <div class="icon">
      <i class="bi bi-inbox-fill"></i>
      <div class="label">inbox-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-inbox"></i>
      <div class="label">inbox</div>
    </div>
    <div class="icon">
      <i class="bi bi-inboxes-fill"></i>
      <div class="label">inboxes-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-inboxes"></i>
      <div class="label">inboxes</div>
    </div>
    <div class="icon">
      <i class="bi bi-info-circle-fill"></i>
      <div class="label">info-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-info-circle"></i>
      <div class="label">info-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-info-lg"></i>
      <div class="label">info-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-info-square-fill"></i>
      <div class="label">info-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-info-square"></i>
      <div class="label">info-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-info"></i>
      <div class="label">info</div>
    </div>
    <div class="icon">
      <i class="bi bi-input-cursor-text"></i>
      <div class="label">input-cursor-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-input-cursor"></i>
      <div class="label">input-cursor</div>
    </div>
    <div class="icon">
      <i class="bi bi-instagram"></i>
      <div class="label">instagram</div>
    </div>
    <div class="icon">
      <i class="bi bi-intersect"></i>
      <div class="label">intersect</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-album"></i>
      <div class="label">journal-album</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-arrow-down"></i>
      <div class="label">journal-arrow-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-arrow-up"></i>
      <div class="label">journal-arrow-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-bookmark-fill"></i>
      <div class="label">journal-bookmark-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-bookmark"></i>
      <div class="label">journal-bookmark</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-check"></i>
      <div class="label">journal-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-code"></i>
      <div class="label">journal-code</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-medical"></i>
      <div class="label">journal-medical</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-minus"></i>
      <div class="label">journal-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-plus"></i>
      <div class="label">journal-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-richtext"></i>
      <div class="label">journal-richtext</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-text"></i>
      <div class="label">journal-text</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal-x"></i>
      <div class="label">journal-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-journal"></i>
      <div class="label">journal</div>
    </div>
    <div class="icon">
      <i class="bi bi-journals"></i>
      <div class="label">journals</div>
    </div>
    <div class="icon">
      <i class="bi bi-joystick"></i>
      <div class="label">joystick</div>
    </div>
    <div class="icon">
      <i class="bi bi-justify-left"></i>
      <div class="label">justify-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-justify-right"></i>
      <div class="label">justify-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-justify"></i>
      <div class="label">justify</div>
    </div>
    <div class="icon">
      <i class="bi bi-kanban-fill"></i>
      <div class="label">kanban-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-kanban"></i>
      <div class="label">kanban</div>
    </div>
    <div class="icon">
      <i class="bi bi-key-fill"></i>
      <div class="label">key-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-key"></i>
      <div class="label">key</div>
    </div>
    <div class="icon">
      <i class="bi bi-keyboard-fill"></i>
      <div class="label">keyboard-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-keyboard"></i>
      <div class="label">keyboard</div>
    </div>
    <div class="icon">
      <i class="bi bi-ladder"></i>
      <div class="label">ladder</div>
    </div>
    <div class="icon">
      <i class="bi bi-lamp-fill"></i>
      <div class="label">lamp-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-lamp"></i>
      <div class="label">lamp</div>
    </div>
    <div class="icon">
      <i class="bi bi-laptop-fill"></i>
      <div class="label">laptop-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-laptop"></i>
      <div class="label">laptop</div>
    </div>
    <div class="icon">
      <i class="bi bi-layer-backward"></i>
      <div class="label">layer-backward</div>
    </div>
    <div class="icon">
      <i class="bi bi-layer-forward"></i>
      <div class="label">layer-forward</div>
    </div>
    <div class="icon">
      <i class="bi bi-layers-fill"></i>
      <div class="label">layers-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-layers-half"></i>
      <div class="label">layers-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-layers"></i>
      <div class="label">layers</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-sidebar-inset-reverse"></i>
      <div class="label">layout-sidebar-inset-reverse</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-sidebar-inset"></i>
      <div class="label">layout-sidebar-inset</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-sidebar-reverse"></i>
      <div class="label">layout-sidebar-reverse</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-sidebar"></i>
      <div class="label">layout-sidebar</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-split"></i>
      <div class="label">layout-split</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-text-sidebar-reverse"></i>
      <div class="label">layout-text-sidebar-reverse</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-text-sidebar"></i>
      <div class="label">layout-text-sidebar</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-text-window-reverse"></i>
      <div class="label">layout-text-window-reverse</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-text-window"></i>
      <div class="label">layout-text-window</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-three-columns"></i>
      <div class="label">layout-three-columns</div>
    </div>
    <div class="icon">
      <i class="bi bi-layout-wtf"></i>
      <div class="label">layout-wtf</div>
    </div>
    <div class="icon">
      <i class="bi bi-life-preserver"></i>
      <div class="label">life-preserver</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightbulb-fill"></i>
      <div class="label">lightbulb-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightbulb-off-fill"></i>
      <div class="label">lightbulb-off-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightbulb-off"></i>
      <div class="label">lightbulb-off</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightbulb"></i>
      <div class="label">lightbulb</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightning-charge-fill"></i>
      <div class="label">lightning-charge-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightning-charge"></i>
      <div class="label">lightning-charge</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightning-fill"></i>
      <div class="label">lightning-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-lightning"></i>
      <div class="label">lightning</div>
    </div>
    <div class="icon">
      <i class="bi bi-link-45deg"></i>
      <div class="label">link-45deg</div>
    </div>
    <div class="icon">
      <i class="bi bi-link"></i>
      <div class="label">link</div>
    </div>
    <div class="icon">
      <i class="bi bi-linkedin"></i>
      <div class="label">linkedin</div>
    </div>
    <div class="icon">
      <i class="bi bi-list-check"></i>
      <div class="label">list-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-list-nested"></i>
      <div class="label">list-nested</div>
    </div>
    <div class="icon">
      <i class="bi bi-list-ol"></i>
      <div class="label">list-ol</div>
    </div>
    <div class="icon">
      <i class="bi bi-list-stars"></i>
      <div class="label">list-stars</div>
    </div>
    <div class="icon">
      <i class="bi bi-list-task"></i>
      <div class="label">list-task</div>
    </div>
    <div class="icon">
      <i class="bi bi-list-ul"></i>
      <div class="label">list-ul</div>
    </div>
    <div class="icon">
      <i class="bi bi-list"></i>
      <div class="label">list</div>
    </div>
    <div class="icon">
      <i class="bi bi-lock-fill"></i>
      <div class="label">lock-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-lock"></i>
      <div class="label">lock</div>
    </div>
    <div class="icon">
      <i class="bi bi-mailbox"></i>
      <div class="label">mailbox</div>
    </div>
    <div class="icon">
      <i class="bi bi-mailbox2"></i>
      <div class="label">mailbox2</div>
    </div>
    <div class="icon">
      <i class="bi bi-map-fill"></i>
      <div class="label">map-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-map"></i>
      <div class="label">map</div>
    </div>
    <div class="icon">
      <i class="bi bi-markdown-fill"></i>
      <div class="label">markdown-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-markdown"></i>
      <div class="label">markdown</div>
    </div>
    <div class="icon">
      <i class="bi bi-mask"></i>
      <div class="label">mask</div>
    </div>
    <div class="icon">
      <i class="bi bi-mastodon"></i>
      <div class="label">mastodon</div>
    </div>
    <div class="icon">
      <i class="bi bi-megaphone-fill"></i>
      <div class="label">megaphone-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-megaphone"></i>
      <div class="label">megaphone</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-app-fill"></i>
      <div class="label">menu-app-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-app"></i>
      <div class="label">menu-app</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-button-fill"></i>
      <div class="label">menu-button-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-button-wide-fill"></i>
      <div class="label">menu-button-wide-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-button-wide"></i>
      <div class="label">menu-button-wide</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-button"></i>
      <div class="label">menu-button</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-down"></i>
      <div class="label">menu-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-menu-up"></i>
      <div class="label">menu-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-messenger"></i>
      <div class="label">messenger</div>
    </div>
    <div class="icon">
      <i class="bi bi-mic-fill"></i>
      <div class="label">mic-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-mic-mute-fill"></i>
      <div class="label">mic-mute-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-mic-mute"></i>
      <div class="label">mic-mute</div>
    </div>
    <div class="icon">
      <i class="bi bi-mic"></i>
      <div class="label">mic</div>
    </div>
    <div class="icon">
      <i class="bi bi-minecart-loaded"></i>
      <div class="label">minecart-loaded</div>
    </div>
    <div class="icon">
      <i class="bi bi-minecart"></i>
      <div class="label">minecart</div>
    </div>
    <div class="icon">
      <i class="bi bi-moisture"></i>
      <div class="label">moisture</div>
    </div>
    <div class="icon">
      <i class="bi bi-moon-fill"></i>
      <div class="label">moon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-moon-stars-fill"></i>
      <div class="label">moon-stars-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-moon-stars"></i>
      <div class="label">moon-stars</div>
    </div>
    <div class="icon">
      <i class="bi bi-moon"></i>
      <div class="label">moon</div>
    </div>
    <div class="icon">
      <i class="bi bi-mouse-fill"></i>
      <div class="label">mouse-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-mouse"></i>
      <div class="label">mouse</div>
    </div>
    <div class="icon">
      <i class="bi bi-mouse2-fill"></i>
      <div class="label">mouse2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-mouse2"></i>
      <div class="label">mouse2</div>
    </div>
    <div class="icon">
      <i class="bi bi-mouse3-fill"></i>
      <div class="label">mouse3-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-mouse3"></i>
      <div class="label">mouse3</div>
    </div>
    <div class="icon">
      <i class="bi bi-music-note-beamed"></i>
      <div class="label">music-note-beamed</div>
    </div>
    <div class="icon">
      <i class="bi bi-music-note-list"></i>
      <div class="label">music-note-list</div>
    </div>
    <div class="icon">
      <i class="bi bi-music-note"></i>
      <div class="label">music-note</div>
    </div>
    <div class="icon">
      <i class="bi bi-music-player-fill"></i>
      <div class="label">music-player-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-music-player"></i>
      <div class="label">music-player</div>
    </div>
    <div class="icon">
      <i class="bi bi-newspaper"></i>
      <div class="label">newspaper</div>
    </div>
    <div class="icon">
      <i class="bi bi-node-minus-fill"></i>
      <div class="label">node-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-node-minus"></i>
      <div class="label">node-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-node-plus-fill"></i>
      <div class="label">node-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-node-plus"></i>
      <div class="label">node-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-nut-fill"></i>
      <div class="label">nut-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-nut"></i>
      <div class="label">nut</div>
    </div>
    <div class="icon">
      <i class="bi bi-octagon-fill"></i>
      <div class="label">octagon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-octagon-half"></i>
      <div class="label">octagon-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-octagon"></i>
      <div class="label">octagon</div>
    </div>
    <div class="icon">
      <i class="bi bi-option"></i>
      <div class="label">option</div>
    </div>
    <div class="icon">
      <i class="bi bi-outlet"></i>
      <div class="label">outlet</div>
    </div>
    <div class="icon">
      <i class="bi bi-paint-bucket"></i>
      <div class="label">paint-bucket</div>
    </div>
    <div class="icon">
      <i class="bi bi-palette-fill"></i>
      <div class="label">palette-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-palette"></i>
      <div class="label">palette</div>
    </div>
    <div class="icon">
      <i class="bi bi-palette2"></i>
      <div class="label">palette2</div>
    </div>
    <div class="icon">
      <i class="bi bi-paperclip"></i>
      <div class="label">paperclip</div>
    </div>
    <div class="icon">
      <i class="bi bi-paragraph"></i>
      <div class="label">paragraph</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-check-fill"></i>
      <div class="label">patch-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-check"></i>
      <div class="label">patch-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-exclamation-fill"></i>
      <div class="label">patch-exclamation-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-exclamation"></i>
      <div class="label">patch-exclamation</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-minus-fill"></i>
      <div class="label">patch-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-minus"></i>
      <div class="label">patch-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-plus-fill"></i>
      <div class="label">patch-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-plus"></i>
      <div class="label">patch-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-question-fill"></i>
      <div class="label">patch-question-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-patch-question"></i>
      <div class="label">patch-question</div>
    </div>
    <div class="icon">
      <i class="bi bi-pause-btn-fill"></i>
      <div class="label">pause-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pause-btn"></i>
      <div class="label">pause-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-pause-circle-fill"></i>
      <div class="label">pause-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pause-circle"></i>
      <div class="label">pause-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-pause-fill"></i>
      <div class="label">pause-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pause"></i>
      <div class="label">pause</div>
    </div>
    <div class="icon">
      <i class="bi bi-peace-fill"></i>
      <div class="label">peace-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-peace"></i>
      <div class="label">peace</div>
    </div>
    <div class="icon">
      <i class="bi bi-pen-fill"></i>
      <div class="label">pen-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pen"></i>
      <div class="label">pen</div>
    </div>
    <div class="icon">
      <i class="bi bi-pencil-fill"></i>
      <div class="label">pencil-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pencil-square"></i>
      <div class="label">pencil-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-pencil"></i>
      <div class="label">pencil</div>
    </div>
    <div class="icon">
      <i class="bi bi-pentagon-fill"></i>
      <div class="label">pentagon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pentagon-half"></i>
      <div class="label">pentagon-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-pentagon"></i>
      <div class="label">pentagon</div>
    </div>
    <div class="icon">
      <i class="bi bi-people-fill"></i>
      <div class="label">people-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-people"></i>
      <div class="label">people</div>
    </div>
    <div class="icon">
      <i class="bi bi-percent"></i>
      <div class="label">percent</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-badge-fill"></i>
      <div class="label">person-badge-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-badge"></i>
      <div class="label">person-badge</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-bounding-box"></i>
      <div class="label">person-bounding-box</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-check-fill"></i>
      <div class="label">person-check-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-check"></i>
      <div class="label">person-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-circle"></i>
      <div class="label">person-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-dash-fill"></i>
      <div class="label">person-dash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-dash"></i>
      <div class="label">person-dash</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-fill"></i>
      <div class="label">person-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-lines-fill"></i>
      <div class="label">person-lines-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-plus-fill"></i>
      <div class="label">person-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-plus"></i>
      <div class="label">person-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-square"></i>
      <div class="label">person-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-x-fill"></i>
      <div class="label">person-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-person-x"></i>
      <div class="label">person-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-person"></i>
      <div class="label">person</div>
    </div>
    <div class="icon">
      <i class="bi bi-phone-fill"></i>
      <div class="label">phone-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-phone-landscape-fill"></i>
      <div class="label">phone-landscape-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-phone-landscape"></i>
      <div class="label">phone-landscape</div>
    </div>
    <div class="icon">
      <i class="bi bi-phone-vibrate-fill"></i>
      <div class="label">phone-vibrate-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-phone-vibrate"></i>
      <div class="label">phone-vibrate</div>
    </div>
    <div class="icon">
      <i class="bi bi-phone"></i>
      <div class="label">phone</div>
    </div>
    <div class="icon">
      <i class="bi bi-pie-chart-fill"></i>
      <div class="label">pie-chart-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pie-chart"></i>
      <div class="label">pie-chart</div>
    </div>
    <div class="icon">
      <i class="bi bi-piggy-bank-fill"></i>
      <div class="label">piggy-bank-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-piggy-bank"></i>
      <div class="label">piggy-bank</div>
    </div>
    <div class="icon">
      <i class="bi bi-pin-angle-fill"></i>
      <div class="label">pin-angle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pin-angle"></i>
      <div class="label">pin-angle</div>
    </div>
    <div class="icon">
      <i class="bi bi-pin-fill"></i>
      <div class="label">pin-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pin-map-fill"></i>
      <div class="label">pin-map-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pin-map"></i>
      <div class="label">pin-map</div>
    </div>
    <div class="icon">
      <i class="bi bi-pin"></i>
      <div class="label">pin</div>
    </div>
    <div class="icon">
      <i class="bi bi-pip-fill"></i>
      <div class="label">pip-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-pip"></i>
      <div class="label">pip</div>
    </div>
    <div class="icon">
      <i class="bi bi-play-btn-fill"></i>
      <div class="label">play-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-play-btn"></i>
      <div class="label">play-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-play-circle-fill"></i>
      <div class="label">play-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-play-circle"></i>
      <div class="label">play-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-play-fill"></i>
      <div class="label">play-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-play"></i>
      <div class="label">play</div>
    </div>
    <div class="icon">
      <i class="bi bi-plug-fill"></i>
      <div class="label">plug-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-plug"></i>
      <div class="label">plug</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus-circle-dotted"></i>
      <div class="label">plus-circle-dotted</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus-circle-fill"></i>
      <div class="label">plus-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus-circle"></i>
      <div class="label">plus-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus-lg"></i>
      <div class="label">plus-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus-square-dotted"></i>
      <div class="label">plus-square-dotted</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus-square-fill"></i>
      <div class="label">plus-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus-square"></i>
      <div class="label">plus-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-plus"></i>
      <div class="label">plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-power"></i>
      <div class="label">power</div>
    </div>
    <div class="icon">
      <i class="bi bi-printer-fill"></i>
      <div class="label">printer-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-printer"></i>
      <div class="label">printer</div>
    </div>
    <div class="icon">
      <i class="bi bi-puzzle-fill"></i>
      <div class="label">puzzle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-puzzle"></i>
      <div class="label">puzzle</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-circle-fill"></i>
      <div class="label">question-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-circle"></i>
      <div class="label">question-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-diamond-fill"></i>
      <div class="label">question-diamond-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-diamond"></i>
      <div class="label">question-diamond</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-lg"></i>
      <div class="label">question-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-octagon-fill"></i>
      <div class="label">question-octagon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-octagon"></i>
      <div class="label">question-octagon</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-square-fill"></i>
      <div class="label">question-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-question-square"></i>
      <div class="label">question-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-question"></i>
      <div class="label">question</div>
    </div>
    <div class="icon">
      <i class="bi bi-rainbow"></i>
      <div class="label">rainbow</div>
    </div>
    <div class="icon">
      <i class="bi bi-receipt-cutoff"></i>
      <div class="label">receipt-cutoff</div>
    </div>
    <div class="icon">
      <i class="bi bi-receipt"></i>
      <div class="label">receipt</div>
    </div>
    <div class="icon">
      <i class="bi bi-reception-0"></i>
      <div class="label">reception-0</div>
    </div>
    <div class="icon">
      <i class="bi bi-reception-1"></i>
      <div class="label">reception-1</div>
    </div>
    <div class="icon">
      <i class="bi bi-reception-2"></i>
      <div class="label">reception-2</div>
    </div>
    <div class="icon">
      <i class="bi bi-reception-3"></i>
      <div class="label">reception-3</div>
    </div>
    <div class="icon">
      <i class="bi bi-reception-4"></i>
      <div class="label">reception-4</div>
    </div>
    <div class="icon">
      <i class="bi bi-record-btn-fill"></i>
      <div class="label">record-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-record-btn"></i>
      <div class="label">record-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-record-circle-fill"></i>
      <div class="label">record-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-record-circle"></i>
      <div class="label">record-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-record-fill"></i>
      <div class="label">record-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-record"></i>
      <div class="label">record</div>
    </div>
    <div class="icon">
      <i class="bi bi-record2-fill"></i>
      <div class="label">record2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-record2"></i>
      <div class="label">record2</div>
    </div>
    <div class="icon">
      <i class="bi bi-recycle"></i>
      <div class="label">recycle</div>
    </div>
    <div class="icon">
      <i class="bi bi-reddit"></i>
      <div class="label">reddit</div>
    </div>
    <div class="icon">
      <i class="bi bi-reply-all-fill"></i>
      <div class="label">reply-all-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-reply-all"></i>
      <div class="label">reply-all</div>
    </div>
    <div class="icon">
      <i class="bi bi-reply-fill"></i>
      <div class="label">reply-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-reply"></i>
      <div class="label">reply</div>
    </div>
    <div class="icon">
      <i class="bi bi-rss-fill"></i>
      <div class="label">rss-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-rss"></i>
      <div class="label">rss</div>
    </div>
    <div class="icon">
      <i class="bi bi-rulers"></i>
      <div class="label">rulers</div>
    </div>
    <div class="icon">
      <i class="bi bi-safe-fill"></i>
      <div class="label">safe-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-safe"></i>
      <div class="label">safe</div>
    </div>
    <div class="icon">
      <i class="bi bi-safe2-fill"></i>
      <div class="label">safe2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-safe2"></i>
      <div class="label">safe2</div>
    </div>
    <div class="icon">
      <i class="bi bi-save-fill"></i>
      <div class="label">save-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-save"></i>
      <div class="label">save</div>
    </div>
    <div class="icon">
      <i class="bi bi-save2-fill"></i>
      <div class="label">save2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-save2"></i>
      <div class="label">save2</div>
    </div>
    <div class="icon">
      <i class="bi bi-scissors"></i>
      <div class="label">scissors</div>
    </div>
    <div class="icon">
      <i class="bi bi-screwdriver"></i>
      <div class="label">screwdriver</div>
    </div>
    <div class="icon">
      <i class="bi bi-sd-card-fill"></i>
      <div class="label">sd-card-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-sd-card"></i>
      <div class="label">sd-card</div>
    </div>
    <div class="icon">
      <i class="bi bi-search"></i>
      <div class="label">search</div>
    </div>
    <div class="icon">
      <i class="bi bi-segmented-nav"></i>
      <div class="label">segmented-nav</div>
    </div>
    <div class="icon">
      <i class="bi bi-server"></i>
      <div class="label">server</div>
    </div>
    <div class="icon">
      <i class="bi bi-share-fill"></i>
      <div class="label">share-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-share"></i>
      <div class="label">share</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-check"></i>
      <div class="label">shield-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-exclamation"></i>
      <div class="label">shield-exclamation</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-fill-check"></i>
      <div class="label">shield-fill-check</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-fill-exclamation"></i>
      <div class="label">shield-fill-exclamation</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-fill-minus"></i>
      <div class="label">shield-fill-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-fill-plus"></i>
      <div class="label">shield-fill-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-fill-x"></i>
      <div class="label">shield-fill-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-fill"></i>
      <div class="label">shield-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-lock-fill"></i>
      <div class="label">shield-lock-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-lock"></i>
      <div class="label">shield-lock</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-minus"></i>
      <div class="label">shield-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-plus"></i>
      <div class="label">shield-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-shaded"></i>
      <div class="label">shield-shaded</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-slash-fill"></i>
      <div class="label">shield-slash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-slash"></i>
      <div class="label">shield-slash</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield-x"></i>
      <div class="label">shield-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-shield"></i>
      <div class="label">shield</div>
    </div>
    <div class="icon">
      <i class="bi bi-shift-fill"></i>
      <div class="label">shift-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-shift"></i>
      <div class="label">shift</div>
    </div>
    <div class="icon">
      <i class="bi bi-shop-window"></i>
      <div class="label">shop-window</div>
    </div>
    <div class="icon">
      <i class="bi bi-shop"></i>
      <div class="label">shop</div>
    </div>
    <div class="icon">
      <i class="bi bi-shuffle"></i>
      <div class="label">shuffle</div>
    </div>
    <div class="icon">
      <i class="bi bi-signpost-2-fill"></i>
      <div class="label">signpost-2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-signpost-2"></i>
      <div class="label">signpost-2</div>
    </div>
    <div class="icon">
      <i class="bi bi-signpost-fill"></i>
      <div class="label">signpost-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-signpost-split-fill"></i>
      <div class="label">signpost-split-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-signpost-split"></i>
      <div class="label">signpost-split</div>
    </div>
    <div class="icon">
      <i class="bi bi-signpost"></i>
      <div class="label">signpost</div>
    </div>
    <div class="icon">
      <i class="bi bi-sim-fill"></i>
      <div class="label">sim-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-sim"></i>
      <div class="label">sim</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-backward-btn-fill"></i>
      <div class="label">skip-backward-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-backward-btn"></i>
      <div class="label">skip-backward-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-backward-circle-fill"></i>
      <div class="label">skip-backward-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-backward-circle"></i>
      <div class="label">skip-backward-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-backward-fill"></i>
      <div class="label">skip-backward-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-backward"></i>
      <div class="label">skip-backward</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-end-btn-fill"></i>
      <div class="label">skip-end-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-end-btn"></i>
      <div class="label">skip-end-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-end-circle-fill"></i>
      <div class="label">skip-end-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-end-circle"></i>
      <div class="label">skip-end-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-end-fill"></i>
      <div class="label">skip-end-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-end"></i>
      <div class="label">skip-end</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-forward-btn-fill"></i>
      <div class="label">skip-forward-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-forward-btn"></i>
      <div class="label">skip-forward-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-forward-circle-fill"></i>
      <div class="label">skip-forward-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-forward-circle"></i>
      <div class="label">skip-forward-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-forward-fill"></i>
      <div class="label">skip-forward-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-forward"></i>
      <div class="label">skip-forward</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-start-btn-fill"></i>
      <div class="label">skip-start-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-start-btn"></i>
      <div class="label">skip-start-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-start-circle-fill"></i>
      <div class="label">skip-start-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-start-circle"></i>
      <div class="label">skip-start-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-start-fill"></i>
      <div class="label">skip-start-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-skip-start"></i>
      <div class="label">skip-start</div>
    </div>
    <div class="icon">
      <i class="bi bi-skype"></i>
      <div class="label">skype</div>
    </div>
    <div class="icon">
      <i class="bi bi-slack"></i>
      <div class="label">slack</div>
    </div>
    <div class="icon">
      <i class="bi bi-slash-circle-fill"></i>
      <div class="label">slash-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-slash-circle"></i>
      <div class="label">slash-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-slash-lg"></i>
      <div class="label">slash-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-slash-square-fill"></i>
      <div class="label">slash-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-slash-square"></i>
      <div class="label">slash-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-slash"></i>
      <div class="label">slash</div>
    </div>
    <div class="icon">
      <i class="bi bi-sliders"></i>
      <div class="label">sliders</div>
    </div>
    <div class="icon">
      <i class="bi bi-smartwatch"></i>
      <div class="label">smartwatch</div>
    </div>
    <div class="icon">
      <i class="bi bi-snow"></i>
      <div class="label">snow</div>
    </div>
    <div class="icon">
      <i class="bi bi-snow2"></i>
      <div class="label">snow2</div>
    </div>
    <div class="icon">
      <i class="bi bi-snow3"></i>
      <div class="label">snow3</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-alpha-down-alt"></i>
      <div class="label">sort-alpha-down-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-alpha-down"></i>
      <div class="label">sort-alpha-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-alpha-up-alt"></i>
      <div class="label">sort-alpha-up-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-alpha-up"></i>
      <div class="label">sort-alpha-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-down-alt"></i>
      <div class="label">sort-down-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-down"></i>
      <div class="label">sort-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-numeric-down-alt"></i>
      <div class="label">sort-numeric-down-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-numeric-down"></i>
      <div class="label">sort-numeric-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-numeric-up-alt"></i>
      <div class="label">sort-numeric-up-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-numeric-up"></i>
      <div class="label">sort-numeric-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-up-alt"></i>
      <div class="label">sort-up-alt</div>
    </div>
    <div class="icon">
      <i class="bi bi-sort-up"></i>
      <div class="label">sort-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-soundwave"></i>
      <div class="label">soundwave</div>
    </div>
    <div class="icon">
      <i class="bi bi-speaker-fill"></i>
      <div class="label">speaker-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-speaker"></i>
      <div class="label">speaker</div>
    </div>
    <div class="icon">
      <i class="bi bi-speedometer"></i>
      <div class="label">speedometer</div>
    </div>
    <div class="icon">
      <i class="bi bi-speedometer2"></i>
      <div class="label">speedometer2</div>
    </div>
    <div class="icon">
      <i class="bi bi-spellcheck"></i>
      <div class="label">spellcheck</div>
    </div>
    <div class="icon">
      <i class="bi bi-square-fill"></i>
      <div class="label">square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-square-half"></i>
      <div class="label">square-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-square"></i>
      <div class="label">square</div>
    </div>
    <div class="icon">
      <i class="bi bi-stack"></i>
      <div class="label">stack</div>
    </div>
    <div class="icon">
      <i class="bi bi-star-fill"></i>
      <div class="label">star-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-star-half"></i>
      <div class="label">star-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-star"></i>
      <div class="label">star</div>
    </div>
    <div class="icon">
      <i class="bi bi-stars"></i>
      <div class="label">stars</div>
    </div>
    <div class="icon">
      <i class="bi bi-stickies-fill"></i>
      <div class="label">stickies-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-stickies"></i>
      <div class="label">stickies</div>
    </div>
    <div class="icon">
      <i class="bi bi-sticky-fill"></i>
      <div class="label">sticky-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-sticky"></i>
      <div class="label">sticky</div>
    </div>
    <div class="icon">
      <i class="bi bi-stop-btn-fill"></i>
      <div class="label">stop-btn-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-stop-btn"></i>
      <div class="label">stop-btn</div>
    </div>
    <div class="icon">
      <i class="bi bi-stop-circle-fill"></i>
      <div class="label">stop-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-stop-circle"></i>
      <div class="label">stop-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-stop-fill"></i>
      <div class="label">stop-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-stop"></i>
      <div class="label">stop</div>
    </div>
    <div class="icon">
      <i class="bi bi-stoplights-fill"></i>
      <div class="label">stoplights-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-stoplights"></i>
      <div class="label">stoplights</div>
    </div>
    <div class="icon">
      <i class="bi bi-stopwatch-fill"></i>
      <div class="label">stopwatch-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-stopwatch"></i>
      <div class="label">stopwatch</div>
    </div>
    <div class="icon">
      <i class="bi bi-subtract"></i>
      <div class="label">subtract</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-club-fill"></i>
      <div class="label">suit-club-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-club"></i>
      <div class="label">suit-club</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-diamond-fill"></i>
      <div class="label">suit-diamond-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-diamond"></i>
      <div class="label">suit-diamond</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-heart-fill"></i>
      <div class="label">suit-heart-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-heart"></i>
      <div class="label">suit-heart</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-spade-fill"></i>
      <div class="label">suit-spade-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-suit-spade"></i>
      <div class="label">suit-spade</div>
    </div>
    <div class="icon">
      <i class="bi bi-sun-fill"></i>
      <div class="label">sun-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-sun"></i>
      <div class="label">sun</div>
    </div>
    <div class="icon">
      <i class="bi bi-sunglasses"></i>
      <div class="label">sunglasses</div>
    </div>
    <div class="icon">
      <i class="bi bi-sunrise-fill"></i>
      <div class="label">sunrise-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-sunrise"></i>
      <div class="label">sunrise</div>
    </div>
    <div class="icon">
      <i class="bi bi-sunset-fill"></i>
      <div class="label">sunset-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-sunset"></i>
      <div class="label">sunset</div>
    </div>
    <div class="icon">
      <i class="bi bi-symmetry-horizontal"></i>
      <div class="label">symmetry-horizontal</div>
    </div>
    <div class="icon">
      <i class="bi bi-symmetry-vertical"></i>
      <div class="label">symmetry-vertical</div>
    </div>
    <div class="icon">
      <i class="bi bi-table"></i>
      <div class="label">table</div>
    </div>
    <div class="icon">
      <i class="bi bi-tablet-fill"></i>
      <div class="label">tablet-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-tablet-landscape-fill"></i>
      <div class="label">tablet-landscape-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-tablet-landscape"></i>
      <div class="label">tablet-landscape</div>
    </div>
    <div class="icon">
      <i class="bi bi-tablet"></i>
      <div class="label">tablet</div>
    </div>
    <div class="icon">
      <i class="bi bi-tag-fill"></i>
      <div class="label">tag-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-tag"></i>
      <div class="label">tag</div>
    </div>
    <div class="icon">
      <i class="bi bi-tags-fill"></i>
      <div class="label">tags-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-tags"></i>
      <div class="label">tags</div>
    </div>
    <div class="icon">
      <i class="bi bi-telegram"></i>
      <div class="label">telegram</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-fill"></i>
      <div class="label">telephone-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-forward-fill"></i>
      <div class="label">telephone-forward-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-forward"></i>
      <div class="label">telephone-forward</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-inbound-fill"></i>
      <div class="label">telephone-inbound-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-inbound"></i>
      <div class="label">telephone-inbound</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-minus-fill"></i>
      <div class="label">telephone-minus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-minus"></i>
      <div class="label">telephone-minus</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-outbound-fill"></i>
      <div class="label">telephone-outbound-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-outbound"></i>
      <div class="label">telephone-outbound</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-plus-fill"></i>
      <div class="label">telephone-plus-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-plus"></i>
      <div class="label">telephone-plus</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-x-fill"></i>
      <div class="label">telephone-x-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone-x"></i>
      <div class="label">telephone-x</div>
    </div>
    <div class="icon">
      <i class="bi bi-telephone"></i>
      <div class="label">telephone</div>
    </div>
    <div class="icon">
      <i class="bi bi-terminal-fill"></i>
      <div class="label">terminal-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-terminal"></i>
      <div class="label">terminal</div>
    </div>
    <div class="icon">
      <i class="bi bi-text-center"></i>
      <div class="label">text-center</div>
    </div>
    <div class="icon">
      <i class="bi bi-text-indent-left"></i>
      <div class="label">text-indent-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-text-indent-right"></i>
      <div class="label">text-indent-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-text-left"></i>
      <div class="label">text-left</div>
    </div>
    <div class="icon">
      <i class="bi bi-text-paragraph"></i>
      <div class="label">text-paragraph</div>
    </div>
    <div class="icon">
      <i class="bi bi-text-right"></i>
      <div class="label">text-right</div>
    </div>
    <div class="icon">
      <i class="bi bi-textarea-resize"></i>
      <div class="label">textarea-resize</div>
    </div>
    <div class="icon">
      <i class="bi bi-textarea-t"></i>
      <div class="label">textarea-t</div>
    </div>
    <div class="icon">
      <i class="bi bi-textarea"></i>
      <div class="label">textarea</div>
    </div>
    <div class="icon">
      <i class="bi bi-thermometer-half"></i>
      <div class="label">thermometer-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-thermometer-high"></i>
      <div class="label">thermometer-high</div>
    </div>
    <div class="icon">
      <i class="bi bi-thermometer-low"></i>
      <div class="label">thermometer-low</div>
    </div>
    <div class="icon">
      <i class="bi bi-thermometer-snow"></i>
      <div class="label">thermometer-snow</div>
    </div>
    <div class="icon">
      <i class="bi bi-thermometer-sun"></i>
      <div class="label">thermometer-sun</div>
    </div>
    <div class="icon">
      <i class="bi bi-thermometer"></i>
      <div class="label">thermometer</div>
    </div>
    <div class="icon">
      <i class="bi bi-three-dots-vertical"></i>
      <div class="label">three-dots-vertical</div>
    </div>
    <div class="icon">
      <i class="bi bi-three-dots"></i>
      <div class="label">three-dots</div>
    </div>
    <div class="icon">
      <i class="bi bi-toggle-off"></i>
      <div class="label">toggle-off</div>
    </div>
    <div class="icon">
      <i class="bi bi-toggle-on"></i>
      <div class="label">toggle-on</div>
    </div>
    <div class="icon">
      <i class="bi bi-toggle2-off"></i>
      <div class="label">toggle2-off</div>
    </div>
    <div class="icon">
      <i class="bi bi-toggle2-on"></i>
      <div class="label">toggle2-on</div>
    </div>
    <div class="icon">
      <i class="bi bi-toggles"></i>
      <div class="label">toggles</div>
    </div>
    <div class="icon">
      <i class="bi bi-toggles2"></i>
      <div class="label">toggles2</div>
    </div>
    <div class="icon">
      <i class="bi bi-tools"></i>
      <div class="label">tools</div>
    </div>
    <div class="icon">
      <i class="bi bi-tornado"></i>
      <div class="label">tornado</div>
    </div>
    <div class="icon">
      <i class="bi bi-translate"></i>
      <div class="label">translate</div>
    </div>
    <div class="icon">
      <i class="bi bi-trash-fill"></i>
      <div class="label">trash-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-trash"></i>
      <div class="label">trash</div>
    </div>
    <div class="icon">
      <i class="bi bi-trash2-fill"></i>
      <div class="label">trash2-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-trash2"></i>
      <div class="label">trash2</div>
    </div>
    <div class="icon">
      <i class="bi bi-tree-fill"></i>
      <div class="label">tree-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-tree"></i>
      <div class="label">tree</div>
    </div>
    <div class="icon">
      <i class="bi bi-triangle-fill"></i>
      <div class="label">triangle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-triangle-half"></i>
      <div class="label">triangle-half</div>
    </div>
    <div class="icon">
      <i class="bi bi-triangle"></i>
      <div class="label">triangle</div>
    </div>
    <div class="icon">
      <i class="bi bi-trophy-fill"></i>
      <div class="label">trophy-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-trophy"></i>
      <div class="label">trophy</div>
    </div>
    <div class="icon">
      <i class="bi bi-tropical-storm"></i>
      <div class="label">tropical-storm</div>
    </div>
    <div class="icon">
      <i class="bi bi-truck-flatbed"></i>
      <div class="label">truck-flatbed</div>
    </div>
    <div class="icon">
      <i class="bi bi-truck"></i>
      <div class="label">truck</div>
    </div>
    <div class="icon">
      <i class="bi bi-tsunami"></i>
      <div class="label">tsunami</div>
    </div>
    <div class="icon">
      <i class="bi bi-tv-fill"></i>
      <div class="label">tv-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-tv"></i>
      <div class="label">tv</div>
    </div>
    <div class="icon">
      <i class="bi bi-twitch"></i>
      <div class="label">twitch</div>
    </div>
    <div class="icon">
      <i class="bi bi-twitter"></i>
      <div class="label">twitter</div>
    </div>
    <div class="icon">
      <i class="bi bi-type-bold"></i>
      <div class="label">type-bold</div>
    </div>
    <div class="icon">
      <i class="bi bi-type-h1"></i>
      <div class="label">type-h1</div>
    </div>
    <div class="icon">
      <i class="bi bi-type-h2"></i>
      <div class="label">type-h2</div>
    </div>
    <div class="icon">
      <i class="bi bi-type-h3"></i>
      <div class="label">type-h3</div>
    </div>
    <div class="icon">
      <i class="bi bi-type-italic"></i>
      <div class="label">type-italic</div>
    </div>
    <div class="icon">
      <i class="bi bi-type-strikethrough"></i>
      <div class="label">type-strikethrough</div>
    </div>
    <div class="icon">
      <i class="bi bi-type-underline"></i>
      <div class="label">type-underline</div>
    </div>
    <div class="icon">
      <i class="bi bi-type"></i>
      <div class="label">type</div>
    </div>
    <div class="icon">
      <i class="bi bi-ui-checks-grid"></i>
      <div class="label">ui-checks-grid</div>
    </div>
    <div class="icon">
      <i class="bi bi-ui-checks"></i>
      <div class="label">ui-checks</div>
    </div>
    <div class="icon">
      <i class="bi bi-ui-radios-grid"></i>
      <div class="label">ui-radios-grid</div>
    </div>
    <div class="icon">
      <i class="bi bi-ui-radios"></i>
      <div class="label">ui-radios</div>
    </div>
    <div class="icon">
      <i class="bi bi-umbrella-fill"></i>
      <div class="label">umbrella-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-umbrella"></i>
      <div class="label">umbrella</div>
    </div>
    <div class="icon">
      <i class="bi bi-union"></i>
      <div class="label">union</div>
    </div>
    <div class="icon">
      <i class="bi bi-unlock-fill"></i>
      <div class="label">unlock-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-unlock"></i>
      <div class="label">unlock</div>
    </div>
    <div class="icon">
      <i class="bi bi-upc-scan"></i>
      <div class="label">upc-scan</div>
    </div>
    <div class="icon">
      <i class="bi bi-upc"></i>
      <div class="label">upc</div>
    </div>
    <div class="icon">
      <i class="bi bi-upload"></i>
      <div class="label">upload</div>
    </div>
    <div class="icon">
      <i class="bi bi-vector-pen"></i>
      <div class="label">vector-pen</div>
    </div>
    <div class="icon">
      <i class="bi bi-view-list"></i>
      <div class="label">view-list</div>
    </div>
    <div class="icon">
      <i class="bi bi-view-stacked"></i>
      <div class="label">view-stacked</div>
    </div>
    <div class="icon">
      <i class="bi bi-vinyl-fill"></i>
      <div class="label">vinyl-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-vinyl"></i>
      <div class="label">vinyl</div>
    </div>
    <div class="icon">
      <i class="bi bi-voicemail"></i>
      <div class="label">voicemail</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-down-fill"></i>
      <div class="label">volume-down-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-down"></i>
      <div class="label">volume-down</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-mute-fill"></i>
      <div class="label">volume-mute-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-mute"></i>
      <div class="label">volume-mute</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-off-fill"></i>
      <div class="label">volume-off-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-off"></i>
      <div class="label">volume-off</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-up-fill"></i>
      <div class="label">volume-up-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-volume-up"></i>
      <div class="label">volume-up</div>
    </div>
    <div class="icon">
      <i class="bi bi-vr"></i>
      <div class="label">vr</div>
    </div>
    <div class="icon">
      <i class="bi bi-wallet-fill"></i>
      <div class="label">wallet-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-wallet"></i>
      <div class="label">wallet</div>
    </div>
    <div class="icon">
      <i class="bi bi-wallet2"></i>
      <div class="label">wallet2</div>
    </div>
    <div class="icon">
      <i class="bi bi-watch"></i>
      <div class="label">watch</div>
    </div>
    <div class="icon">
      <i class="bi bi-water"></i>
      <div class="label">water</div>
    </div>
    <div class="icon">
      <i class="bi bi-whatsapp"></i>
      <div class="label">whatsapp</div>
    </div>
    <div class="icon">
      <i class="bi bi-wifi-1"></i>
      <div class="label">wifi-1</div>
    </div>
    <div class="icon">
      <i class="bi bi-wifi-2"></i>
      <div class="label">wifi-2</div>
    </div>
    <div class="icon">
      <i class="bi bi-wifi-off"></i>
      <div class="label">wifi-off</div>
    </div>
    <div class="icon">
      <i class="bi bi-wifi"></i>
      <div class="label">wifi</div>
    </div>
    <div class="icon">
      <i class="bi bi-wind"></i>
      <div class="label">wind</div>
    </div>
    <div class="icon">
      <i class="bi bi-window-dock"></i>
      <div class="label">window-dock</div>
    </div>
    <div class="icon">
      <i class="bi bi-window-sidebar"></i>
      <div class="label">window-sidebar</div>
    </div>
    <div class="icon">
      <i class="bi bi-window"></i>
      <div class="label">window</div>
    </div>
    <div class="icon">
      <i class="bi bi-wrench"></i>
      <div class="label">wrench</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-circle-fill"></i>
      <div class="label">x-circle-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-circle"></i>
      <div class="label">x-circle</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-diamond-fill"></i>
      <div class="label">x-diamond-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-diamond"></i>
      <div class="label">x-diamond</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-lg"></i>
      <div class="label">x-lg</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-octagon-fill"></i>
      <div class="label">x-octagon-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-octagon"></i>
      <div class="label">x-octagon</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-square-fill"></i>
      <div class="label">x-square-fill</div>
    </div>
    <div class="icon">
      <i class="bi bi-x-square"></i>
      <div class="label">x-square</div>
    </div>
    <div class="icon">
      <i class="bi bi-x"></i>
      <div class="label">x</div>
    </div>
    <div class="icon">
      <i class="bi bi-youtube"></i>
      <div class="label">youtube</div>
    </div>
    <div class="icon">
      <i class="bi bi-zoom-in"></i>
      <div class="label">zoom-in</div>
    </div>
    <div class="icon">
      <i class="bi bi-zoom-out"></i>
      <div class="label">zoom-out</div>
    </div>
  </div>

</body>
</html>