The CaGov icon font includes 295 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-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-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-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-share-button
e671
ca-gov-icon-share-facebook
e672
ca-gov-icon-share-email
e673
ca-gov-icon-share-flickr
e674
ca-gov-icon-share-twitter
e675
ca-gov-icon-share-linkedin
e676
ca-gov-icon-share-googleplus
e677
ca-gov-icon-share-instagram
e678
ca-gov-icon-share-pinterest
e679
ca-gov-icon-share-vimeo
e67a
ca-gov-icon-share-youtube
e67b
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-facebook
e616
ca-gov-icon-linkedin
e617
ca-gov-icon-pinterest
e61a
ca-gov-icon-instagram
e61c
ca-gov-icon-google-plus
e66d
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-read-book
e655
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-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
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.
