This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Web Icons

Over 450+ small royalty free icons for web usage.

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Web Icons CSS -->
<link rel="stylesheet" type="text/css" href="dcodes/web_icons/dc_web_icons.css" />

Hosted: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Web Icons CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.dcodes.net/2/web_icons/dc_web_icons.css" />

Color Icons - 32px

L1:
L2:
L3:
L4:
L5:
L6:

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
L1:
<span class="dc_web_icon_color32 color_64bit_32"></span>
<span class="dc_web_icon_color32 color_add_32"></span>
<span class="dc_web_icon_color32 color_advanced_32"></span>
<span class="dc_web_icon_color32 color_alert_32"></span>
<span class="dc_web_icon_color32 color_annouce_32"></span>
<span class="dc_web_icon_color32 color_application_32"></span>
<span class="dc_web_icon_color32 color_apps_32"></span>
<span class="dc_web_icon_color32 color_archive_32"></span>
<span class="dc_web_icon_color32 color_arrow_090_32"></span>
<span class="dc_web_icon_color32 color_arrow_180_32"></span>
<span class="dc_web_icon_color32 color_arrow_270_32"></span>
<span class="dc_web_icon_color32 color_arrow_32"></span>
L2:
<span class="dc_web_icon_color32 color_arrow_down_32"></span>
<span class="dc_web_icon_color32 color_arrow_left_32"></span>
<span class="dc_web_icon_color32 color_arrow_right_32"></span>
<span class="dc_web_icon_color32 color_arrow_up_32"></span>
<span class="dc_web_icon_color32 color_back_32"></span>
<span class="dc_web_icon_color32 color_balloon_32"></span>
<span class="dc_web_icon_color32 color_ban_32"></span>
<span class="dc_web_icon_color32 color_ban2_32"></span>
<span class="dc_web_icon_color32 color_battery_32"></span>
<span class="dc_web_icon_color32 color_bell_32"></span>
<span class="dc_web_icon_color32 color_bell2_32"></span>
<span class="dc_web_icon_color32 color_book_32"></span>
L3:
<span class="dc_web_icon_color32 color_bookmark_32"></span>
<span class="dc_web_icon_color32 color_bookmark2_32"></span>
<span class="dc_web_icon_color32 color_bookmarked_32"></span>
<span class="dc_web_icon_color32 color_box_32"></span>
<span class="dc_web_icon_color32 color_box2_32"></span>
<span class="dc_web_icon_color32 color_briefcase_32"></span>
<span class="dc_web_icon_color32 color_burn_32"></span>
<span class="dc_web_icon_color32 color_calendar_32"></span>
<span class="dc_web_icon_color32 color_calendar2_32"></span>
<span class="dc_web_icon_color32 color_camera_32"></span>
<span class="dc_web_icon_color32 color_cart_32"></span>
<span class="dc_web_icon_color32 color_cc_32"></span>
L4:
<span class="dc_web_icon_color32 color_cc2_32"></span>
<span class="dc_web_icon_color32 color_certificate_32"></span>
<span class="dc_web_icon_color32 color_chalkboard_32"></span>
<span class="dc_web_icon_color32 color_chart_32"></span>
<span class="dc_web_icon_color32 color_chat_32"></span>
<span class="dc_web_icon_color32 color_chat2_32"></span>
<span class="dc_web_icon_color32 color_chat3_32"></span>
<span class="dc_web_icon_color32 color_chip_32"></span>
<span class="dc_web_icon_color32 color_clock_32"></span>
<span class="dc_web_icon_color32 color_coffee_32"></span>
<span class="dc_web_icon_color32 color_color_swatch_32"></span>
<span class="dc_web_icon_color32 color_color_32"></span>
L5:
<span class="dc_web_icon_color32 color_color2_32"></span>
<span class="dc_web_icon_color32 color_computer_32"></span>
<span class="dc_web_icon_color32 color_computer2_32"></span>
<span class="dc_web_icon_color32 color_computer3_32"></span>
<span class="dc_web_icon_color32 color_counter_32"></span>
<span class="dc_web_icon_color32 color_cross_32"></span>
<span class="dc_web_icon_color32 color_cross2_32"></span>
<span class="dc_web_icon_color32 color_design_32"></span>
<span class="dc_web_icon_color32 color_desktop_32"></span>
<span class="dc_web_icon_color32 color_disc_32"></span>
<span class="dc_web_icon_color32 color_disc2_32"></span>
<span class="dc_web_icon_color32 color_disc3_32"></span>
L6:
<span class="dc_web_icon_color32 color_document_text_32"></span>
<span class="dc_web_icon_color32 color_document_32"></span>
<span class="dc_web_icon_color32 color_document2_32"></span>
<span class="dc_web_icon_color32 color_down_32"></span>
<span class="dc_web_icon_color32 color_download_32"></span>
<span class="dc_web_icon_color32 color_edit_32"></span>
<span class="dc_web_icon_color32 color_edit2_32"></span>
<span class="dc_web_icon_color32 color_error_32"></span>
<span class="dc_web_icon_color32 color_exclamation_32"></span>
<span class="dc_web_icon_color32 color_exit_32"></span>
<span class="dc_web_icon_color32 color_f_happy_32"></span>
<span class="dc_web_icon_color32 color_f_lol_32"></span>

L1:
L2:
L3:
L4:
L5:
L6:

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
L1:
<span class="dc_web_icon_color32 color_f_sad_32"></span>
<span class="dc_web_icon_color32 color_f_sleep_32"></span>
<span class="dc_web_icon_color32 color_f_smile_32"></span>
<span class="dc_web_icon_color32 color_facebook_32"></span>
<span class="dc_web_icon_color32 color_fastforward_32"></span>
<span class="dc_web_icon_color32 color_favorite_32"></span>
<span class="dc_web_icon_color32 color_film_32"></span>
<span class="dc_web_icon_color32 color_film2_32"></span>
<span class="dc_web_icon_color32 color_flag_32"></span>
<span class="dc_web_icon_color32 color_folder_32"></span>
<span class="dc_web_icon_color32 color_folder2_32"></span>
<span class="dc_web_icon_color32 color_folder3_32"></span>
L2:
<span class="dc_web_icon_color32 color_forward_32"></span>
<span class="dc_web_icon_color32 color_gear_32"></span>
<span class="dc_web_icon_color32 color_gift_32"></span>
<span class="dc_web_icon_color32 color_gift2_32"></span>
<span class="dc_web_icon_color32 color_glass_32"></span>
<span class="dc_web_icon_color32 color_globe_32"></span>
<span class="dc_web_icon_color32 color_globe2_32"></span>
<span class="dc_web_icon_color32 color_globe3_32"></span>
<span class="dc_web_icon_color32 color_hdrive_32"></span>
<span class="dc_web_icon_color32 color_help_32"></span>
<span class="dc_web_icon_color32 color_help2_32"></span>
<span class="dc_web_icon_color32 color_home_32"></span>
L3:
<span class="dc_web_icon_color32 color_home2_32"></span>
<span class="dc_web_icon_color32 color_icomputer_32"></span>
<span class="dc_web_icon_color32 color_id_32"></span>
<span class="dc_web_icon_color32 color_id2_32"></span>
<span class="dc_web_icon_color32 color_image_32"></span>
<span class="dc_web_icon_color32 color_image2_32"></span>
<span class="dc_web_icon_color32 color_image3_32"></span>
<span class="dc_web_icon_color32 color_info_32"></span>
<span class="dc_web_icon_color32 color_info2_32"></span>
<span class="dc_web_icon_color32 color_info3_32"></span>
<span class="dc_web_icon_color32 color_install_32"></span>
<span class="dc_web_icon_color32 color_jump_32"></span>
L4:
<span class="dc_web_icon_color32 color_key_32"></span>
<span class="dc_web_icon_color32 color_keymac_32"></span>
<span class="dc_web_icon_color32 color_keywin_32"></span>
<span class="dc_web_icon_color32 color_label_32"></span>
<span class="dc_web_icon_color32 color_lock_32"></span>
<span class="dc_web_icon_color32 color_lock2_32"></span>
<span class="dc_web_icon_color32 color_lockoff_32"></span>
<span class="dc_web_icon_color32 color_love_32"></span>
<span class="dc_web_icon_color32 color_mail_32"></span>
<span class="dc_web_icon_color32 color_mail2_32"></span>
<span class="dc_web_icon_color32 color_mail3_32"></span>
<span class="dc_web_icon_color32 color_mail4_32"></span>
L5:
<span class="dc_web_icon_color32 color_map_32"></span>
<span class="dc_web_icon_color32 color_medal_32"></span>
<span class="dc_web_icon_color32 color_mediaplayer_32"></span>
<span class="dc_web_icon_color32 color_minus_32"></span>
<span class="dc_web_icon_color32 color_minus2_32"></span>
<span class="dc_web_icon_color32 color_mobile_32"></span>
<span class="dc_web_icon_color32 color_mobile2_32"></span>
<span class="dc_web_icon_color32 color_money_32"></span>
<span class="dc_web_icon_color32 color_money2_32"></span>
<span class="dc_web_icon_color32 color_money3_32"></span>
<span class="dc_web_icon_color32 color_movies_32"></span>
<span class="dc_web_icon_color32 color_music_32"></span>
L6:
<span class="dc_web_icon_color32 color_music2_32"></span>
<span class="dc_web_icon_color32 color_newspaper_32"></span>
<span class="dc_web_icon_color32 color_note_32"></span>
<span class="dc_web_icon_color32 color_notebook_32"></span>
<span class="dc_web_icon_color32 color_notice_32"></span>
<span class="dc_web_icon_color32 color_notice2_32"></span>
<span class="dc_web_icon_color32 color_notify_32"></span>
<span class="dc_web_icon_color32 color_openit_32"></span>
<span class="dc_web_icon_color32 color_options_32"></span>
<span class="dc_web_icon_color32 color_osvista_32"></span>
<span class="dc_web_icon_color32 color_oswin7_32"></span>
<span class="dc_web_icon_color32 color_osx_32"></span>

L1:
L2:
L3:
L4:
L5:
L6:
L7:

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
L1:
<span class="dc_web_icon_color32 color_pause_32"></span>
<span class="dc_web_icon_color32 color_pencil_32"></span>
<span class="dc_web_icon_color32 color_piechart_32"></span>
<span class="dc_web_icon_color32 color_pin_red_32"></span>
<span class="dc_web_icon_color32 color_pin_32"></span>
<span class="dc_web_icon_color32 color_plant_32"></span>
<span class="dc_web_icon_color32 color_plant2_32"></span>
<span class="dc_web_icon_color32 color_play_32"></span>
<span class="dc_web_icon_color32 color_plus_32"></span>
<span class="dc_web_icon_color32 color_plus2_32"></span>
<span class="dc_web_icon_color32 color_plus3_32"></span>
<span class="dc_web_icon_color32 color_podcast_32"></span>
L2:
<span class="dc_web_icon_color32 color_print_32"></span>
<span class="dc_web_icon_color32 color_project_32"></span>
<span class="dc_web_icon_color32 color_project2_32"></span>
<span class="dc_web_icon_color32 color_public_32"></span>
<span class="dc_web_icon_color32 color_question_32"></span>
<span class="dc_web_icon_color32 color_reader_32"></span>
<span class="dc_web_icon_color32 color_receipt_text_32"></span>
<span class="dc_web_icon_color32 color_refresh_32"></span>
<span class="dc_web_icon_color32 color_rewind_32"></span>
<span class="dc_web_icon_color32 color_rss_32"></span>
<span class="dc_web_icon_color32 color_rss2_32"></span>
<span class="dc_web_icon_color32 color_save_32"></span>
L3:
<span class="dc_web_icon_color32 color_script_text_32"></span>
<span class="dc_web_icon_color32 color_script_32"></span>
<span class="dc_web_icon_color32 color_search_32"></span>
<span class="dc_web_icon_color32 color_search2_32"></span>
<span class="dc_web_icon_color32 color_search3_32"></span>
<span class="dc_web_icon_color32 color_server_32"></span>
<span class="dc_web_icon_color32 color_shield_32"></span>
<span class="dc_web_icon_color32 color_shipping_32"></span>
<span class="dc_web_icon_color32 color_shopping_32"></span>
<span class="dc_web_icon_color32 color_shopping2_32"></span>
<span class="dc_web_icon_color32 color_shopping3_32"></span>
<span class="dc_web_icon_color32 color_sign_post_32"></span>
L4:
<span class="dc_web_icon_color32 color_slide_32"></span>
<span class="dc_web_icon_color32 color_star_32"></span>
<span class="dc_web_icon_color32 color_star2_32"></span>
<span class="dc_web_icon_color32 color_star3_32"></span>
<span class="dc_web_icon_color32 color_stats_32"></span>
<span class="dc_web_icon_color32 color_status_32"></span>
<span class="dc_web_icon_color32 color_sticky_32"></span>
<span class="dc_web_icon_color32 color_stop2_32"></span>
<span class="dc_web_icon_color32 color_stoplight_32"></span>
<span class="dc_web_icon_color32 color_sun_32"></span>
<span class="dc_web_icon_color32 color_table_32"></span>
<span class="dc_web_icon_color32 color_tag_32"></span>
L5:
<span class="dc_web_icon_color32 color_tick_32"></span>
<span class="dc_web_icon_color32 color_tick2_32"></span>
<span class="dc_web_icon_color32 color_tick3_32"></span>
<span class="dc_web_icon_color32 color_time_32"></span>
<span class="dc_web_icon_color32 color_twitter_32"></span>
<span class="dc_web_icon_color32 color_ui_32"></span>
<span class="dc_web_icon_color32 color_universal_32"></span>
<span class="dc_web_icon_color32 color_user_anon_32"></span>
<span class="dc_web_icon_color32 color_user_female_32"></span>
<span class="dc_web_icon_color32 color_user_male_32"></span>
<span class="dc_web_icon_color32 color_user_32"></span>
<span class="dc_web_icon_color32 color_users_32"></span>
L6:
<span class="dc_web_icon_color32 color_video_hd_32"></span>
<span class="dc_web_icon_color32 color_video_sd_32"></span>
<span class="dc_web_icon_color32 color_video_32"></span>
<span class="dc_web_icon_color32 color_wallet_32"></span>
<span class="dc_web_icon_color32 color_wand_32"></span>
<span class="dc_web_icon_color32 color_warning_32"></span>
<span class="dc_web_icon_color32 color_warning2_32"></span>
<span class="dc_web_icon_color32 color_web_download_32"></span>
<span class="dc_web_icon_color32 color_web_link_32"></span>
<span class="dc_web_icon_color32 color_web_shortcut_32"></span>
<span class="dc_web_icon_color32 color_website_32"></span>
<span class="dc_web_icon_color32 color_window_32"></span>
L7:
<span class="dc_web_icon_color32 color_xmas_32"></span>
<span class="dc_web_icon_color32 color_zip_32"></span>
<span class="dc_web_icon_color32 color_zip2_32"></span>
<span class="dc_web_icon_color32 color_zoom_32"></span>
<span class="dc_web_icon_color32 color_zoomin_32"></span>
<span class="dc_web_icon_color32 color_zoomout_32"></span>


Pixel icons - 16px

L1:
L2:
L3:
L4:
L5:
L6:
L7:
L8:

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
L1:
<span class="dc_web_icon_pixel16 pixel_001_16"></span>
<span class="dc_web_icon_pixel16 pixel_002_16"></span>
<span class="dc_web_icon_pixel16 pixel_003_16"></span>
<span class="dc_web_icon_pixel16 pixel_004_16"></span>
<span class="dc_web_icon_pixel16 pixel_005_16"></span>
<span class="dc_web_icon_pixel16 pixel_006_16"></span>
<span class="dc_web_icon_pixel16 pixel_007_16"></span>
<span class="dc_web_icon_pixel16 pixel_008_16"></span>
<span class="dc_web_icon_pixel16 pixel_009_16"></span>
<span class="dc_web_icon_pixel16 pixel_010_16"></span>
<span class="dc_web_icon_pixel16 pixel_011_16"></span>
<span class="dc_web_icon_pixel16 pixel_012_16"></span>
<span class="dc_web_icon_pixel16 pixel_013_16"></span>
<span class="dc_web_icon_pixel16 pixel_014_16"></span>
<span class="dc_web_icon_pixel16 pixel_015_16"></span>
<span class="dc_web_icon_pixel16 pixel_016_16"></span>
<span class="dc_web_icon_pixel16 pixel_017_16"></span>
<span class="dc_web_icon_pixel16 pixel_018_16"></span>
L2:
<span class="dc_web_icon_pixel16 pixel_019_16"></span>
<span class="dc_web_icon_pixel16 pixel_020_16"></span>
<span class="dc_web_icon_pixel16 pixel_021_16"></span>
<span class="dc_web_icon_pixel16 pixel_022_16"></span>
<span class="dc_web_icon_pixel16 pixel_023_16"></span>
<span class="dc_web_icon_pixel16 pixel_024_16"></span>
<span class="dc_web_icon_pixel16 pixel_025_16"></span>
<span class="dc_web_icon_pixel16 pixel_026_16"></span>
<span class="dc_web_icon_pixel16 pixel_027_16"></span>
<span class="dc_web_icon_pixel16 pixel_028_16"></span>
<span class="dc_web_icon_pixel16 pixel_029_16"></span>
<span class="dc_web_icon_pixel16 pixel_030_16"></span>
<span class="dc_web_icon_pixel16 pixel_031_16"></span>
<span class="dc_web_icon_pixel16 pixel_032_16"></span>
<span class="dc_web_icon_pixel16 pixel_033_16"></span>
<span class="dc_web_icon_pixel16 pixel_034_16"></span>
<span class="dc_web_icon_pixel16 pixel_035_16"></span>
<span class="dc_web_icon_pixel16 pixel_036_16"></span>
L3:
<span class="dc_web_icon_pixel16 pixel_037_16"></span>
<span class="dc_web_icon_pixel16 pixel_038_16"></span>
<span class="dc_web_icon_pixel16 pixel_039_16"></span>
<span class="dc_web_icon_pixel16 pixel_040_16"></span>
<span class="dc_web_icon_pixel16 pixel_041_16"></span>
<span class="dc_web_icon_pixel16 pixel_042_16"></span>
<span class="dc_web_icon_pixel16 pixel_043_16"></span>
<span class="dc_web_icon_pixel16 pixel_044_16"></span>
<span class="dc_web_icon_pixel16 pixel_045_16"></span>
<span class="dc_web_icon_pixel16 pixel_046_16"></span>
<span class="dc_web_icon_pixel16 pixel_047_16"></span>
<span class="dc_web_icon_pixel16 pixel_048_16"></span>
<span class="dc_web_icon_pixel16 pixel_049_16"></span>
<span class="dc_web_icon_pixel16 pixel_050_16"></span>
<span class="dc_web_icon_pixel16 pixel_051_16"></span>
<span class="dc_web_icon_pixel16 pixel_052_16"></span>
<span class="dc_web_icon_pixel16 pixel_053_16"></span>
<span class="dc_web_icon_pixel16 pixel_054_16"></span>
L4:
<span class="dc_web_icon_pixel16 pixel_055_16"></span>
<span class="dc_web_icon_pixel16 pixel_056_16"></span>
<span class="dc_web_icon_pixel16 pixel_057_16"></span>
<span class="dc_web_icon_pixel16 pixel_058_16"></span>
<span class="dc_web_icon_pixel16 pixel_059_16"></span>
<span class="dc_web_icon_pixel16 pixel_060_16"></span>
<span class="dc_web_icon_pixel16 pixel_061_16"></span>
<span class="dc_web_icon_pixel16 pixel_062_16"></span>
<span class="dc_web_icon_pixel16 pixel_063_16"></span>
<span class="dc_web_icon_pixel16 pixel_064_16"></span>
<span class="dc_web_icon_pixel16 pixel_065_16"></span>
<span class="dc_web_icon_pixel16 pixel_066_16"></span>
<span class="dc_web_icon_pixel16 pixel_067_16"></span>
<span class="dc_web_icon_pixel16 pixel_068_16"></span>
<span class="dc_web_icon_pixel16 pixel_069_16"></span>
<span class="dc_web_icon_pixel16 pixel_070_16"></span>
<span class="dc_web_icon_pixel16 pixel_071_16"></span>
<span class="dc_web_icon_pixel16 pixel_072_16"></span>
L5:
<span class="dc_web_icon_pixel16 pixel_073_16"></span>
<span class="dc_web_icon_pixel16 pixel_074_16"></span>
<span class="dc_web_icon_pixel16 pixel_075_16"></span>
<span class="dc_web_icon_pixel16 pixel_076_16"></span>
<span class="dc_web_icon_pixel16 pixel_077_16"></span>
<span class="dc_web_icon_pixel16 pixel_078_16"></span>
<span class="dc_web_icon_pixel16 pixel_079_16"></span>
<span class="dc_web_icon_pixel16 pixel_080_16"></span>
<span class="dc_web_icon_pixel16 pixel_081_16"></span>
<span class="dc_web_icon_pixel16 pixel_082_16"></span>
<span class="dc_web_icon_pixel16 pixel_083_16"></span>
<span class="dc_web_icon_pixel16 pixel_084_16"></span>
<span class="dc_web_icon_pixel16 pixel_085_16"></span>
<span class="dc_web_icon_pixel16 pixel_086_16"></span>
<span class="dc_web_icon_pixel16 pixel_087_16"></span>
<span class="dc_web_icon_pixel16 pixel_088_16"></span>
<span class="dc_web_icon_pixel16 pixel_089_16"></span>
<span class="dc_web_icon_pixel16 pixel_090_16"></span>
L6:
<span class="dc_web_icon_pixel16 pixel_091_16"></span>
<span class="dc_web_icon_pixel16 pixel_092_16"></span>
<span class="dc_web_icon_pixel16 pixel_093_16"></span>
<span class="dc_web_icon_pixel16 pixel_094_16"></span>
<span class="dc_web_icon_pixel16 pixel_095_16"></span>
<span class="dc_web_icon_pixel16 pixel_096_16"></span>
<span class="dc_web_icon_pixel16 pixel_097_16"></span>
<span class="dc_web_icon_pixel16 pixel_098_16"></span>
<span class="dc_web_icon_pixel16 pixel_099_16"></span>
<span class="dc_web_icon_pixel16 pixel_100_16"></span>
<span class="dc_web_icon_pixel16 pixel_101_16"></span>
<span class="dc_web_icon_pixel16 pixel_102_16"></span>
<span class="dc_web_icon_pixel16 pixel_103_16"></span>
<span class="dc_web_icon_pixel16 pixel_104_16"></span>
<span class="dc_web_icon_pixel16 pixel_105_16"></span>
<span class="dc_web_icon_pixel16 pixel_106_16"></span>
<span class="dc_web_icon_pixel16 pixel_107_16"></span>
<span class="dc_web_icon_pixel16 pixel_108_16"></span>
L7:
<span class="dc_web_icon_pixel16 pixel_109_16"></span>
<span class="dc_web_icon_pixel16 pixel_110_16"></span>
<span class="dc_web_icon_pixel16 pixel_111_16"></span>
<span class="dc_web_icon_pixel16 pixel_112_16"></span>
<span class="dc_web_icon_pixel16 pixel_113_16"></span>
<span class="dc_web_icon_pixel16 pixel_114_16"></span>
<span class="dc_web_icon_pixel16 pixel_115_16"></span>
<span class="dc_web_icon_pixel16 pixel_116_16"></span>
<span class="dc_web_icon_pixel16 pixel_117_16"></span>
<span class="dc_web_icon_pixel16 pixel_118_16"></span>
<span class="dc_web_icon_pixel16 pixel_119_16"></span>
<span class="dc_web_icon_pixel16 pixel_120_16"></span>
<span class="dc_web_icon_pixel16 pixel_121_16"></span>
<span class="dc_web_icon_pixel16 pixel_122_16"></span>
<span class="dc_web_icon_pixel16 pixel_123_16"></span>
<span class="dc_web_icon_pixel16 pixel_124_16"></span>
<span class="dc_web_icon_pixel16 pixel_125_16"></span>
<span class="dc_web_icon_pixel16 pixel_126_16"></span>
L8:
<span class="dc_web_icon_pixel16 pixel_127_16"></span>
<span class="dc_web_icon_pixel16 pixel_128_16"></span>
<span class="dc_web_icon_pixel16 pixel_129_16"></span>
<span class="dc_web_icon_pixel16 pixel_130_16"></span>
<span class="dc_web_icon_pixel16 pixel_131_16"></span>
<span class="dc_web_icon_pixel16 pixel_132_16"></span>
<span class="dc_web_icon_pixel16 pixel_133_16"></span>
<span class="dc_web_icon_pixel16 pixel_134_16"></span>
<span class="dc_web_icon_pixel16 pixel_135_16"></span>
<span class="dc_web_icon_pixel16 pixel_136_16"></span>
<span class="dc_web_icon_pixel16 pixel_137_16"></span>
<span class="dc_web_icon_pixel16 pixel_138_16"></span>
<span class="dc_web_icon_pixel16 pixel_139_16"></span>

sMini icons - 16px

L1:
L2:
L3:
L4:
L5:
L6:
L7:

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
L1:
<span class="dc_web_icon_smini16 address_smini_16"></span>
<span class="dc_web_icon_smini16 add_smini_16"></span>
<span class="dc_web_icon_smini16 avatar_man_smini_16"></span>
<span class="dc_web_icon_smini16 avatar_women_smini_16"></span>
<span class="dc_web_icon_smini16 back_smini_16"></span>
<span class="dc_web_icon_smini16 bin_smini_16"></span>
<span class="dc_web_icon_smini16 bug_smini_16"></span>
<span class="dc_web_icon_smini16 calculator_smini_16"></span>
<span class="dc_web_icon_smini16 calendar_smini_16"></span>
<span class="dc_web_icon_smini16 cart_smini_16"></span>
<span class="dc_web_icon_smini16 cert_smini_16"></span>
<span class="dc_web_icon_smini16 chart_smini_16"></span>
<span class="dc_web_icon_smini16 chat_smini_16"></span>
<span class="dc_web_icon_smini16 clean_smini_16"></span>
<span class="dc_web_icon_smini16 clipboard_smini_16"></span>
<span class="dc_web_icon_smini16 copy_smini_16"></span>
<span class="dc_web_icon_smini16 creditcard_smini_16"></span>
<span class="dc_web_icon_smini16 cut_smini_16"></span>
L2:
<span class="dc_web_icon_smini16 danger_smini_16"></span>
<span class="dc_web_icon_smini16 delete_smini_16"></span>
<span class="dc_web_icon_smini16 delivery_smini_16"></span>
<span class="dc_web_icon_smini16 disk_smini_16"></span>
<span class="dc_web_icon_smini16 doc_media_smini_16"></span>
<span class="dc_web_icon_smini16 doc_music_smini_16"></span>
<span class="dc_web_icon_smini16 doc_txt_smini_16"></span>
<span class="dc_web_icon_smini16 dollar_smini_16"></span>
<span class="dc_web_icon_smini16 rss_smini_16"></span>
<span class="dc_web_icon_smini16 dvd_smini_16"></span>
<span class="dc_web_icon_smini16 email_smini_16"></span>
<span class="dc_web_icon_smini16 email_white_smini_16"></span>
<span class="dc_web_icon_smini16 exclaim_smini_16"></span>
<span class="dc_web_icon_smini16 fax_smini_16"></span>
<span class="dc_web_icon_smini16 find_smini_16"></span>
<span class="dc_web_icon_smini16 flagblue_smini_16"></span>
<span class="dc_web_icon_smini16 flaggreen_smini_16"></span>
<span class="dc_web_icon_smini16 flagorange_smini_16"></span>
L3:
<span class="dc_web_icon_smini16 flagred_smini_16"></span>
<span class="dc_web_icon_smini16 flagwhite_smini_16"></span>
<span class="dc_web_icon_smini16 flagyellow_smini_16"></span>
<span class="dc_web_icon_smini16 flowchart_smini_16"></span>
<span class="dc_web_icon_smini16 folder_smini_16"></span>
<span class="dc_web_icon_smini16 forward_smini_16"></span>
<span class="dc_web_icon_smini16 globe_smini_16"></span>
<span class="dc_web_icon_smini16 hand_smini_16"></span>
<span class="dc_web_icon_smini16 hd_smini_16"></span>
<span class="dc_web_icon_smini16 help_smini_16"></span>
<span class="dc_web_icon_smini16 home_smini_16"></span>
<span class="dc_web_icon_smini16 id_smini_16"></span>
<span class="dc_web_icon_smini16 incoming_smini_16"></span>
<span class="dc_web_icon_smini16 info_smini_16"></span>
<span class="dc_web_icon_smini16 key_smini_16"></span>
<span class="dc_web_icon_smini16 laugh_smini_16"></span>
<span class="dc_web_icon_smini16 record_smini_16"></span>
<span class="dc_web_icon_smini16 lightoff_smini_16"></span>
L4:
<span class="dc_web_icon_smini16 lighton_smini_16"></span>
<span class="dc_web_icon_smini16 lock_off_smini_16"></span>
<span class="dc_web_icon_smini16 lock_smini_16"></span>
<span class="dc_web_icon_smini16 love_smini_16"></span>
<span class="dc_web_icon_smini16 minus_smini_16"></span>
<span class="dc_web_icon_smini16 money_smini_16"></span>
<span class="dc_web_icon_smini16 monitor_smini_16"></span>
<span class="dc_web_icon_smini16 network_smini_16"></span>
<span class="dc_web_icon_smini16 no_smini_16"></span>
<span class="dc_web_icon_smini16 options_smini_16"></span>
<span class="dc_web_icon_smini16 outgoing_smini_16"></span>
<span class="dc_web_icon_smini16 paperclip_smini_16"></span>
<span class="dc_web_icon_smini16 pause_smini_16"></span>
<span class="dc_web_icon_smini16 people_smini_16"></span>
<span class="dc_web_icon_smini16 phone_smini_16"></span>
<span class="dc_web_icon_smini16 photo_smini_16"></span>
<span class="dc_web_icon_smini16 picture_smini_16"></span>
<span class="dc_web_icon_smini16 pie_smini_16"></span>
L5:
<span class="dc_web_icon_smini16 play_smini_16"></span>
<span class="dc_web_icon_smini16 presentation_smini_16"></span>
<span class="dc_web_icon_smini16 print_smini_16"></span>
<span class="dc_web_icon_smini16 promptblue_smini_16"></span>
<span class="dc_web_icon_smini16 promptyellow_smini_16"></span>
<span class="dc_web_icon_smini16 question_smini_16"></span>
<span class="dc_web_icon_smini16 refresh_smini_16"></span>
<span class="dc_web_icon_smini16 leftarrow_smini_16"></span>
<span class="dc_web_icon_smini16 rightarrow_smini_16"></span>
<span class="dc_web_icon_smini16 downarrow_smini_16"></span>
<span class="dc_web_icon_smini16 uparrow_smini_16"></span>
<span class="dc_web_icon_smini16 search_smini_16"></span>
<span class="dc_web_icon_smini16 secure_none_smini_16"></span>
<span class="dc_web_icon_smini16 secure_smini_16"></span>
<span class="dc_web_icon_smini16 sheet_smini_16"></span>
<span class="dc_web_icon_smini16 smile_smini_16"></span>
<span class="dc_web_icon_smini16 soundoff_smini_16"></span>
<span class="dc_web_icon_smini16 sound_smini_16"></span>
L6:
<span class="dc_web_icon_smini16 star_empty_smini_16"></span>
<span class="dc_web_icon_smini16 star_full_smini_16"></span>
<span class="dc_web_icon_smini16 star_half_smini_16"></span>
<span class="dc_web_icon_smini16 stop_smini_16"></span>
<span class="dc_web_icon_smini16 storage_smini_16"></span>
<span class="dc_web_icon_smini16 strike_smini_16"></span>
<span class="dc_web_icon_smini16 surprise_smini_16"></span>
<span class="dc_web_icon_smini16 tag_smini_16"></span>
<span class="dc_web_icon_smini16 terminal_smini_16"></span>
<span class="dc_web_icon_smini16 thumbsdown_smini_16"></span>
<span class="dc_web_icon_smini16 thumbsup_smini_16"></span>
<span class="dc_web_icon_smini16 tick_smini_16"></span>
<span class="dc_web_icon_smini16 time_smini_16"></span>
<span class="dc_web_icon_smini16 toolbox_smini_16"></span>
<span class="dc_web_icon_smini16 tools_smini_16"></span>
<span class="dc_web_icon_smini16 traffic_smini_16"></span>
<span class="dc_web_icon_smini16 sad_smini_16"></span>
<span class="dc_web_icon_smini16 usb_smini_16"></span>
L7:
<span class="dc_web_icon_smini16 wallet_smini_16"></span>
<span class="dc_web_icon_smini16 wand_smini_16"></span>
<span class="dc_web_icon_smini16 wink_smini_16"></span>
<span class="dc_web_icon_smini16 write_smini_16"></span>

Icons in list example


View code:

?
1
2
3
4
5
<ul>
    <li><span class="dc_web_icon_smini16 add_smini_16" title="add_smini_16"></span>Add Item</li>
    <li><span class="dc_web_icon_smini16 downarrow_smini_16" title="downarrow_smini_16"></span>Download File</li>
    <li><span class="dc_web_icon_smini16 play_smini_16" title="play_smini_16"></span>Play Song</li>
</ul>


© TemplateAccess