Label important controls
Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.
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.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.
Q
Queue Music
- Class
- queue_music
- Category
- audio_video
- Code Point
- e03d
Q
Queue Play Next
- Class
- queue_play_next
- Category
- audio_video
- Code Point
- e066
R
Radio
- Class
- radio
- Category
- audio_video
- Code Point
- e03e
R
Recent Actors
- Class
- recent_actors
- Category
- audio_video
- Code Point
- e03f
R
Remove From Queue
- Class
- remove_from_queue
- Category
- audio_video
- Code Point
- e067
R
Repeat
- Class
- repeat
- Category
- audio_video
- Code Point
- e040
R
Repeat On
- Class
- repeat_on
- Category
- audio_video
- Code Point
- e9d6
R
Repeat One
- Class
- repeat_one
- Category
- audio_video
- Code Point
- e041
R
Repeat One On
- Class
- repeat_one_on
- Category
- audio_video
- Code Point
- e9d7
R
Replay
- Class
- replay
- Category
- audio_video
- Code Point
- e042
R
Replay 10
- Class
- replay_10
- Category
- audio_video
- Code Point
- e059
R
Replay 30
- Class
- replay_30
- Category
- audio_video
- Code Point
- e05a
R
Replay 5
- Class
- replay_5
- Category
- audio_video
- Code Point
- e05b
R
Resume
- Class
- resume
- Category
- audio_video
- Code Point
- f7d0
S
Sd
- Class
- sd
- Category
- audio_video
- Code Point
- e9dd
S
Select To Speak
- Class
- select_to_speak
- Category
- audio_video
- Code Point
- f7cf
S
Setings Voice
- Class
- settings_voice
- Category
- audio_video
- Code Point
- e8c8
S
Shuffle
- Class
- shuffle
- Category
- audio_video
- Code Point
- e043
S
Shuffle On
- Class
- shuffle_on
- Category
- audio_video
- Code Point
- e9e1
S
Skip Previous
- Class
- skip_previous
- Category
- audio_video
- Code Point
- e045
S
Skip Next
- Class
- skip_next
- Category
- audio_video
- Code Point
- e044
S
Slow Motion Video
- Class
- slow_motion_video
- Category
- audio_video
- Code Point
- e068
S
Sound Detection Dog Barking
- Class
- sound_detection_dog_barking
- Category
- audio_video
- Code Point
- f149
S
Sound Detection Glass Break
- Class
- sound_detection_glass_break
- Category
- audio_video
- Code Point
- f14a
S
Sound Detection Loud Sound
- Class
- sound_detection_loud_sound
- Category
- audio_video
- Code Point
- f14b
S
Sound Sampler
- Class
- sound_sampler
- Category
- audio_video
- Code Point
- f6b4
S
Spatial Audio
- Class
- spatial_audio
- Category
- audio_video
- Code Point
- ebeb
S
Spatial Audio Off
- Class
- spatial_audio_off
- Category
- audio_video
- Code Point
- ebe8
S
Spatial Tracking
- Class
- spatial_tracking
- Category
- audio_video
- Code Point
- ebea
S
Speech To Text
- Class
- speech_to_text
- Category
- audio_video
- Code Point
- f8a7
S
Speed
- Class
- speed
- Category
- audio_video
- Code Point
- e9e4
S
Stop
- Class
- stop
- Category
- audio_video
- Code Point
- e047
S
Stop Circle
- Class
- stop_circle
- Category
- audio_video
- Code Point
- ef71
S
Stream
- Class
- stream
- Category
- audio_video
- Code Point
- e9e9
S
Subscriptions
- Class
- subscriptions
- Category
- audio_video
- Code Point
- e064
S
Subtitles
- Class
- subtitles
- Category
- audio_video
- Code Point
- e048
S
Surround Sound
- Class
- surround_sound
- Category
- audio_video
- Code Point
- e049
T
Text To Speech
- Class
- text_to_speech
- Category
- audio_video
- Code Point
- f1bc
V
Video Camera Back
- Class
- video_camera_back
- Category
- audio_video
- Code Point
- f07f
V
Video Camera Front
- Class
- video_camera_front
- Category
- audio_video
- Code Point
- f080
V
Video Camera Front Off
- Class
- video_camera_front_off
- Category
- audio_video
- Code Point
- f83b
V
Video Label
- Class
- video_label
- Category
- audio_video
- Code Point
- e071
V
Video Library
- Class
- video_library
- Category
- audio_video
- Code Point
- e04a
V
Video Settings
- Class
- video_settings
- Category
- audio_video
- Code Point
- ea75
V
Video Stable
- Class
- video_stable
- Category
- audio_video
- Code Point
- f081
V
Videocam
- Class
- videocam
- Category
- audio_video
- Code Point
- e04b
V
Videocam Off
- Class
- videocam_off
- Category
- audio_video
- Code Point
- e04c
V
Video Call
- Class
- video_call
- Category
- audio_video
- Code Point
- e070
V
View In Ar
- Class
- view_in_ar
- Category
- audio_video
- Code Point
- e9fe
V
Volume Down
- Class
- volume_down
- Category
- audio_video
- Code Point
- e04d
V
Volume Down Alt
- Class
- volume_down_alt
- Category
- audio_video
- Code Point
- e79c
V
Volume Mute
- Class
- sports_motorsports
- Category
- audio_video
- Code Point
- e04e
V
Volume Off
- Class
- volume_off
- Category
- audio_video
- Code Point
- e04f
V
Volume Up
- Class
- volume_up
- Category
- audio_video
- Code Point
- e050
L
Launcher Assistant On
- Class
- launcher_assistant_on
- Category
- brand
- Code Point
- f698
N
Nightlight Off
- Class
- nightlight_off
- Category
- brand
- Code Point
- f7bf
A
Account Balance
- Class
- account_balance
- Category
- business_payments
- Code Point
- e84f
A
Account Balance Wallet
- Class
- account_balance_wallet
- Category
- business_payments
- Code Point
- e850
A
Account Tree
- Class
- account_tree
- Category
- business_payments
- Code Point
- e97a
A
Add Business
- Class
- add_business
- Category
- business_payments
- Code Point
- ec0b
A
Add Card
- Class
- add_card
- Category
- business_payments
- Code Point
- ec0b
A
Add Chart
- Class
- add_chart
- Category
- business_payments
- Code Point
- e97b
A
Add Shopping Cart
- Class
- add_shopping_cart
- Category
- business_payments
- Code Point
- e854
A
Analytics
- Class
- analytics
- Category
- business_payments
- Code Point
- ef3e
A
Area Chart
- Class
- area_chart
- Category
- business_payments
- Code Point
- e770
A
Atm
- Class
- atm
- Category
- business_payments
- Code Point
- e573
A
Atr
- Class
- atr
- Category
- business_payments
- Code Point
- ebc7
A
Attach Money
- Class
- attach_money
- Category
- business_payments
- Code Point
- e227
A
Auto Meeting Room
- Class
- auto_meeting_room
- Category
- business_payments
- Code Point
- f6bf
A
Autopay
- Class
- autopay
- Category
- business_payments
- Code Point
- f84b
A
Auto Graph
- Class
- auto_graph
- Category
- business_payments
- Code Point
- e4fb
B
Bar Chart
- Class
- bar_chart
- Category
- business_payments
- Code Point
- e26b
B
Bar Chart 4 Bars
- Class
- bar_chart_4_bars
- Category
- business_payments
- Code Point
- f681
B
Barcode
- Class
- barcode
- Category
- business_payments
- Code Point
- e70b
B
Barcode Reader
- Class
- barcode_reader
- Category
- business_payments
- Code Point
- f85c
B
Barcode Scanner
- Class
- barcode_scanner
- Category
- business_payments
- Code Point
- e70c
B
Bubble Chart
- Class
- bubble_chart
- Category
- business_payments
- Code Point
- e6dd
C
Calculate
- Class
- calculate
- Category
- business_payments
- Code Point
- ea5f
C
Candlestick Chart
- Class
- candlestick_chart
- Category
- business_payments
- Code Point
- ead4
C
Card Membership
- Class
- card_membership
- Category
- business_payments
- Code Point
- e8f7
C
Card Travel
- Class
- card_travel
- Category
- business_payments
- Code Point
- e8f8
C
Cases
- Class
- cases
- Category
- business_payments
- Code Point
- e992
C
Chart Data
- Class
- chart_data
- Category
- business_payments
- Code Point
- e473
C
Contactless
- Class
- contactless
- Category
- business_payments
- Code Point
- ea71
C
Contactless Off
- Class
- contactless_off
- Category
- business_payments
- Code Point
- f858
C
Conversion Path
- Class
- conversion_path
- Category
- business_payments
- Code Point
- f0c1
C
Conversion Path Off
- Class
- conversion_path_off
- Category
- business_payments
- Code Point
- f7b4
C
Conveyor Belt
- Class
- conveyor_belt
- Category
- business_payments
- Code Point
- f867
C
Copyright
- Class
- copyright
- Category
- business_payments
- Code Point
- e90c
C
Corporate Fare
- Class
- corporate_fare
- Category
- business_payments
- Code Point
- f1d0
C
Credit Card
- Class
- credit_card
- Category
- business_payments
- Code Point
- e870
C
Credit Card Off
- Class
- credit_card_off
- Category
- business_payments
- Code Point
- e4f4
C
Credit Score
- Class
- credit_score
- Category
- business_payments
- Code Point
- eff1
C
Currency Bitcoin
- Class
- currency_bitcoin
- Category
- business_payments
- Code Point
- ebc5
C
Currency Exchange
- Class
- currency_exchange
- Category
- business_payments
- Code Point
- eb70
C
Currency Franc
- Class
- currency_franc
- Category
- business_payments
- Code Point
- eafa
Related References
Continue with nearby symbol, code, and web design resources.
Symbol Codes
Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities.
HTML Color Codes
Browse common HTML color codes and convert between hex, RGB, and HSL color formats.
Font Generator
Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.