Overview

UI icons represent actions, indicate interactivity, or draw attention to important or helpful notifications.

Resources

Sync Figma UI icon set

These are the workhorse, they’re
used everywhere and anywhere in
our digital landscape.

UI icon set

Arrow down

Arrow left

Arrow right

Arrow up

Cheveron down

Chevron left

Chevron right

Chevron up

Chevron circle down

Chevron circle left

Chevron circle right

Chevron circle up

Application

Check box

Correct indicator

Download

Dashboard

Help Centre

Plus

Sign out

Strokes

Our icons are scaled up and down and are often
seen together in different sizes.

We want our icons to be visually even weighted.
One shouldn't look heavier or lighter than the other and there shouldn't be different weights within the same icon.

Please list all of the assets you own below. If you have no asset to add  click here.

ADD ANOTHER ASSET

Harmoney Limited (FSP373486), Harmoney Nominee Limited (FSP5904148) and Harmoney Services Limited (FSP593769) are licensed to provide a peer to peer lending service under Part 6 of the Financial Markets Conduct Act, 2013. The conditions of these licences imposed by the Financial Markets Authority are published on www.business.govt.nz/fsp.

Harmoney Limited, Harmoney Nominee Limited and Harmoney Services Limited are registered under the Financial Service Providers (Registration and Dispute Resolution) Act 2008.

Your Finances

Frequently asked questions

Why should I let you retrieve my bank transaction data?

How do you access my bank transaction data?

To compensate for this we use different weights
for different sizes so that they feel visually even weighted on screen.

24px = 2px

16px = 1.6px

32px = 2.2px

40px = 2.4px

Corners and stroke terminals

Rounded corners and rounded stroke terminals means we can maintain the friendly and approachable nature of our brand. Here are a few styling tips for our icons.

8px corner radius

Rounded edges

Rounded stroke ends

CONTENTS

Gradients and shadows

The rule of four

Typography