Why we use it

  • One font, 100+ icons.
  • No JavaScript required.
  • Infinite scalability across different screen sizes and dimensions.

Each Harmony icon clearly communicates the task it solves for.
When applied consistently, icons enable our customers to quickly complete a task (examples: delete an item, attach a file). Icons should never be used as decoration, and should always correspond to an action.

Download

Download the web font files (Github) (Sorry, this will only work for Intuit employees.)

  1. Click on the “download zip” button in the top right to get the files.
  2. Unzip it and you’ll want to use the .OTF opentype file, or the .TTF truetype files (it doesn’t matter as long as you keep updating the same file type).

Usage

To use, follow the steps below:

  1. Create a text element in Sketch or design tool
  2. Set the font to HarmonyIcons.
  3. Using the icon chart below, locate the icon you’d like to use and select + copy it into your clipboard.
  4. Paste the glyph into your text element and DONE!

If you want to use them in HTML, call through through the <i> element like this:

<i class="hi hi-accountant"></i>

Icons

accountant
accountant-tool
add-user
adjust
anniversary
announce
appointment
apps
arrange
attach
audio
avatar-o
bank
birthday
bookmark
calendar
camera
cancel
cash
chat
chat-o
check-o
checklist
checkmark
checks
chevron-down
chevron-left
chevron-right
chevron-up
circle-alert
circle-check
circle-info
close
copy
create
create-lg
credit-card
customers
customize
dashboard
delete
direct-deposit
document
document-alt
download
draft
drag
duplicate
edit
email
employees
expenses
expert
export
filter
flag
folder
global-create
global-create-alt
grid
hamburger
headset
help
help-o
history
image
import
inventory
invoices
label-new
labs
lightbulb-o
list
lock
mailbox 
map
map-pin
marketing
marketing
maximize
message
microphone
mileage
mileage
minimize
new-window
newsletter
no-access
note
offline
overflow
payments
phone
pin
play
pop-in
pop-out
preview
print
pro-advisor
products
receipt-o
receipts
reconcile
refresh
reports
save
schedule
search
send
settings
settings-o
share
speech-bubble
star
star-half
star-half-full
star-o
survey
swap
tag
taxes
tear-alert-lt
tear-alert-rt
tear-check-lt
tear-check-rt
tear-pending
thumb-down
thumb-up
transactions
trophy
unlink
unlock
upgrade
upload
user
vendors
video-maximize
video-minimize
video-play

Request a new icon

Set up office hours with the brand team: Click here

or

File a Github issue with the following details (you will need to login to Github with your corporate ID):

  • Where the icon will be used inside of a product (in a menu, a button, etc)
  • What function it serves (saves a file, starts an upload)
    Any notion of the metaphor (emphasizes a cloud offering, is part of a security procedure)
  • Descriptors of what the icon is (a wizard hat) and what it does (starts a magic process). This is not what the final name will necessarily be.
  • Optional If you provide your own art or sketches, include those with the request. There is no guarantee your exact art will be used.
  • The icon files will be updated once a month on the 15th if there are open reqeusts. Requests MUST be in by the 1st of the month!

Other issues or comments? Add them as a Github issue!

  • Was this Helpful?
  •