Icons

45 icons designed to match the war.market brand.

Style

• Warm gray strokes (#4a4752)
• Amber (#f97316) / gold (#fbbf24) accents
• Profit green (#22c55e) / loss red (#ef4444) where appropriate
• Rounded caps and joins
• 64x64 viewBox, scales to any size

Full set

Navigation

Icon	Name	Use
	chevron-left	Back
	chevron-right	Forward
	chevron-up	Expand
	chevron-down	Collapse
	menu	Menu
	close	Close, dismiss
	external	External link

Trading

Icon	Name	Use
	chart	Markets, trends
	candle	Price chart
	execute	Trade action
	position	Portfolio
	target	Thesis
	layers	Baskets

Status

Icon	Name	Use
	arrow-up	Profit
	arrow-down	Loss
	trending-up	Positive trend
	trending-down	Negative trend
	check	Success
	warning	Alert
	info	Information

Wallet & Auth

Icon	Name	Use
	wallet	Connect
	lock	Locked
	unlock	Unlocked
	shield	Security
	link	Connected
	disconnect	Disconnect

Finance

Icon	Name	Use
	dollar	Money
	percent	Leverage, rates

Actions

Icon	Name	Use
	refresh	Refresh
	copy	Copy
	search	Search
	send	Send
	plus	Add
	minus	Remove
	settings	Settings

Utility

Icon	Name	Use
	eye	Visible
	eye-off	Hidden
	bell	Notifications
	clock	Time
	history	History
	globe	Global
	book	Docs
	flag	Geopolitical

Brand

Icon	Name	Use
	flame	Energy
	diamond	Value

Usage

Direct SVG

<img src="https://war.market/icons/chart.svg" width="24" height="24" alt="" />

React component

import { IconChart, IconWallet } from '@/components/WarIcons';

<IconChart size={24} />
<IconWallet size={32} className="opacity-60" />

Download

All icons available at:

https://war.market/icons/{name}.svg

Or browse the folder:

/public/icons/

Don'ts

• Don't change the colors
• Don't mix with other icon sets
• Don't add effects (shadows, glows)
• Don't use at sizes below 16px