Руководства

Коды и классы иконок Divi

За все встроенные иконки, которые встречаются в модулях Divi, отвечает специальный шрифт ETmodules. Каждый иконка в этом шрифте имеет свой код и класс. Для того, чтобы  использовать иконки Divi в собственном CSS необходимо эти коды и классы знать.

Например, в предыдущем посте про 6 способов улучшить мобильное меню Divi, мы воспользовались кодом «\4d» иконки Х  для замены значка-гамбургера в мобильном меню.

Ниже вы найдете все Divi-иконки разделенные:

Коды иконок Divi

  • \21
  • \22
  • \23
  • \24
  • \25
  • \26
  • \27
  • \28
  • \29
  • \2a
  • \2b
  • \2c
  • \2d
  • \2e
  • \2f
  • \30
  • \31
  • \32
  • \33
  • \34
  • \35
  • \36
  • \37
  • \38
  • \39
  • \3a
  • \3b
  • \3c
  • \3d
  • \3e
  • \3f
  • \40
  • \41
  • \42
  • \43
  • \44
  • \45
  • \46
  • \47
  • \48
  • \49
  • \4a
  • \4b
  • \4c
  • \4d
  • \4e
  • \4f
  • \50
  • \51
  • \52
  • \53
  • \54
  • \56
  • \57
  • \58
  • \59
  • \5a
  • \5b
  • \5c
  • \5d
  • \5e
  • \5f
  • \60
  • \61
  • \62
  • \63
  • \64
  • \65
  • \66
  • \67
  • \68
  • \69
  • \6a
  • \6b
  • \6c
  • \6d
  • \6e
  • \6f
  • \70
  • \71
  • \72
  • \73
  • \74
  • \75
  • \76
  • \77
  • \78
  • \79
  • \7a
  • \7b
  • \7c
  • \7d
  • \7e
  • \e00
  • \e001
  • \e002
  • \e003
  • \e004
  • \e005
  • \e006
  • \e007
  • \e008
  • \e009
  • \e00a
  • \e00b
  • \e00c
  • \e00d
  • \e00e
  • \e00f
  • \e010
  • \e011
  • \e012
  • \e013
  • \e014
  • \e015
  • \e016
  • \e017
  • \e018
  • \e019
  • \e01a
  • \e01b
  • \e01c
  • \e01d
  • \e01e
  • \e01f
  • \e020
  • \e021
  • \e022
  • \e023
  • \e024
  • \e025
  • \e026
  • \e027
  • \e028
  • \e029
  • \e02a
  • \e02d
  • \e02e
  • \e02f
  • \e030
  • \e103
  • \e0ee
  • \e0ef
  • \e0e8
  • \e0ea
  • \e101
  • \e107
  • \e105
  • \e0ed
  • \e100
  • \e104
  • \e0e9
  • \e109
  • \e0ec
  • \e0fe
  • \e0f6
  • \e0fb
  • \e0e2
  • \e0e3
  • \e0f5
  • \e0e1
  • \e0ff
  • \e031
  • \e032
  • \e033
  • \e034
  • \e035
  • \e036
  • \e037
  • \e038
  • \e039
  • \e03a
  • \e03b
  • \e03c
  • \e03d
  • \e03e
  • \e03f
  • \e040
  • \e041
  • \e042
  • \e043
  • \e044
  • \e045
  • \e046
  • \e047
  • \e048
  • \e049
  • \e04a
  • \e04b
  • \e04c
  • \e04d
  • \e04e
  • \e04f
  • \e050
  • \e051
  • \e052
  • \e053
  • \e054
  • \e055
  • \e056
  • \e057
  • \e058
  • \e059
  • \e05a
  • \e05b
  • \e05c
  • \e05d
  • \e05e
  • \e05f
  • \e060
  • \e061
  • \e062
  • \e063
  • \e064
  • \e065
  • \e066
  • \e067
  • \e068
  • \e069
  • \e06a
  • \e06b
  • \e06c
  • \e06d
  • \e06e
  • \e06f
  • \e070
  • \e071
  • \e072
  • \e073
  • \e074
  • \e075
  • \e076
  • \e077
  • \e078
  • \e079
  • \e07a
  • \e07b
  • \e07c
  • \e07d
  • \e07e
  • \e07f
  • \e080
  • \e081
  • \e082
  • \e083
  • \e084
  • \e085
  • \e086
  • \e087
  • \e088
  • \e089
  • \e08a
  • \e08b
  • \e08c
  • \e08d
  • \e08e
  • \e08f
  • \e090
  • \e091
  • \e092
  • \e0e7
  • \e0f8
  • \e0fa
  • \e0fd
  • \e0e4
  • \e0e5
  • \e0f7
  • \e0e0
  • \e0fc
  • \e0f9
  • \e0dd
  • \e0f1
  • \e0dc
  • \e0f3
  • \e0d8
  • \e0db
  • \e0f0
  • \e0df
  • \e0f2
  • \e0f4
  • \e0d9
  • \e0da
  • \e0de
  • \e0e6

Классы иконок Divi

  • arrow_up
  • arrow_down
  • arrow_left
  • arrow_right
  • arrow_left-up
  • arrow_right-up
  • arrow_right-down
  • arrow_left-down
  • arrow-up-down
  • arrow_up-down_alt
  • arrow_left-right_alt
  • arrow_left-right
  • arrow_expand_alt2
  • arrow_expand_alt
  • arrow_condense
  • arrow_expand
  • arrow_move
  • arrow_carrot-up
  • arrow_carrot-down
  • arrow_carrot-left
  • arrow_carrot-right
  • arrow_carrot-2up
  • arrow_carrot-2down
  • arrow_carrot-2left
  • arrow_carrot-2right
  • arrow_carrot-up_alt2
  • arrow_carrot-down_alt2
  • arrow_carrot-left_alt2
  • arrow_carrot-right_alt2
  • arrow_carrot-2up_alt2
  • arrow_carrot-2down_alt2
  • arrow_carrot-2left_alt2
  • arrow_carrot-2right_alt2
  • arrow_triangle-up
  • arrow_triangle-down
  • arrow_triangle-left
  • arrow_triangle-right
  • arrow_triangle-up_alt2
  • arrow_triangle-down_alt2
  • arrow_triangle-left_alt2
  • arrow_triangle-right_alt2
  • arrow_back
  • icon_minus-06
  • icon_plus
  • icon_close
  • icon_check
  • icon_minus_alt2
  • icon_plus_alt2
  • icon_close_alt2
  • icon_check_alt2
  • icon_zoom-out_alt
  • icon_zoom-in_alt
  • icon_box-empty
  • icon_box-selected
  • icon_minus-box
  • icon_plus-box
  • icon_box-checked
  • icon_circle-empty
  • icon_circle-slelected
  • icon_stop_alt2
  • icon_stop
  • icon_pause_alt2
  • icon_pause
  • icon_menu
  • icon_menu-square_alt2
  • icon_menu-circle_alt2
  • icon_ul
  • icon_ol
  • icon_adjust-horiz
  • icon_adjust-vert
  • icon_document_al
  • icon_documents_alt
  • icon_pencil
  • icon_pencil-edit_alt
  • icon_pencil-edit
  • icon_folder-alt
  • icon_folder-open_alt
  • icon_folder-add_alt
  • icon_info_alt
  • icon_error-oct_alt
  • icon_error-circle_alt
  • icon_error-triangle_alt
  • icon_question_alt2
  • icon_question
  • icon_comment_alt
  • icon_chat_alt
  • icon_vol-mute_alt
  • icon_volume-low_alt
  • icon_volume-high_alt
  • icon_quotations
  • icon_quotations_alt2
  • icon_clock_alt
  • icon_lock_alt
  • icon_lock-open_alt
  • icon_key_alt
  • icon_cloud_alt
  • icon_cloud-upload_alt
  • icon_cloud-download_alt
  • icon_image
  • icon_images
  • icon_lightbulb_alt
  • icon_gift_alt
  • icon_house_alt
  • icon_genius
  • icon_mobile
  • icon_tablet
  • icon_laptop
  • icon_desktop
  • icon_camera
  • icon_mail_alt
  • icon_cone_alt
  • icon_ribbon_alt
  • icon_bag_alt
  • icon_creditcard
  • icon_cart_alt
  • icon_paperclip
  • icon_tag_alt
  • icon_tags_alt
  • icon_trash_alt
  • icon_cursor_alt
  • icon_mic_alt
  • icon_compass_alt
  • icon_pin_alt
  • Icon_pushpin_alt
  • icon_map_alt
  • icon_drawer_alt
  • icon_toolbox_alt
  • icon_book_alt
  • icon_calendar
  • icon_film
  • icon_table
  • icon_contacts_alt
  • icon_headphones
  • icon_lifesaver
  • icon_piechart
  • icon_refresh
  • icon_loading
  • icon_blocked
  • icon_archive_alt
  • icon_heart_alt
  • icon_printer
  • icon_calulator
  • icon_building
  • icon_floppy_alt
  • icon_drive
  • icon_search-2
  • icon_id
  • icon_mug
  • icon_currency
  • icon_wallet
  • icon_pens
  • icon_easel
  • icon_flowchart
  • icon_datareport
  • icon_briefcase
  • icon_shield
  • icon_percent
  • icon_globe
  • icon_globe-2
  • icon_target
  • icon_hourglass
  • icon_balance
  • icon_star_alt
  • icon_star-half_alt
  • icon_star
  • icon_star-half
  • icon_tools
  • icon_tool
  • icon_cog
  • icon_cogs
  • arrow_up_alt
  • arrow_down_alt
  • arrow_left_alt
  • arrow_right_alt
  • arrow_left-up_alt
  • arrow_right-up_alt
  • arrow_right-down_alt
  • arrow_left-down_alt
  • arrow_condense_alt
  • arrow_expand_alt3
  • arrow_carrot_up_alt
  • arrow_carrot-down_alt
  • arrow_carrot-left_alt
  • arrow_carrot-right_alt
  • arrow_carrot-2up_alt
  • arrow_carrot-2dwnn_alt
  • arrow_carrot-2left_alt
  • arrow_carrot-2right_alt
  • arrow_triangle-up_alt
  • arrow_triangle-down_alt
  • arrow_triangle-left_alt
  • arrow_triangle-right_alt
  • icon_minus_alt
  • icon_plus_alt
  • icon_close_alt
  • icon_check_alt
  • icon_zoom-out
  • icon_zoom-in
  • icon_stop_alt
  • icon_menu-square_alt
  • icon_menu-circle_alt
  • icon_document
  • icon_documents
  • icon_pencil_alt
  • icon_folder
  • icon_folder-open
  • icon_folder-add
  • icon_folder_upload
  • icon_folder_download
  • icon_info
  • icon_error-circle
  • icon_error-oct
  • icon_error-triangle
  • icon_question_alt
  • icon_comment
  • icon_chat
  • icon_vol-mute
  • icon_volume-low
  • icon_volume-high
  • icon_quotations_alt
  • icon_clock
  • icon_lock
  • icon_lock-open
  • icon_key
  • icon_cloud
  • icon_cloud-upload
  • icon_cloud-download
  • icon_lightbulb
  • icon_gift
  • icon_house
  • icon_camera
  • icon_mail
  • icon_cone
  • icon_ribbon
  • icon_bag
  • icon_cart
  • icon_tag
  • icon_tags
  • icon_trash
  • icon_cursor
  • icon_mic
  • icon_compass
  • icon_pin
  • icon_pushpin
  • icon_map
  • icon_drawer
  • icon_toolbox
  • icon_book
  • icon_contacts
  • icon_archive
  • icon_heart
  • icon_profile
  • icon_group
  • icon_grid-2×2
  • icon_grid-3×3
  • icon_music
  • icon_pause_alt
  • icon_phone
  • icon_upload
  • icon_download
  • icon_calculator_alt
  • icon_rook
  • icon_printer-alt
  • icon_building_alt
  • icon_floppy_alt
  • icon_drive_alt
  • icon_search_alt
  • icon_id_alt
  • icon_id-2_alt
  • icon_puzzle_alt
  • icon_like_alt
  • icon_dislike_alt
  • icon_mug_alt
  • icon_currency_alt
  • icon_wallet_alt
  • icon_pens_alt
  • icon_easel_alt
  • icon_flowchart_alt
  • icon_datareport_alt
  • icon_briefcase_alt
  • icon_shield_alt
  • icon_percent_alt
  • icon_globe_alt
  • icon_clipboard
DiviRus