Black Atmosphere Design System
Icons, marks and illustrations
Every image group in the design system, as it is there: 20 groups, 322 files. Interface icons for controls, brand marks and illustrations for everything larger, ready for React, Vue, Astro or plain HTML.
Logos
Black Atmosphere lockups and marks, PNG with transparent backgrounds. The power symbol always points down.
App icons
The simplified Black Atmosphere mark in a black rounded tile with a rim in its light, 1512 × 1512 square PNG, transparent outside the corners. The power symbol points down.
Interface icons
The source files of BA Icons / Standard 01: 50 monoline glyphs, ba-<name>.svg, 24 × 24 viewBox, 2px stroke, round caps and joins, outline only. In code the same glyphs come from the Icon component (Icon name="<name>").
Access
Status & feedback
Navigation
Actions
People & messages
Appearance
Brand
Brands
The brand marks from the original Brands font, held as vector SVGs cropped to their artwork. Each carries the inverted power symbol and is named after the brand it represents: ba-brand-<brand>[-solid].svg.
Custom Software
Illustrations for Black Atmosphere's custom software services: AI, APIs, cloud, data, security and the systems that tie them together. From the original Software Development font. File names are <name>.svg. Original line-art glyphs in one ink, drawn at a size for service pages, covers and decks; keep them large and out of controls.
- Analytics
- API
- API configuration
- Artificial intelligence
- Binary sync
- Cloud compute
- Cloud deploy
- Cloud reporting
- Configuration
- Cryptocurrency
- Data analysis
- Data funnel
- Data insights
- Data lattice
- Data mesh
- Data scatter
- Data shapes
- Data sharing
- Data state
- Data store
- Data tunnels
- Fullstack
- Internet connection
- Key distribution
- Machine learning
- Participant
- Secured server
- Server search
- System configuration
- World wide
Smart Home
Automation, security and comfort for the home, from the original Smart Home font. File names are <name>.svg. Original solid glyphs in one ink; keep them large and out of controls.
Cleaning
Cleaning homes and premises: tools, products, people and the things being cleaned. From the original Cleaning Services font. File names are <name>.svg. Original solid glyphs in one ink. Garment and laundry glyphs from the same font are in the Laundry group.
- Broom cleaning
- Brush and broom
- Brush and collector
- Brush cleaning
- Bucket foam
- Business cleaning
- Carpet cleaning
- Clean house
- Cleaning maid
- Cleaning mist
- Cleaning resources
- Cleaning spray
- Curtain cleaning
- Eco cleaner
- Furniture cleaning
- Mopping
- Ozonation
- Pillow cleaning
- Recycle bin
- Sponge cleaning
- Vacuum cleaning
- Window cleaning
Laundry
Garment care, laundry and repair: washing, dry cleaning, steaming, ironing, mending and delivery. From the original Cleaning Services font. File names are <name>.svg. Original line-art glyphs in one ink. Premises cleaning glyphs from the same font are in the Cleaning group.
Office Work
Remote and office work: people, desks, sessions and sharing. From the original Office Work font. File names are <name>.svg. Original solid glyphs in one ink; keep them large and out of controls.
Business
Business services: teams, meetings, support and planning. Redrawn from the original Business Services font with rounded, soft corners to sit with the Engineering set. File names are <name>.svg. Solid glyphs in one ink; keep them large and out of controls.
Engineering
Engineering services: engineers, tools and drawings. From the original Engineering Services font, unchanged. File names are <name>.svg. Solid glyphs in one ink; keep them large and out of controls.
Hosting
Marks of hosting, cloud and infrastructure providers, from the original Service Providers and Reja Code fonts. File names are <name>.svg, for example aws.svg.
Payments
Marks of payment providers and payment-related symbols, from the original Service Providers and Reja Code fonts. File names are <name>.svg, for example payfast.svg.
Stack
Marks of the languages, frameworks, platforms and tools used to build and run things, from the original Reja Code and Service Providers fonts. File names are <name>.svg, for example github.svg.
Blockchain
Ledger and chain illustrations, from the original Digital Assets font, in their original names. File names are <name>.svg. Original solid glyphs.
Distribution
Distribution illustrations, from the original Digital Assets font, in their original names. File names are <name>.svg. Original solid glyphs, matching Black Atmosphere's distribution service.
Media
Music, film, photography, reading and streaming, from the original Digital Assets font, in their original names. File names are <name>.svg, for example spotify.svg.
People
Agreements, identity and gestures, from the original Digital Assets font, in their original names. File names are <name>.svg. Original solid glyphs; keep them large and alone, never inside controls.
Animals
Animal heads, front on, in solid black. The monkey comes from the original Digital Assets font; the others were drawn separately. File names are <name>.svg. Single ink; keep them large and out of controls.
Concepts
Ideas and actions, from the original Digital Assets font, in their original names. File names are <name>.svg. Original solid glyphs, larger and more pictorial than the interface icons; keep them out of controls.
Nothing matches “”
Try what it shows (washing machine, handshake) or what it's for (payment, close), or browse the groups.
310 SVGs and 12 PNGs, copied from the design system unchanged.