<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Semantic UI - Icon Set Users & People</
title
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
style
>
.ui.container {
text-align: center;
}
h3 {
margin-top: 0px;
}
.ui.grid {
margin-top: 30px !important;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"ui container"
>
<
div
>
<
h1
style
=
"color: green;"
>GeeksforGeeks</
h1
>
<
h3
>Semantic UI - Icon Set Users & People</
h3
>
</
div
>
<
div
class
=
"ui grid"
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon red small address book"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon blue small address book outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon green small address card"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon teal small address card outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon yellow small bed"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon blue blind"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon violet child"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon purple female"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon pink frown"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon brown frown outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon grey large id badge"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon black large id badge outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon yellow large id card"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon teal large id card outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon grey big male"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon pink big meh"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon blue big meh outlinne"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon purple big power off"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon red big smile"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon orange big smile outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon olive huge street view"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon green huge user"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon teal huge user outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon violet huge user circle"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon blue big user circle outline"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon pink big user md"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon grey big user plus"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon brown big user secret"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon pink big user times"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon violet big users"
></
i
>
</
div
>
<
div
class
=
"three wide column"
>
<
i
class
=
"icon pink big wheelchair"
></
i
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>