SVX Shape Playground

Shape Examples
Reference shapes to verify rendering
Circle
Circle
Square
Square
Rounded
Rounded
Pill
Pill
Hexagon
Hexagon
Octagon
Octagon
Diamond
Diamond

Sample Logos

B
BlueCo
Professional Solutions
G
GreenCo
Nature Solutions
P
PurpleCo
Creative Solutions
O
OrangeCo
Energy Solutions
R
RedCo
Bold Solutions
T
TealCo
Calm Solutions
Shape Customizer
Create and customize shapes
SVX

Generated Code

<SVXShape
  type="circle"
  size="md"
  backgroundColor="#3b82f6"
  color="#ffffff"
>
  SVX
</SVXShape>
Brand Customizer
Create and customize brand logos
SVX
SVX
Component Library

Generated Code

<SVXHtmlLogo
  type="circle"
  name="SVX"
  strapline="Component Library"
  backgroundColor="#2563eb"
  color="#ffffff"
  nameColor="#1e3a8a"
  straplineColor="#3b82f6"
  borderWidth={2}
  borderColor="#93c5fd"
  shadow=false
  hover={false}
  asLink={true}
  href="/"
  icon={<span>SVX</span>}
/>