Shapes

40 Soviet constructivist shapes for agitational UI. Sharp angular forms inspired by El Lissitzky, Rodchenko, and the revolutionary graphic design of the 1920s.

RedWedgeLissitzky wedge piercing circle
SovietStarClassic 5-pointed star
GearIndustrial cogwheel
ArrowBold directional arrow
LightningAngular lightning bolt
MegaphoneLoudspeaker cone
BannerPointed ribbon flag
RadiatingLinesSunburst rays
CircleSimple filled circle
HalfCircleRising sun horizon
DiagonalBarThick bar rotated 45deg
CrossBarsPlus sign thick bars
CompassRose4-pointed angular star
FactoryFactory chimney silhouette
HammerSimplified hammer shape
WheatAngular grain sheaf
FistRaised fist silhouette
TowerTatlin's Tower inspired
ProunBlockFloating 3D rectangle
DoubleArrowArrows in conflict
StackedBarsDecreasing bar chart
ChevronAngular V-shape
BracketHeavy square bracket
AngularSpiralSquared-off spiral
TrapezoidPerspective depth shape
ParallelogramLeaning rectangle
SplitCircleBisected circle
PiercedCircleCircle with wedge cutout
ConcentricCirclesTarget pattern
AngularBurst8-pointed sharp star
FlagRectangle with notch
BookOpen book silhouette
EyeAll-seeing eye
PointingHandDirectional hand
CrescentAngular moon shape
ExclamationBold exclamation mark
QuestionBold question mark
EqualsEquality symbol
PlusThick plus shape
ConflictCrossing X bars
Usage
import { SovietStar, RedWedge, Gear } from "@/components/ui/shapes"

// Basic usage
<SovietStar size={64} />

// Custom colors
<RedWedge
  fill="var(--main)"
  stroke="var(--border)"
  size={80}
/>

// With className
<Gear className="animate-spin" size={48} />
Props
PropTypeDefaultDescription
sizenumber64Width and height in pixels
fillstringvar(--main)Primary fill color
strokestringvar(--border)Stroke/secondary color
classNamestring-Additional CSS classes