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

Brand

Brand

Logo

The Begonia logo is a circular begonia illustration. Start from the master artwork and scale it down: it stays square, and the corners outside the circle are transparent.

Shape
Circle in a square, 1:1
Master size
887 × 887 px
Sizes shown
128, 64, 32, 24 px
PNG
887 × 887 px, transparent corners, 1.1 MB
SVG
Clips the artwork to the circle and embeds it as an image, so it does not scale like a vector drawing. 187.5 KB

Logos

Full-colour marks of the services and technologies Begonia works with. Each is an SVG with a PNG export at 512 px on its longest side. Figma and GitHub also have an alternate mark. Show them at 32 px inline and 64 px in footers, and keep their own colours.

Figma logo
FigmaSVG 94 × 140 px, 930 B · PNG 344 × 512 px, 10.8 KBSVG download: FigmaPNG download: Figma
GitHub logo
GitHubSVG 144 × 140 px, 2.7 KB · PNG 512 × 498 px, 17.0 KBSVG download: GitHubPNG download: GitHub
LinkedIn logo
LinkedInSVG 140 × 140 px, 968 B · PNG 512 × 512 px, 8.8 KBSVG download: LinkedInPNG download: LinkedIn
Angular logo
AngularSVG 200 × 200 px, 676 B · PNG 512 × 512 px, 15.5 KBSVG download: AngularPNG download: Angular
Astro logo
AstroSVG 200 × 200 px, 2.4 KB · PNG 512 × 512 px, 16.4 KBSVG download: AstroPNG download: Astro
Azure logo
AzureSVG 200 × 200 px, 3.1 KB · PNG 512 × 512 px, 21.6 KBSVG download: AzurePNG download: Azure
Blazor logo
BlazorSVG 200 × 200 px, 4.2 KB · PNG 512 × 512 px, 27.0 KBSVG download: BlazorPNG download: Blazor
Claude Code logo
Claude CodeSVG 200 × 200 px, 1.4 KB · PNG 512 × 512 px, 6.0 KBSVG download: Claude CodePNG download: Claude Code
Claude logo
ClaudeSVG 200 × 200 px, 3.5 KB · PNG 512 × 512 px, 19.3 KBSVG download: ClaudePNG download: Claude
C# logo
C#SVG 200 × 200 px, 3.3 KB · PNG 512 × 512 px, 18.2 KBSVG download: C#PNG download: C#
CSS logo
CSSSVG 200 × 200 px, 1.8 KB · PNG 512 × 512 px, 13.8 KBSVG download: CSSPNG download: CSS
Figma (alt) logo
Figma (alt)SVG 200 × 200 px, 1.9 KB · PNG 512 × 512 px, 12.0 KBSVG download: Figma (alt)PNG download: Figma (alt)
F# logo
F#SVG 200 × 200 px, 453 B · PNG 512 × 512 px, 11.6 KBSVG download: F#PNG download: F#
GitHub Copilot logo
GitHub CopilotSVG 200 × 200 px, 4.0 KB · PNG 512 × 512 px, 18.9 KBSVG download: GitHub CopilotPNG download: GitHub Copilot
GitHub (alt) logo
GitHub (alt)SVG 200 × 200 px, 3.7 KB · PNG 512 × 512 px, 16.2 KBSVG download: GitHub (alt)PNG download: GitHub (alt)
HTML logo
HTMLSVG 200 × 200 px, 1.9 KB · PNG 512 × 512 px, 13.7 KBSVG download: HTMLPNG download: HTML
PostgreSQL logo
PostgreSQLSVG 200 × 200 px, 9.9 KB · PNG 512 × 512 px, 28.6 KBSVG download: PostgreSQLPNG download: PostgreSQL
SQL Server logo
SQL ServerSVG 200 × 200 px, 25.3 KB · PNG 512 × 512 px, 30.1 KBSVG download: SQL ServerPNG download: SQL Server