The purpose of this project is providing clean BCE / ECB icons.

For more information about the BCE pattern, visit https://bce.design.

The project uses CSS custom properties for consistent theming:

• Colors:

  • --text-primary: Icon label text (#111)
  • --text-secondary: Icon description/note text (#575a60)
  • --background-main: Icon gallery background (#f7f8fb)
  • --background-card: Icon card container background (white)
  • --stroke-color: Icon outline/border color (#000)
  • --fill-color: Icon interior fill (#fff)
  • --shadow-color: Icon card shadow (rgba(16, 24, 40, 0.06))

• Dimensions:

  • --stroke-width: SVG stroke width (2px)

The styles define a card-based layout with rounded corners, shadows, and consistent spacing for displaying BCE/ECB architecture icons.

See index.html for a usage example that displays all three BCE icons in a card-based gallery layout.