Icon Libraries

Font icons

A font icon is a graphic symbol or glyph that is created using font characters. Font icons are typically created using scalable vector graphics (SVGs) and are used as a font rather than an image. As a SVG character, the font icons can be easily resized and styled using CSS, and can also be loaded more efficiently than traditional image icons. Font icons are commonly used in web design to provide simple and scalable icons for buttons, navigation bars, symbols, and other user interface elements. They are often used in conjunction with web fonts, which are a collection of font files that can be loaded onto a web page and used to display text in a particular typeface. Some popular font icon libraries include Font Awesome, Material Design Icons, and Ionicons. These libraries provide a wide range of icons that can be easily integrated into a web project, and are typically free to use under an open source license.

Practical Notes

Icon Implementation Checklist

Icons work best when they support quick recognition without becoming the only way a user understands an action.

Label important controls

Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.

Keep style consistent

Mixing filled, outlined, sharp, and rounded icon families can make an interface feel uneven.

Load only what you need

Large icon fonts can cost performance. SVG sprites or subset fonts are better for focused interfaces.

Navigate Next

Class: navigate_next
Category: photo_image
Code Point: e409

Night Sight Auto

Class: night_sight_auto
Category: photo_image
Code Point: f1d7

Night Sight Auto Off

Class: night_sight_auto_off
Category: photo_image
Code Point: f1f9

No Flash

Class: no_flash
Category: photo_image
Code Point: f1a6

No Photography

Class: no_photography
Category: photo_image
Code Point: f1a8

Opacity

Class: opacity
Category: photo_image
Code Point: e91c

Palette

Class: palette
Category: photo_image
Code Point: e40a

Panorama

Class: panorama
Category: photo_image
Code Point: e40b

Panorama Fish Eye

Class: panorama_fish_eye
Category: photo_image
Code Point: e40c

Panorama Horizontal

Class: panorama_horizontal
Category: photo_image
Code Point: e40d

Panorama Photosphere

Class: panorama_photosphere
Category: photo_image
Code Point: e9c9

Panorama Vertical

Class: panorama_vertical
Category: photo_image
Code Point: e40e

Panorama Wide Angle

Class: panorama_wide_angle
Category: photo_image
Code Point: e40f

Party Mode

Class: party_mode
Category: photo_image
Code Point: e7fa

Perm Camera Mic

Class: perm_camera_mic
Category: photo_image
Code Point: e8a2

Photo

Class: photo
Category: photo_image
Code Point: e410

Photo Album

Class: photo_album
Category: photo_image
Code Point: e411

Photo Camera

Class: photo_camera
Category: photo_image
Code Point: e412

Photo Camera Back

Class: photo_camera_back
Category: photo_image
Code Point: ef68

Photo Camera Front

Class: photo_camera_front
Category: photo_image
Code Point: ef69

Photo Filter

Class: photo_filter
Category: photo_image
Code Point: e43b

Photo Frame

Class: photo_frame
Category: photo_image
Code Point: f0d9

Photo Library

Class: photo_library
Category: photo_image
Code Point: e413

Photo Size Select Large

Class: photo_size_select_large
Category: photo_image
Code Point: e433

Photo Size Select Small

Class: photo_size_select_small
Category: photo_image
Code Point: e434

Picture As Pdf

Class: picture_as_pdf
Category: photo_image
Code Point: e415

Raw Off

Class: raw_off
Category: photo_image
Code Point: f04f

Raw On

Class: raw_on
Category: photo_image
Code Point: f050

Rotate 90 Degrees Ccw

Class: rotate_90_degrees_ccw
Category: photo_image
Code Point: e418

Rotate 90 Degrees Cw

Class: rotate_90_degrees_cw
Category: photo_image
Code Point: eaab

Rotate Left

Class: rotate_left
Category: photo_image
Code Point: e419

Rotate Right

Class: rotate_right
Category: photo_image
Code Point: e41a

Settings Brightness

Class: settings_brightness
Category: photo_image
Code Point: e8bd

Settings Motion Mode

Class: settings_motion_mode
Category: photo_image
Code Point: f833

Settings Night Sight

Class: settings_night_sight
Category: photo_image
Code Point: f832

Settings Panorama

Class: settings_panorama
Category: photo_image
Code Point: f831

Settings Photo Camera

Class: settings_photo_camera
Category: photo_image
Code Point: f834

Shutter Speed

Class: shutter_speed
Category: photo_image
Code Point: e43d

Slideshow

Class: slideshow
Category: photo_image
Code Point: e41b

Straighten

Class: straighten
Category: photo_image
Code Point: e41c

Style

Class: style
Category: photo_image
Code Point: e41d

Switch Camera

Class: switch_camera
Category: photo_image
Code Point: e41e

Switch Video

Class: switch_video
Category: photo_image
Code Point: e41f

Texture

Class: texture
Category: photo_image
Code Point: e421

Timelapse

Class: timelapse
Category: photo_image
Code Point: e422

Timer

Class: timer
Category: photo_image
Code Point: e425

Timer 10

Class: timer_10
Category: photo_image
Code Point: e423

Timer 3

Class: timer_3
Category: photo_image
Code Point: e424

Timer Off

Class: timer_off
Category: photo_image
Code Point: e426

Tonality

Class: tonality
Category: photo_image
Code Point: e427

Trail Length

Class: trail_length
Category: photo_image
Code Point: eb5e

Trail Length Medium

Class: trail_length_medium
Category: photo_image
Code Point: eb63

Trail Length Short

Class: trail_length_short
Category: photo_image
Code Point: eb6d

Transform

Class: transform
Category: photo_image
Code Point: e428

Tune

Class: tune
Category: photo_image
Code Point: e429

View Comfy

Class: view_comfy
Category: photo_image
Code Point: e42a

View Compact

Class: view_compact
Category: photo_image
Code Point: e42b

Vignette

Class: vignette
Category: photo_image
Code Point: e435

Vrpano

Class: vrpano
Category: photo_image
Code Point: f082

Wb Auto

Class: wb_auto
Category: photo_image
Code Point: e42c

Wb Incandescent

Class: wb_incandescent
Category: photo_image
Code Point: e42e

Wb Iridescent

Class: wb_iridescent
Category: photo_image
Code Point: e436

Wb Shade

Class: wb_shade
Category: photo_image
Code Point: ea01

Wb Sunny

Class: wb_sunny
Category: photo_image
Code Point: e430

Wb Twilight

Class: wb_twilight
Category: photo_image
Code Point: e1c6

Web Stories

Class: web_stories
Category: photo_image
Code Point: e595

Add Moderator

Class: add_moderator
Category: privacy_security
Code Point: e97d

Admin Panel Settings

Class: admin_panel_settings
Category: privacy_security
Code Point: ef3d

Assured Workload

Class: assured_workload
Category: privacy_security
Code Point: eb6f

Badge

Class: badge
Category: privacy_security
Code Point: ea67

Disabled Visible

Class: disabled_visible
Category: privacy_security
Code Point: e76e

E911 Emergency

Class: e911_emergency
Category: privacy_security
Code Point: f119

Enhanced Encryption

Class: enhanced_encryption
Category: privacy_security
Code Point: e63f

Exclamation

Class: exclamation
Category: privacy_security
Code Point: f22f

Key Visualizer

Class: key_visualizer
Category: privacy_security
Code Point: f199

No Encryption

Class: no_encryption
Category: privacy_security
Code Point: e641

Policy

Class: policy
Category: privacy_security
Code Point: ea17

Privacy Tip

Class: privacy_tip
Category: privacy_security
Code Point: f0dc

Private Connectivity

Class: private_connectivity
Category: privacy_security
Code Point: e744

Remove Moderator

Class: remove_moderator
Category: privacy_security
Code Point: e9d4

Report

Class: report
Category: privacy_security
Code Point: e160

Report Off

Class: report_off
Category: privacy_security
Code Point: e170

Security

Class: security
Category: privacy_security
Code Point: e32a

Shield

Class: shield
Category: privacy_security
Code Point: e9e0

Shield Lock

Class: shield_lock
Category: privacy_security
Code Point: f686

Sync Lock

Class: sync_lock
Category: privacy_security
Code Point: eaee

Verified User

Class: verified_user
Category: privacy_security
Code Point: e8e8

Vpn Key

Class: vpn_key
Category: privacy_security
Code Point: e0da

Vpn Key Alert

Class: vpn_key_alert
Category: privacy_security
Code Point: f6cc

Vpn Key Off

Class: vpn_key_off
Category: privacy_security
Code Point: eb7a

Vpn Lock

Class: vpn_lock
Category: privacy_security
Code Point: e62f

Wifi Password

Class: wifi_password
Category: privacy_security
Code Point: eb6b

Class
Category: social
Code Point: Not available

18 Up Rating

Class: 18_up_rating
Category: social
Code Point: f8fd

6 Ft Apart

Class: 6_ft_apart
Category: social
Code Point: f21e

Add Reaction

Class: add_reaction
Category: social
Code Point: e1d3