OpTem Icon Selection Gallery

457 icons from 6 professional libraries, for every spot in the OpTem app. Browse, compare, and screenshot the ones you like.

How to choose: scroll through the bottom-navigation combinations first, then the categories. When you find one you like, note the library + icon name + weight shown on its card (for example: Phosphor · squares-four · fill) and send it to me. Nothing here changes the live app — this page is only for choosing.

Jump to: Games · About · Calendar · Profile · Search · Filters · Back · External link · Edit profile · Sign out · Empty search results · Clear search · Suggest a game · Vote · Upvote · Notifications (future)

Bottom navigation — full combinations

Each row is one library's Games / About / Calendar / Profile together, shown the way the real nav looks (Games active). Judge whether each row feels like one coherent family.

Games / Game catalog

OpTem icon: games · 32 options

squares-four
Phosphor
regular
squares-four
Phosphor
fill
grid-four
Phosphor
regular
game-controller
Phosphor
regular
shapes
Phosphor
regular
squares-four
Phosphor
bold
layout-grid
Lucide
outline
grid-2x2
Lucide
outline
gamepad-2
Lucide
outline
shapes
Lucide
outline
dices
Lucide
outline
grid_view
Material Symbols
outlined
grid_view
Material Symbols
rounded
sports_esports
Material Symbols
outlined
sports_esports
Material Symbols
rounded
stadia_controller
Material Symbols
outlined
dashboard
Material Symbols
outlined
layout-grid
Tabler
outline
layout-grid
Tabler
filled
device-gamepad-2
Tabler
outline
device-gamepad-2
Tabler
filled
layout-board
Tabler
outline
dice-5
Tabler
outline
grid
Remix Icon
line
grid
Remix Icon
fill
gamepad
Remix Icon
line
gamepad
Remix Icon
fill
layout-grid
Remix Icon
line
grid
Bootstrap Icons
regular
grid
Bootstrap Icons
fill
controller
Bootstrap Icons
regular
dice-5
Bootstrap Icons
regular

About / Information

OpTem icon: about · 25 options

info
Phosphor
regular
info
Phosphor
fill
question
Phosphor
regular
info
Phosphor
bold
info
Lucide
outline
circle-help
Lucide
outline
badge-info
Lucide
outline
info
Material Symbols
outlined
info
Material Symbols
rounded
info
Material Symbols
outlined-fill
help
Material Symbols
outlined
help_center
Material Symbols
outlined
info-circle
Tabler
outline
info-circle
Tabler
filled
info-square
Tabler
outline
info-hexagon
Tabler
outline
help-circle
Tabler
outline
information
Remix Icon
line
information
Remix Icon
fill
information-2
Remix Icon
line
information-2
Remix Icon
fill
info-circle
Bootstrap Icons
regular
info-circle
Bootstrap Icons
fill
info-square
Bootstrap Icons
regular
info-square
Bootstrap Icons
fill

Calendar / Events

OpTem icon: calendar · 31 options

calendar-blank
Phosphor
regular
calendar-blank
Phosphor
fill
calendar
Phosphor
regular
calendar-check
Phosphor
regular
calendar-plus
Phosphor
regular
calendar-blank
Phosphor
bold
calendar
Lucide
outline
calendar-days
Lucide
outline
calendar-check
Lucide
outline
calendar-plus
Lucide
outline
calendar_month
Material Symbols
outlined
calendar_month
Material Symbols
rounded
calendar_month
Material Symbols
outlined-fill
event
Material Symbols
outlined
calendar_add_on
Material Symbols
outlined
date_range
Material Symbols
outlined
calendar
Tabler
outline
calendar
Tabler
filled
calendar-event
Tabler
outline
calendar-plus
Tabler
outline
calendar-check
Tabler
outline
calendar
Remix Icon
line
calendar
Remix Icon
fill
calendar-event
Remix Icon
line
calendar-event
Remix Icon
fill
calendar-check
Remix Icon
line
calendar
Bootstrap Icons
regular
calendar
Bootstrap Icons
fill
calendar-event
Bootstrap Icons
regular
calendar-event
Bootstrap Icons
fill
calendar-check
Bootstrap Icons
regular

Profile / User

OpTem icon: profile · 30 options

user
Phosphor
regular
user
Phosphor
fill
user-circle
Phosphor
regular
user-focus
Phosphor
regular
users
Phosphor
regular
user
Phosphor
bold
user
Lucide
outline
user-round
Lucide
outline
circle-user-round
Lucide
outline
users
Lucide
outline
person
Material Symbols
outlined
person
Material Symbols
rounded
person
Material Symbols
outlined-fill
account_circle
Material Symbols
outlined
group
Material Symbols
outlined
face
Material Symbols
outlined
user
Tabler
outline
user
Tabler
filled
user-circle
Tabler
outline
users
Tabler
outline
user-square
Tabler
outline
user
Remix Icon
line
user
Remix Icon
fill
account-circle
Remix Icon
line
account-circle
Remix Icon
fill
group
Remix Icon
line
person
Bootstrap Icons
regular
person
Bootstrap Icons
fill
person-circle
Bootstrap Icons
regular
people
Bootstrap Icons
regular

Filters

OpTem icon: filter · 28 options

sliders-horizontal
Phosphor
regular
sliders-horizontal
Phosphor
fill
sliders
Phosphor
regular
funnel
Phosphor
regular
funnel-simple
Phosphor
regular
sliders-horizontal
Phosphor
bold
sliders-horizontal
Lucide
outline
sliders-vertical
Lucide
outline
filter
Lucide
outline
list-filter
Lucide
outline
tune
Material Symbols
outlined
tune
Material Symbols
rounded
filter_list
Material Symbols
outlined
filter_alt
Material Symbols
outlined
adjustments-horizontal
Tabler
outline
adjustments-horizontal
Tabler
filled
adjustments-horizontal
Tabler
outline
filter
Tabler
outline
chart-funnel
Tabler
outline
filter
Remix Icon
line
filter
Remix Icon
fill
filter-2
Remix Icon
line
filter-2
Remix Icon
fill
filter-3
Remix Icon
line
sliders
Bootstrap Icons
regular
funnel
Bootstrap Icons
regular
funnel
Bootstrap Icons
fill
filter
Bootstrap Icons
regular

Back / Forward / Arrows

OpTem icon: back · chevron-right · chevron-up · arrow-right · 56 options

caret-left
Phosphor
regular
caret-left
Phosphor
fill
caret-right
Phosphor
regular
caret-up
Phosphor
regular
caret-down
Phosphor
regular
arrow-left
Phosphor
regular
arrow-right
Phosphor
regular
arrow-up
Phosphor
regular
arrow-down
Phosphor
regular
arrow-line-left
Phosphor
regular
arrow-left
Lucide
outline
arrow-right
Lucide
outline
arrow-up
Lucide
outline
arrow-down
Lucide
outline
chevron-left
Lucide
outline
chevron-right
Lucide
outline
chevron-up
Lucide
outline
chevron-down
Lucide
outline
undo-2
Lucide
outline
arrow_back
Material Symbols
outlined
arrow_back
Material Symbols
rounded
arrow_forward
Material Symbols
outlined
arrow_upward
Material Symbols
outlined
arrow_downward
Material Symbols
outlined
chevron_left
Material Symbols
outlined
chevron_right
Material Symbols
outlined
keyboard_arrow_up
Material Symbols
outlined
undo
Material Symbols
outlined
arrow-left
Tabler
outline
arrow-right
Tabler
outline
arrow-up
Tabler
outline
arrow-down
Tabler
outline
chevron-left
Tabler
outline
chevron-right
Tabler
outline
chevron-up
Tabler
outline
chevron-down
Tabler
outline
arrow-back-up
Tabler
outline
arrow-left
Remix Icon
line
arrow-left
Remix Icon
fill
arrow-right
Remix Icon
line
arrow-up
Remix Icon
line
arrow-down
Remix Icon
line
arrow-left-s
Remix Icon
line
arrow-right-s
Remix Icon
line
arrow-up-s
Remix Icon
line
arrow-go-back
Remix Icon
line
arrow-left
Bootstrap Icons
regular
arrow-right
Bootstrap Icons
regular
arrow-up
Bootstrap Icons
regular
arrow-down
Bootstrap Icons
regular
chevron-left
Bootstrap Icons
regular
chevron-right
Bootstrap Icons
regular
chevron-up
Bootstrap Icons
regular
chevron-down
Bootstrap Icons
regular
arrow-left-circle
Bootstrap Icons
regular
arrow-counterclockwise
Bootstrap Icons
regular

External link / Google Play

OpTem icon: external · 23 options

arrow-up-right
Phosphor
regular
arrow-up-right
Phosphor
fill
arrow-square-out
Phosphor
regular
export
Phosphor
regular
share
Phosphor
regular
arrow-up-right
Lucide
outline
external-link
Lucide
outline
square-arrow-out-up-right
Lucide
outline
open_in_new
Material Symbols
outlined
open_in_new
Material Symbols
rounded
north_east
Material Symbols
outlined
output
Material Symbols
outlined
external-link
Tabler
outline
external-link
Tabler
filled
arrow-up-right
Tabler
outline
square-arrow-up
Tabler
outline
external-link
Remix Icon
line
external-link
Remix Icon
fill
arrow-right-up
Remix Icon
line
share
Remix Icon
line
box-arrow-up-right
Bootstrap Icons
regular
arrow-up-right-square
Bootstrap Icons
regular
box-arrow-in-up-right
Bootstrap Icons
regular

Edit profile

OpTem icon: edit · 29 options

pencil-simple
Phosphor
regular
pencil-simple
Phosphor
fill
pencil
Phosphor
regular
pencil-line
Phosphor
regular
note-pencil
Phosphor
regular
pencil
Lucide
outline
pen
Lucide
outline
pen-line
Lucide
outline
notebook-pen
Lucide
outline
edit
Material Symbols
outlined
edit
Material Symbols
rounded
edit
Material Symbols
outlined-fill
edit_note
Material Symbols
outlined
draw
Material Symbols
outlined
pencil
Tabler
outline
pencil
Tabler
filled
edit
Tabler
outline
pencil-plus
Tabler
outline
edit-circle
Tabler
outline
pencil
Remix Icon
line
pencil
Remix Icon
fill
edit
Remix Icon
line
edit
Remix Icon
fill
edit-2
Remix Icon
line
pen-nib
Remix Icon
line
pencil
Bootstrap Icons
regular
pencil
Bootstrap Icons
fill
pencil-square
Bootstrap Icons
regular
pen
Bootstrap Icons
regular

Sign out

OpTem icon: logout · 21 options

sign-out
Phosphor
regular
sign-out
Phosphor
fill
door
Phosphor
regular
arrow-line-right
Phosphor
regular
log-out
Lucide
outline
door-open
Lucide
outline
arrow-right-from-line
Lucide
outline
logout
Material Symbols
outlined
logout
Material Symbols
rounded
exit_to_app
Material Symbols
outlined
door_open
Material Symbols
outlined
logout
Tabler
outline
door-exit
Tabler
outline
arrow-right-to-arc
Tabler
outline
logout-box
Remix Icon
line
logout-box
Remix Icon
fill
logout-circle
Remix Icon
line
door-open
Remix Icon
line
box-arrow-right
Bootstrap Icons
regular
box-arrow-in-right
Bootstrap Icons
regular
door-open
Bootstrap Icons
regular

Empty search results

OpTem icon: search (empty state) · 28 options

ghost
Phosphor
regular
ghost
Phosphor
fill
tray
Phosphor
regular
smiley-sad
Phosphor
regular
prohibit
Phosphor
regular
search-x
Lucide
outline
ghost
Lucide
outline
inbox
Lucide
outline
package-open
Lucide
outline
cloud-off
Lucide
outline
search_off
Material Symbols
outlined
search_off
Material Symbols
rounded
inbox
Material Symbols
outlined
sentiment_dissatisfied
Material Symbols
outlined
hourglass_empty
Material Symbols
outlined
search-off
Tabler
outline
ghost
Tabler
outline
inbox
Tabler
outline
mood-sad
Tabler
outline
ghost
Remix Icon
line
ghost
Remix Icon
fill
inbox
Remix Icon
line
inbox
Remix Icon
fill
search-2
Remix Icon
line
emotion-sad
Remix Icon
line
inbox
Bootstrap Icons
regular
inbox
Bootstrap Icons
fill
emoji-frown
Bootstrap Icons
regular

Clear search

OpTem icon: close · 23 options

x
Phosphor
regular
x
Phosphor
fill
x-circle
Phosphor
regular
x-square
Phosphor
regular
x
Lucide
outline
circle-x
Lucide
outline
square-x
Lucide
outline
close
Material Symbols
outlined
close
Material Symbols
rounded
cancel
Material Symbols
outlined
backspace
Material Symbols
outlined
x
Tabler
outline
x
Tabler
filled
circle-x
Tabler
outline
square-x
Tabler
outline
close
Remix Icon
line
close
Remix Icon
fill
close-circle
Remix Icon
line
close-circle
Remix Icon
fill
x
Bootstrap Icons
regular
x-circle
Bootstrap Icons
regular
x-circle
Bootstrap Icons
fill
x-square
Bootstrap Icons
regular

Suggest a game

OpTem icon: suggest · 38 options

plus
Phosphor
regular
plus
Phosphor
fill
plus-circle
Phosphor
regular
lightbulb
Phosphor
regular
sparkle
Phosphor
regular
gift
Phosphor
regular
rocket-launch
Phosphor
regular
plus
Lucide
outline
circle-plus
Lucide
outline
lightbulb
Lucide
outline
sparkles
Lucide
outline
gift
Lucide
outline
rocket
Lucide
outline
add_circle
Material Symbols
outlined
add_circle
Material Symbols
rounded
lightbulb
Material Symbols
outlined
auto_awesome_motion
Material Symbols
outlined
redeem
Material Symbols
outlined
rocket_launch
Material Symbols
outlined
plus
Tabler
outline
plus
Tabler
filled
circle-plus
Tabler
outline
bulb
Tabler
outline
sparkles
Tabler
outline
gift
Tabler
outline
add
Remix Icon
line
add
Remix Icon
fill
add-circle
Remix Icon
line
add-circle
Remix Icon
fill
lightbulb
Remix Icon
line
rocket
Remix Icon
line
gift
Remix Icon
line
plus-circle
Bootstrap Icons
regular
plus-circle
Bootstrap Icons
fill
lightbulb
Bootstrap Icons
regular
lightbulb
Bootstrap Icons
fill
gift
Bootstrap Icons
regular
rocket
Bootstrap Icons
regular

Vote / Saved (check)

OpTem icon: check · 23 options

check
Phosphor
regular
check
Phosphor
fill
check-circle
Phosphor
regular
check-square
Phosphor
regular
check
Lucide
outline
circle-check
Lucide
outline
square-check
Lucide
outline
check
Material Symbols
outlined
check
Material Symbols
rounded
check_circle
Material Symbols
outlined
task_alt
Material Symbols
outlined
check
Tabler
outline
check
Tabler
filled
circle-check
Tabler
outline
square-check
Tabler
outline
check
Remix Icon
line
check
Remix Icon
fill
check-double
Remix Icon
line
checkbox-circle
Remix Icon
line
check
Bootstrap Icons
regular
check-circle
Bootstrap Icons
regular
check-circle
Bootstrap Icons
fill
check-square
Bootstrap Icons
regular

Upvote

OpTem icon: chevron-up · 27 options

caret-up
Phosphor
regular
caret-up
Phosphor
fill
arrow-up
Phosphor
regular
arrow-fat-up
Phosphor
regular
arrow-circle-up
Phosphor
regular
thumbs-up
Phosphor
regular
chevron-up
Lucide
outline
arrow-up
Lucide
outline
arrow-big-up
Lucide
outline
thumbs-up
Lucide
outline
keyboard_arrow_up
Material Symbols
outlined
keyboard_arrow_up
Material Symbols
rounded
arrow_upward
Material Symbols
outlined
thumb_up
Material Symbols
outlined
chevron-up
Tabler
outline
arrow-up
Tabler
outline
arrow-big-up
Tabler
outline
thumb-up
Tabler
outline
arrow-up
Remix Icon
line
arrow-up
Remix Icon
fill
arrow-up-s
Remix Icon
line
thumb-up
Remix Icon
line
arrow-up-circle
Remix Icon
line
chevron-up
Bootstrap Icons
regular
arrow-up
Bootstrap Icons
regular
arrow-up-circle
Bootstrap Icons
regular
hand-thumbs-up
Bootstrap Icons
regular

Notifications (future)

OpTem icon: bell · 21 options

bell
Phosphor
regular
bell
Phosphor
fill
bell-simple
Phosphor
regular
bell-ringing
Phosphor
regular
bell
Lucide
outline
bell-ring
Lucide
outline
bell-dot
Lucide
outline
notifications
Material Symbols
outlined
notifications
Material Symbols
rounded
notifications
Material Symbols
outlined-fill
notifications_active
Material Symbols
outlined
notification_important
Material Symbols
outlined
bell
Tabler
outline
bell
Tabler
filled
bell-ringing
Tabler
outline
notification
Remix Icon
line
notification
Remix Icon
fill
notification-2
Remix Icon
line
bell
Bootstrap Icons
regular
bell
Bootstrap Icons
fill
bell-slash
Bootstrap Icons
regular