The CaGov icon font includes 383 icons you can use in your site. Four different formats of the font are included for compatibility with all popular browsers. You may need to add a mime map to your webserver for the WOFF font. To determine if your webserver needs it, upload the /fonts/CaGov.woff file to your webserver. Try downloading the WOFF in your browser by visiting: http://yourwebsite.ca.gov/fonts/CaGov.woff . If it prompts you to download the font, your server is configured correctly. If you get a 404 or other error, you'll need to add a mime map for extension ".woff", and the mimetype is "application/font-woff". Ask your server admin if you need assistance.
ca-gov-icon-contact-us
e66e
ca-gov-icon-calendar
e60a
ca-gov-icon-cal-bear
e90b
ca-gov-icon-chat-bubble
e66f
ca-gov-icon-info-bubble
e670
ca-gov-icon-features
e993
ca-gov-icon-accessibility
e992
ca-gov-icon-sign-language
e971
ca-gov-icon-distance
e995
ca-gov-icon-coronavirus
e996
ca-gov-icon-coughing
e997
ca-gov-icon-hand-heart
e99a
ca-gov-icon-hand-water
e99b
ca-gov-icon-lab-tests
e99c
ca-gov-icon-no-coughing
e99e
ca-gov-icon-no-handshake
e99f
ca-gov-icon-no-virus
e9a0
ca-gov-icon-procurement
e9a1
ca-gov-icon-stay-home
e9a4
ca-gov-icon-teleworking
e9a5
ca-gov-icon-testing-alt
e9a7
ca-gov-icon-agriculture
e973
ca-gov-icon-cannabis
e974
ca-gov-icon-mastercard
e978
ca-gov-icon-amexcard
e979
ca-gov-icon-discovercard
e97b
ca-gov-icon-apple-pay
e97a
ca-gov-icon-bookmark
e983
ca-gov-icon-read-book
e655
ca-gov-icon-gas-pump
e98a
ca-gov-icon-idea-alt
e98b
ca-gov-icon-no-smoking
e98e
ca-gov-icon-biohazard
e918
ca-gov-icon-radiation
e955
ca-gov-icon-chemical-hazard
e956
ca-gov-icon-do-not-sign
e958
ca-gov-icon-earthquake
e959
ca-gov-icon-quake-hazard
e95b
ca-gov-icon-quake-house
e959
ca-gov-icon-electricity-hazard
e95c
ca-gov-icon-hurricane
e95f
ca-gov-icon-sea-level-rise
e960
ca-gov-icon-sea-level-rise-alt
e96e
ca-gov-icon-severe-weather
e961
ca-gov-icon-stop-fire
e962
ca-gov-icon-stop-hand
e963
ca-gov-icon-tsunami-alt
e96f
ca-gov-icon-campfire
e96a
ca-gov-icon-hours-security
e90d
ca-gov-icon-certificate
e910
ca-gov-icon-certificate-check
e911
ca-gov-icon-charge-cycle
e913
ca-gov-icon-charge-units
e914
ca-gov-icon-cloud-gear
e917
ca-gov-icon-cloud-services
e91a
ca-gov-icon-download-cloud
e96c
ca-gov-icon-upload-cloud
e96d
ca-gov-icon-cloud-sync
e91b
ca-gov-icon-ear-slash
e91e
ca-gov-icon-eye-slash
e920
ca-gov-icon-file-audio
e922
ca-gov-icon-file-certificate
e923
ca-gov-icon-file-check
e924
ca-gov-icon-file-code
e925
ca-gov-icon-file-csv
e926
ca-gov-icon-file-download
e927
ca-gov-icon-file-excel
e928
ca-gov-icon-file-export
e929
ca-gov-icon-file-import
e92a
ca-gov-icon-file-invoice
e92b
ca-gov-icon-file-medical
e92c
ca-gov-icon-file-medical-alt
e92d
ca-gov-icon-file-pdf
e92e
ca-gov-icon-file-powerpoint
e92f
ca-gov-icon-file-prescription
e930
ca-gov-icon-file-upload
e931
ca-gov-icon-file-video
e932
ca-gov-icon-file-word
e933
ca-gov-icon-file-zip
e934
ca-gov-icon-filter-solid
e935
ca-gov-icon-fingerprint
e936
ca-gov-icon-fingerprint-check
e937
ca-gov-icon-hand-money
e939
ca-gov-icon-handshake
e93a
ca-gov-icon-institute
e93b
ca-gov-icon-medical-bubble
e93c
ca-gov-icon-medical-care
e93d
ca-gov-icon-medical-case
e93e
ca-gov-icon-medical-clinic
e93f
ca-gov-icon-medical-cross
e940
ca-gov-icon-medical-doctor
e941
ca-gov-icon-medical-heart
e942
ca-gov-icon-medical-pills
e943
ca-gov-icon-pro-services
e945
ca-gov-icon-puzzle-piece
e947
ca-gov-icon-responsive
e949
ca-gov-icon-responsive-alt
e94a
ca-gov-icon-security-network
e94b
ca-gov-icon-security-system
e94c
ca-gov-icon-shield-check
e94d
ca-gov-icon-thumb-up
e94e
ca-gov-icon-users-alt
e951
ca-gov-icon-users-dialog
e952
ca-gov-icon-users-interaction
e953
ca-gov-icon-share-button
e671
ca-gov-icon-share-email
e673
ca-gov-icon-facebook
e616
ca-gov-icon-share-facebook
e672
ca-gov-icon-share-twitter
e675
ca-gov-icon-snapchat
e990
ca-gov-icon-share-snapchat
e98f
ca-gov-icon-linkedin
e617
ca-gov-icon-share-linkedin
e676
ca-gov-icon-share-youtube
e67b
ca-gov-icon-pinterest
e61a
ca-gov-icon-share-pinterest
e679
ca-gov-icon-share-vimeo
e67a
ca-gov-icon-instagram
e61c
ca-gov-icon-share-instagram
e678
ca-gov-icon-share-flickr
e674
ca-gov-icon-google-plus
e66d
ca-gov-icon-share-googleplus
e677
ca-gov-icon-law-enforcement
e60c
ca-gov-icon-justice-legal
e60d
ca-gov-icon-attachment
e60f
ca-gov-icon-zipped-file
e610
ca-gov-icon-powerpoint
e611
ca-gov-icon-microsoft
e61e
ca-gov-icon-computer
e621
ca-gov-icon-smartphone
e623
ca-gov-icon-roadways
e624
ca-gov-icon-travel-car
e625
ca-gov-icon-travel-air
e626
ca-gov-icon-truck-delivery
e627
ca-gov-icon-construction
e628
ca-gov-icon-bar-chart
e629
ca-gov-icon-pie-chart
e62a
ca-gov-icon-download
e62d
ca-gov-icon-cloud-download
e62e
ca-gov-icon-cloud-upload
e62f
ca-gov-icon-binoculars
e632
ca-gov-icon-shopping-cart
e635
ca-gov-icon-video-camera
e636
ca-gov-icon-loud-speaker
e639
ca-gov-icon-zoom-out
e63d
ca-gov-icon-important
e63f
ca-gov-icon-chat-bubbles
e640
ca-gov-icon-payment-card
e645
ca-gov-icon-skip-backwards
e646
ca-gov-icon-skip-forward
e649
ca-gov-icon-check-list
e651
ca-gov-icon-document
e652
ca-gov-icon-clipboard
e653
ca-gov-icon-cc-copyright
e656
ca-gov-icon-ca-capitol
e657
ca-gov-icon-ca-state
e658
ca-gov-icon-favorite
e659
ca-gov-icon-road-pin
e65b
ca-gov-icon-online-services
e65c
ca-gov-icon-magnify-glass
e65e
ca-gov-icon-arrow-up
e04b
ca-gov-icon-arrow-down
e04c
ca-gov-icon-arrow-left
e04d
ca-gov-icon-arrow-right
e04e
ca-gov-icon-carousel-prev
e666
ca-gov-icon-carousel-next
e667
ca-gov-icon-arrow-prev
e668
ca-gov-icon-arrow-next
e669
ca-gov-icon-menu-toggle-closed
e66a
ca-gov-icon-menu-toggle-open
e66b
ca-gov-icon-carousel-play
e907
ca-gov-icon-carousel-pause
e66c
ca-gov-icon-search-right
55
ca-gov-icon-graduate
e903
ca-gov-icon-briefcase
e901
ca-gov-icon-pencil-edit
6c
ca-gov-icon-flowchart
e0df
ca-gov-icon-building
e0fd
ca-gov-icon-searching
e0f7
ca-gov-icon-currency
e0f3
ca-gov-icon-lightbulb
e072
ca-gov-icon-calculator
e0e7
ca-gov-icon-hourglass
e0e1
ca-gov-icon-contacts
e087
ca-gov-icon-location
e081
ca-gov-icon-quote-fill
e06a
ca-gov-icon-question-fill
e064
ca-gov-icon-warning-triangle
e063
ca-gov-icon-warning-circle
e967
ca-gov-icon-warning-square
e968
ca-gov-icon-warning-fill
e062
ca-gov-icon-check-fill
e052
ca-gov-icon-close-fill
e051
ca-gov-icon-plus-fill
e050
ca-gov-icon-minus-fill
e04f
ca-gov-icon-caret-fill-right
e046
ca-gov-icon-caret-fill-left
e045
ca-gov-icon-caret-fill-down
e044
ca-gov-icon-caret-fill-up
e043
ca-gov-icon-caret-fill-two-right
e04a
ca-gov-icon-caret-fill-two-left
e049
ca-gov-icon-caret-fill-two-down
e048
ca-gov-icon-caret-fill-two-up
e047
ca-gov-icon-arrow-fill-right
e03c
ca-gov-icon-arrow-fill-left
e03b
ca-gov-icon-arrow-fill-down
e03a
ca-gov-icon-arrow-fill-up
e039
ca-gov-icon-arrow-fill-left-down
e040
ca-gov-icon-arrow-fill-right-down
e03f
ca-gov-icon-arrow-fill-right-up
e03e
ca-gov-icon-arrow-fill-left-up
e03d
ca-gov-icon-triangle-line-right
49
ca-gov-icon-triangle-line-left
48
ca-gov-icon-triangle-line-up
46
ca-gov-icon-triangle-line-down
47
ca-gov-icon-caret-line-two-right
41
ca-gov-icon-caret-line-two-left
40
ca-gov-icon-caret-line-two-down
3f
ca-gov-icon-caret-line-two-up
3e
ca-gov-icon-caret-line-right
3d
ca-gov-icon-caret-line-left
3c
ca-gov-icon-caret-line-up
3a
ca-gov-icon-caret-line-down
3b
ca-gov-icon-important-line
e906
ca-gov-icon-info-line
e905
ca-gov-icon-check-line
52
ca-gov-icon-question-line
e908
ca-gov-icon-close-line
51
ca-gov-icon-minus-line
4f
ca-gov-icon-question
e909
ca-gov-icon-minus-mark
4b
ca-gov-icon-check-mark
4e
ca-gov-icon-close-mark
4d
ca-gov-icon-triangle-right
45
ca-gov-icon-triangle-left
44
ca-gov-icon-triangle-down
43
ca-gov-icon-triangle-up
42
ca-gov-icon-caret-two-right
39
ca-gov-icon-caret-two-left
38
ca-gov-icon-caret-two-down
37
ca-gov-icon-caret-two-up
36
ca-gov-icon-caret-right
35
ca-gov-icon-caret-left
34
ca-gov-icon-caret-down
33
ca-gov-icon-expand-all
e991
ca-gov-icon-collapse-all
e970
To insert an icon into your page, insert an empty span tag with the class name for the icon you wish to use, for example:
When icons are used with H1 to H5 headings and some pre-configured modules, styles for font-size and color are included. When used anywhere else you'll need to add styles for the font-size and color yourself. Icon fonts can be styled using the same css rules used to style any other text on the page. For example color: and font-size: chnage the color and size of the icon.
