Material Icon dari google

Untuk menggunakan ikon Google, tambahkan baris berikut di dalam bagian head tautan halaman HTML Anda link rel stylesheet href https fonts googleapis com icon family Material Icons Catatan Tidak diperlukan pengunduhan atau pemasangan tambahkan class material-icons ke elemen sebaris dan masukkan nama icon 3d_rotation e84d ac_unit eb3b access_alarm e190 access_alarms e191 access_time e192 accessibility e84e accessible e914 account_balance e84f account_balance_wallet e850 account_box e851 account_circle e853 adb e60e add e145 add_a_photo e439 add_alarm e193 add_alert e003 add_box e146 add_circle e147 add_circle_outline e148 add_location e567 add_shopping_cart e854 add_to_photos e39d add_to_queue e05c adjust e39e airline_seat_flat e630 airline_seat_flat_angled e631 airline_seat_individual_suite e632 airline_seat_legroom_extra e633 airline_seat_legroom_normal e634 airline_seat_legroom_reduced e635 airline_seat_recline_extra e636 airline_seat_recline_normal e637 airplanemode_active e195 airplanemode_inactive e194 airplay e055 airport_shuttle eb3c alarm e855 alarm_add e856 alarm_off e857 alarm_on e858 album e019 all_inclusive eb3d all_out e90b android e859 announcement e85a apps e5c3 archive e149 arrow_back e5c4 arrow_downward e5db arrow_drop_down e5c5 arrow_drop_down_circle e5c6 arrow_drop_up e5c7 arrow_forward e5c8 arrow_upward e5d8 art_track e060 aspect_ratio e85b assessment e85c assignment e85d assignment_ind e85e assignment_late e85f assignment_return e860 assignment_returned e861 assignment_turned_in e862 assistant e39f assistant_photo e3a0 attach_file e226 attach_money e227 attachment e2bc audiotrack e3a1 autorenew e863 av_timer e01b backspace e14a backup e864 battery_alert e19c battery_charging_full e1a3 battery_full e1a4 battery_std e1a5 battery_unknown e1a6 beach_access eb3e beenhere e52d block e14b bluetooth e1a7 bluetooth_audio e60f bluetooth_connected e1a8 bluetooth_disabled e1a9 bluetooth_searching e1aa blur_circular e3a2 blur_linear e3a3 blur_off e3a4 blur_on e3a5 book e865 bookmark e866 bookmark_border e867 border_all e228 border_bottom e229 border_clear e22a border_color e22b border_horizontal e22c border_inner e22d border_left e22e

Sertakan kode ini dalam percobaan anda:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Masukan kode di bawah untuk melihat icon:

<i class="material-icons">3d_rotation</i>

<i class="material-icons" style="font-size:48px;">3d_rotation</i>

<i class="material-icons" style="font-size:60px;color:red;">3d_rotation</i>

Anda bisa coba di Html editor:

Html editor

3d_rotation

ac_unit

access_alarm

access_alarms

access_time

accessibility

accessible

account_balance

account_balance_wallet

account_box

account_circle

adb

add

add_a_photo

add_alarm

add_alert

add_box

add_circle

add_circle_outline

add_location

add_shopping_cart

add_to_photos

add_to_queue

adjust

airline_seat_flat

airline_seat_flat_angled

airline_seat_individual_suite

airline_seat_legroom_extra

airline_seat_legroom_normal

airline_seat_legroom_reduced

airline_seat_recline_extra

airline_seat_recline_normal

airplanemode_active

airplanemode_inactive

airplay

airport_shuttle

alarm

alarm_add

alarm_off

alarm_on

album

all_inclusive

all_out

android

announcement

apps