HeroIcon

stablev1.0.0

Hero Icons from Figma SCDC node 142:137. 64px colour glyphs with an optional SC Prosper Sans label. Swap with `name`.

Open in Figma

Live preview

Figma sheet 142:137. Colour glyphs. Swap with name.

7 Medical Assistance

7 Roadside Assistance

Accounts

Add Payee

Alternative Investments

Banking Across Borders

Banking Plans

BHIM UPI

Bill Pay

Cancer

CIP

CNY Conversion

Complimentary Courtesy Car

Comprehensive Travel Assistance

Cover up

Credit Card

Credit Card limit

Credit Card Lost

Credit card promotion

Cruise Add-On for Single Trip Plan

Cryptocurrency

Current Account

Cyber

Cyber Hacking

Deposit

Diamond

Digital Service

Digital wallet

Digtal transactions

Discover

Diversified

Donut Chart

Driving Record

Duit Now

Education

Electric and Electronic Components Cover

Electricity

Emergency Rescue

Equities

Excellent Domestic Package

Extensive Coverage

Extensive Coverage for motor

External Credit Card

Family Banking

Fast Payment (Send)

Fiduciaries

Fixed Income (Bonds)

Flexible Repayment

Funds We Like

FX Calculator

General Transfer

Global Link Transfer

Health

Health Status

Hire Purchase

HK SC Invest

HK$100M Liability Cove

Home

Inheritance

Insurance

Insurance History

Interim Statement

International Transfer

International Travel

Invest & Insure

Investments

Islamic

Jom Pay Bill

Landline

Life Insurance

Lifetime Warranty On Repairs

light-bulb

Loans

Loans & Borrow

Local Transfer

Loss or Damage to Keys

Mail

Mastercard Transfer

Mobile

Money Bag

Mortgage

Motor

NCD Protector

"New for Old" Replacement Car

New Service Status Update

NTW Content

Over Concentration

Pay All Credit Cards

Pay Bills & Cards

PayNow

Personal Accident

Personal Accident and Medical Expenses

Personal Liability

Personal Loans

PII

Planet

Portfolio Investments

Premium Currency Investment

Promo

Property

Protect your Entertainment Unit

Puzzle

QR Cash

QR Scan

Raise a Dispute

Red Packet

Repairs at Any Workshop

Request Money

Retirement

Retirement and MPF

RPP

Savings

SC Pay FPS

Schedule Transfers

Settings

SG SC Invest

Shopping Cart

Signature CIO

Signature Select

Smart Saving Plan (UAE)

Special Peril Coverage

Structured Notes

Structured Products

Sustainable

Time Deposit

Tokenized Funds

Top Performing

Top Up Mobile

Transfer between my accounts

Travel

Travel Insurance Covered

Under Concentration

Unlimited Windscreen Cover

Unlock Card

Update Profile

Vehicle Details

View All

Visa Transfer

Wealth Lending

Implementation

import { HeroIcon } from '@nitro-core/ui';

<HeroIcon
  label="Local Transfer"
  name="local-transfer"
/>

Design → Code

Property names stay aligned so a Figma Button maps onto the production import below.

Figma

Hero Icons

142:137

name: local-transfer

Code

HeroIcon

@nitro-core/ui

name: "local-transfer"

Token inspector

Typeface

Figma Variable

SC Prosper Sans

Nitro Token

font.sans

CSS

--nitro-font-sans

Chain

Figma → Token → CSS → Component