How to use the icon font

Step 1

STEP 1

Copy the font files (.ttf, .eot, .svg, and .woff) and the CSS file into your project folder.

Step 2

STEP 2

Add the font CSS file (androidicons.css) to your HTML document or import it to your existing CSS file.

Step 3

STEP 3

Use CSS classes, Unicodes or HTML-Entities to display the icons. Style them with CSS (font-size, color, etc.).

All glyphs & codes

ai-achievement
0xe824

ai-plus
0xe81b

ai-alarm
0xe8c0

ai-amazon
0xe8d2

ai-anchor
0xe820

ai-android
0xe818

ai-armchair
0xe861

ai-arrow-down
0xe829

ai-arrow-left
0xe826

ai-arrow-left-down
0xe82c

ai-arrow-left-up
0xe82b

ai-arrow-right
0xe825

ai-arrow-right-down
0xe82d

ai-arrow-right-up
0xe82a

ai-arrow-up
0xe828

ai-attachment
0xe845

ai-attachment-2
0xe846

ai-ball
0xe835

ai-balloon
0xe8bc

ai-barcode
0xe8f0

ai-qrcode
0xe8F1

ai-bargraph
0xe867
&#59495
ai-bars
0xe8a0

ai-basket
0xe894

ai-bell
0xe8ee

ai-bike
0xe8ab

ai-blob
0xe876

ai-bluetooth
0xe896

ai-book
0xe89b

ai-bookmark
0xe830

ai-box
0xe84c

ai-brush
0xe864

ai-bug
0xe865

ai-bulb
0xe858

ai-bus
0xe8ac

ai-business
0xe80d

ai-calculator
0xe85b

ai-calendar
0xe8eb

ai-camera
0xe81e

ai-cancel
0xe82f

ai-car
0xe8ae

ai-cart
0xe8a6

ai-gcircles
0xe8db

ai-clock
0xe806

ai-cloud
0xe8da

ai-cloudy
0xe800

ai-coffee
0xe890

ai-coffee2go
0xe891

ai-collapse
0xe81a

ai-compass
0xe8aa

ai-contrast
0xe821

ai-copy
0xe86c

ai-creditcard
0xe866

ai-crop
0xe84a

ai-cut
0xe86d

ai-database
0xe842

ai-dialer
0xe8e5

ai-dialog
0xe8f3

ai-dice1
0xe8af

ai-dice2
0xe8b0

ai-dice3
0xe8b1

ai-dice4
0xe8b2

ai-dice5
0xe8b3

ai-dice6
0xe8b4

ai-document
0xe855

ai-dontlike
0xe88c

ai-download
0xe849

ai-drag
0xe8a5

ai-drop
0xe84d

ai-dropbox
0xe8d4

ai-edit
0xe8c4

ai-emo-angry
0xe8cb

ai-emo-basic
0xe8c6

ai-emo-cool
0xe8c7

ai-emo-cry
0xe8cf

ai-emo-err
0xe8cd

ai-emo-evil
0xe8d1

ai-emo-kiss
0xe8ce

ai-emo-laugh
0xe8ca

ai-emo-shame
0xe8c9

ai-emo-tongue
0xe8cc

ai-emo-wink
0xe8d0

ai-emo-wonder
0xe8c8

ai-exit
0xe862

ai-expand
0xe819

ai-export
0xe87c

ai-eye-closed
0xe8c1

ai-eye-open
0xe8a3

ai-facebook
0xe8d5

ai-rss
0xe8c5

ai-filter
0xe86f

ai-flag
0xe802

ai-flags
0xe88f

ai-flash
0xe817

ai-folder-closed
0xe80f

ai-folder-open
0xe80e

ai-folder-tabs
0xe810

ai-font-bigger
0xe8b7

ai-font-bold
0xe8b9

ai-font-faces
0xe8bb

ai-font-italic
0xe8c2

ai-font-smaller
0xe8b8

ai-font-underline
0xe8ba

ai-foursquare
0xe8de

ai-gear
0xe868

ai-github
0xe8d6

ai-glasses
0xe839

ai-globe
0xe83a

ai-gmail
0xe8d7

ai-goleft
0xe88a

ai-gplay
0xe8d8

ai-goright
0xe889

ai-gplus
0xe8df

ai-grow
0xe834

ai-guitar
0xe892

ai-halt
0xe874

ai-headphones
0xe80a

ai-heart
0xe8ef

ai-help
0xe84e

ai-home
0xe84b

ai-html5
0xe8D3

ai-import
0xe87b

ai-inbox
0xe84c

ai-info
0xe84f

ai-power
0xe875

ai-joypad
0xe87a

ai-key
0xe89e

ai-knight
0xe88e

ai-lab
0xe831

ai-laptop
0xe83e

ai-like
0xe88b

ai-line-chart
0xe805

ai-link
0xe869

ai-linkedin
0xe8e0

ai-list
0xe8a1

ai-list-2
0xe8a2

ai-location
0xe860

ai-location-2
0xe8c3

ai-lock-closed
0xe89c

ai-lock-open
0xe89d

ai-magnet
0xe804

ai-mail
0xe83b

ai-map
0xe85f

ai-mic
0xe877

ai-micoff
0xe878

ai-minus
0xe81c

ai-mist
0xe801

ai-monitor
0xe83f

ai-monolog
0xe8f2

ai-more
0xe888

ai-mouse
0xe8a8

ai-movie
0xe857

ai-music-1
0xe808

ai-music-2
0xe809

ai-mustache
0xe8b6

ai-navigate
0xe8ea

ai-news
0xe859

ai-overflow
0xe8ec

ai-paste
0xe86e

ai-paypal
0xe8e1

ai-phone
0xe80a

ai-phone-end
0xe811

ai-phone-incoming
0xe813

ai-phone-missed
0xe815

ai-phone-outgoing
0xe814

ai-phone-start
0xe812

ai-picker
0xe863

ai-picture
0xe856

ai-pie-chart
0xe805

ai-pill
0xe8b5

ai-pin
0xe838

ai-pinterest
0xe8d9

ai-plane
0xe816

ai-planet
0xe88d

ai-playback-forw
0xe883

ai-playback-next
0xe884

ai-playback-pause
0xe87f

ai-playback-play
0xe87e

ai-playback-prev
0xe882

ai-playback-repeat
0xe886

ai-playback-repeat-1
0xe887

ai-playback-rew
0xe881

ai-playback-shuffle
0xe885

ai-playback-stop
0xe880

ai-plug
0xe8a9

ai-plusone
0xe850

ai-present
0xe87d

ai-process-end
0xe8bd

ai-process-save
0xe8be

ai-process-start
0xe8bf

ai-puzzle
0xe843

ai-rain
0xe8ad

ai-record
0xe893

ai-redo
0xe852

ai-reload
0xe844

ai-restaurant
0xe897

ai-rocket
0xe89a

ai-ruler
0xe81f

ai-save
0xe8a4

ai-search
0xe827

ai-send
0xe8ed

ai-settings
0xe807

ai-share
0xe8e6

ai-share-2
0xe83c

ai-shield
0xe823

ai-signal
0xe837

ai-sms
0xe895

ai-sort-1
0xe853

ai-sort-2
0xe854

ai-soundcloud
0xe8da

ai-stamp
0xe85c

ai-star-0
0xe8e7

ai-star-5
0xe8e8

ai-star-10
0xe8e9

ai-stumbleupon
0xe8e2

ai-sun
0xe8f6

ai-tablet
0xe840

ai-tag
0xe86a

ai-tags
0xe86b

ai-temperature
0xe833

ai-tick
0xe82e

ai-ticket
0xe899

ai-tiles-large
0xe80b

ai-tiles-small
0xe80c

ai-train
0xe8ad

ai-trash
0xe847

ai-tshirt
0xe898

ai-tumblr
0xe8e3

ai-turn-left
0xe85d

ai-turn-right
0xe85e

ai-tv
0xe841

ai-twitter
0xe8e4

ai-umbrella
0xe803

ai-undo
0xe851

ai-upload
0xe848

ai-user
0xe8f4

ai-users
0xe8f5

ai-video
0xe81d

ai-vimeo
0xe8dc

ai-volume
0xe870

ai-volume-down
0xe873

ai-volume-mute
0xe871

ai-volume-up
0xe872

ai-warning
0xe879

ai-steering-wheel
0xe836

ai-wifi
0xe89f

ai-wizard
0xe832

ai-yingyang
0xe822

ai-youtube
0xe8dd


Thank you

—for your support over the years. The Android Developer Icons are now Open Source.

The set contains 250 free icons in 5 sizes and 14 colors as well as its own icon font, including sources. Handcrafted by Opoloo, free to use by everyone.

Download the Iconset



Preview Preview all 250 icons

In September 2009, we dipped our toes into the young and fragile Android community. Shortly after, Android brought down the house and took us on a wild ride. The small icon set reached developers, companies, and generally good people around the globe. Here’s some of the work that we have been heavily involved in since.

We’re Opoloo. Talk to us.