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.

Exposure Neg 1

Class: exposure_neg_1
Category: photo_image
Code Point: e3cb

Exposure Neg 2

Class: exposure_neg_2
Category: photo_image
Code Point: e3cc

Exposure Plus 1

Class: exposure_plus_1
Category: photo_image
Code Point: e3cd

Exposure Plus 2

Class: exposure_plus_2
Category: photo_image
Code Point: e3ce

Exposure Zero

Class: exposure_zero
Category: photo_image
Code Point: e3cf

Face Retouching Natural

Class: face_retouching_natural
Category: photo_image
Code Point: ef4e

Face Retouching Off

Class: face_retouching_off
Category: photo_image
Code Point: f007

Filter

Class: filter
Category: photo_image
Code Point: e3d3

Filter 1

Class: filter_1
Category: photo_image
Code Point: e3d0

Filter 2

Class: filter_2
Category: photo_image
Code Point: e3d1

Filter 3

Class: filter_3
Category: photo_image
Code Point: e3d2

Filter 4

Class: filter_4
Category: photo_image
Code Point: e3d4

Filter 5

Class: filter_5
Category: photo_image
Code Point: e3d5

Filter 6

Class: filter_6
Category: photo_image
Code Point: e3d6

Filter 7

Class: filter_7
Category: photo_image
Code Point: e3d7

Filter 8

Class: filter_8
Category: photo_image
Code Point: e3d8

Filter 9

Class: filter_9
Category: photo_image
Code Point: e3d9

Filter 9 Plus

Class: filter_9_plus
Category: photo_image
Code Point: e3da

Filter Alt

Class: filter_alt
Category: photo_image
Code Point: ef4f

Filter B And W

Class: filter_b_and_w
Category: photo_image
Code Point: e3db

Filter Center Focus

Class: filter_center_focus
Category: photo_image
Code Point: e3dc

Filter Drama

Class: filter_drama
Category: photo_image
Code Point: e3dd

Filter Frames

Class: filter_frames
Category: photo_image
Code Point: e3de

Filter Hdr

Class: filter_hdr
Category: photo_image
Code Point: e3df

Filter None

Class: filter_none
Category: photo_image
Code Point: e3e0

Filter Tilt Shift

Class: filter_tilt_shift
Category: photo_image
Code Point: e3e2

Filter Vintage

Class: filter_vintage
Category: photo_image
Code Point: e3e3

Flaky

Class: flaky
Category: photo_image
Code Point: ef50

Flare

Class: flare
Category: photo_image
Code Point: e3e4

Flash Auto

Class: flash_auto
Category: photo_image
Code Point: e3e5

Flash Off

Class: flash_off
Category: photo_image
Code Point: e3e6

Flash On

Class: flash_on
Category: photo_image
Code Point: e3e7

Flip

Class: flip
Category: photo_image
Code Point: e3e8

Flip Camera Android

Class: flip_camera_android
Category: photo_image
Code Point: ea37

Flip Camera Ios

Class: flip_camera_ios
Category: photo_image
Code Point: ea38

Fluorescent

Class: fluorescent
Category: photo_image
Code Point: ec31

Gallery Thumbnail

Class: gallery_thumbnail
Category: photo_image
Code Point: f86f

Gif

Class: gif
Category: photo_image
Code Point: e908

Gif Box

Class: gif_box
Category: photo_image
Code Point: e7a3

Gradient

Class: gradient
Category: photo_image
Code Point: e3e9

Grain

Class: grain
Category: photo_image
Code Point: e3ea

Grid Off

Class: grid_off
Category: photo_image
Code Point: e3eb

Grid On

Class: grid_on
Category: photo_image
Code Point: e3ec

Hdr Auto

Class: hdr_auto
Category: photo_image
Code Point: f01a

Hdr Auto Select

Class: hdr_auto_select
Category: photo_image
Code Point: f01b

Hdr Enhanced Select

Class: hdr_enhanced_select
Category: photo_image
Code Point: ef51

Hdr Off

Class: hdr_off
Category: photo_image
Code Point: e3ed

Hdr Off Select

Class: hdr_off_select
Category: photo_image
Code Point: f01c

Hdr On

Class: hdr_on
Category: photo_image
Code Point: e3ee

Hdr On Select

Class: hdr_on_select
Category: photo_image
Code Point: f01d

Hdr Plus

Class: hdr_plus
Category: photo_image
Code Point: f01e

Hdr Strong

Class: hdr_strong
Category: photo_image
Code Point: e3f1

Hdr Weak

Class: hdr_weak
Category: photo_image
Code Point: e3f2

Healing

Class: healing
Category: photo_image
Code Point: e3f3

Hevc

Class: hevc
Category: photo_image
Code Point: f021

Hide Image

Class: hide_image
Category: photo_image
Code Point: Not available

High Density

Class: high_density
Category: photo_image
Code Point: f79c

Image

Class: image
Category: photo_image
Code Point: e3f4

Image Aspect Ratio

Class: image_aspect_ratio
Category: photo_image
Code Point: e3f5

Image Not Supported

Class: image_not_supported
Category: photo_image
Code Point: f116

Image Search

Class: image_search
Category: photo_image
Code Point: e43f

Imagesmode

Class: imagesmode
Category: photo_image
Code Point: efa2

Incomplete Circle

Class: incomplete_circle
Category: photo_image
Code Point: e79b

Invert Colors

Class: invert_colors
Category: photo_image
Code Point: e891

Invert Colors Off

Class: invert_colors_off
Category: photo_image
Code Point: e0c4

Landscape

Class: landscape
Category: photo_image
Code Point: e3f7

Leak Add

Class: leak_add
Category: photo_image
Code Point: e3f8

Leak Remove

Class: leak_remove
Category: photo_image
Code Point: e3f9

Lens

Class: lens
Category: photo_image
Code Point: e3fa

Lens Blur

Class: lens_blur
Category: photo_image
Code Point: f029

Linked Camera

Class: linked_camera
Category: photo_image
Code Point: e438

Looks

Class: looks
Category: photo_image
Code Point: e3fc

Looks 3

Class: looks_3
Category: photo_image
Code Point: e3fb

Looks 4

Class: looks_4
Category: photo_image
Code Point: e3fd

Looks 5

Class: looks_5
Category: photo_image
Code Point: e3fe

Looks 6

Class: looks_6
Category: photo_image
Code Point: e3ff

Looks One

Class: looks_one
Category: photo_image
Code Point: e400

Looks Two

Class: looks_two
Category: photo_image
Code Point: e401

Loupe

Class: loupe
Category: photo_image
Code Point: e402

Low Density

Class: low_density
Category: photo_image
Code Point: f79b

Macro Auto

Class: macro_auto
Category: photo_image
Code Point: f6f2

Macro Off

Class: macro_off
Category: photo_image
Code Point: f8d2

Magic Button

Class: magic_button
Category: photo_image
Code Point: f136

Mic External Off

Class: mic_external_off
Category: photo_image
Code Point: ef59

Mic External On

Class: mic_external_on
Category: photo_image
Code Point: ef5a

Monochrome Photos

Class: monochrome_photos
Category: photo_image
Code Point: e403

Motion Blur

Class: motion_blur
Category: photo_image
Code Point: f0d0

Motion Mode

Class: motion_mode
Category: photo_image
Code Point: f842

Motion Photos Auto

Class: motion_photos_auto
Category: photo_image
Code Point: f03a

Motion Photos Off

Class: motion_photos_off
Category: photo_image
Code Point: e9c0

Motion Photos Paused

Class: motion_photos_paused
Category: photo_image
Code Point: e9c2

Movie Filter

Class: movie_filter
Category: photo_image
Code Point: e43a

Mp

Class: mp
Category: photo_image
Code Point: e9c3

Nature

Class: nature
Category: photo_image
Code Point: e406

Nature People

Class: nature_people
Category: photo_image
Code Point: e407

Navigate Before

Class: navigate_before
Category: photo_image
Code Point: e408