• Home
  • Getting started
  • Foundation
    • Accessibility
    • Color
    • Design principles
    • Typography
    • Iconography
    • Pictograms
    • Motion
  • Components
  • Patterns
  • Writing (SE)
  • Brands
Legacy
  • Components

Search the design system

Foundation

Pictograms

The pictograms shouldn’t be confused with icons. There is a bit more creative freedom when it comes to creating the pictograms. The pictograms communicate messages at a glance, and simplify complex ideas. Our illustrative pictograms help visualising information in a simplified way.

Pictograms

Our illustrative pictograms have the main purpose of making information more fun. They only occur in larger sizes, which means that they can be both more complex and detailed. These pictograms are drawn in a freer grid.

icons

Creating new pictograms

icons

When we develop new pictograms, we start from a grid template with the dimensions 96x96 px.

Style

Our pictograms are stylized and based on geometric shapes. This makes them clear and well-functioning even in small sizes.

Consistent shapes
Use geometric and consistent shapes.
Avoid realistic or organic shapes
Avoid realistic or organic shapes
FoundationIconography / Code
FoundationPictograms / Library

© DesignTech - AB Svenska Spel

What's newTerms of useAccessibility statementCookiesTeams channel [Internal]
@svs/ui version
2.0.5-dev.2

Feedback

We always want to improve the Design System and would be thrilled to get your feedback.

Please share your wisdom with us.

Microsoft Teams [internal]

Designsystem@svenskaspel.se