Begoniav2.0style guide home
Press Enter to copy its CSS to the clipboard.

Iconography

Iconography

Click a card to copy its CSS.

Icon library

Phosphor Icons

Begonia's icons come from Phosphor, a flexible icon family. Use the Duotone weight only: a solid shape at 25% opacity behind a 2px line glyph.

  • Version 2.1
  • Duotone
  • 1,512 icons
  • Stroke 2
  • Corner radius 2

For designers

Icon stroke 2 and corner radius 2. Icons are drawn on a 256-unit grid, shown here at 20px.

For developers

Phosphor ships as a one-line script, a React package and a Vue package, all available from NPM or a CDN. This site uses the @phosphor-icons/web package.

Made by Helena Zhang and Tobias Fried.

Arrows

Brands

Commerce

Media

People

Communication

Design

Development

Education

Security & Warnings

Office & Editing

Health & Wellness

Games

Maps & Travel

Math & Finance

System & Devices

Time

Weather & Nature