Meridian Icon Set

Eighteen icons for a coastal tide and weather station dashboard, drawn on a 24×24 grid with a 20×20 live area and 2px padding. Organic, mechanical, and abstract forms share one stroke weight, one corner language, and one hand.

The row test · 24px
swell
wind
moon
rain
anemometer
buoy
tide
mooring
filter
export
alert
history
compare
favourite
gauge
station
humidity
barometer
Full set · 32px
SwellOrganic · wave height
WindOrganic · speed & direction
MoonOrganic · phase & tide
RainfallOrganic · precipitation
AnemometerMechanical · wind sensor
BuoyMechanical · offshore data
TideMechanical · water level
MooringMechanical · anchor point
FilterInterface · refine data
ExportInterface · share data
AlertInterface · warning
HistoryInterface · timeline
CompareInterface · side-by-side
FavouriteInterface · save station
GaugeMechanical · pressure
StationInterface · location
HumidityOrganic · moisture
BarometerMechanical · trend
Scale honesty
16px
24px
32px
48px
64px
96px
Themeable · inherits currentColor
swell
anemometer
moon
tide
alert
filter
favourite
humidity
In context · station monitor
Point Reyes Buoy
Swell 2.1 m
Wind 14 kn NW
Tide +0.7 m rising
Humidity 78%
Usage
<svg aria-hidden="true" class="icon"> <use href="#i-buoy"></use> </svg> <svg role="img" aria-label="Swell height"> <title>Swell height</title> <use href="#i-swell"></use> </svg>
Grid & construction

Grid

24×24 viewBox. Live area 20×20 from (2,2) to (22,22), with 2px padding on all sides.

Stroke

1.5 units everywhere. Round caps and joins. No stroke scales with size.

Corners

Organic curves are free; mechanical and abstract corners use a consistent 1.5 radius or geometric rounding.

Optical correction

Circles are drawn 0.5–1 unit larger than squares of the same nominal size to balance visual weight.

Density

4–9 path commands per icon, never exceeding 24. Every mark authored by hand; no autotracing, no raster, no icon fonts.

Theme

Everything uses currentColor. Works on light and dark without duplication.