IBM’s pictograms are visual symbols used to represent ideas, objects, or narratives. They can communicate messages at a glance, afford interactivity, and simplify complex ideas. They draw from details found in the Plex typeface and work well in presentations and marketing communications.
Pictograms are illustrative and expressive and can live within a wide variety of scales and environments whether digital or physical. As they are built on the same grid as the rest of the IBM icon family, they share many of the same basic principles but allow for more visual complexity and communication. You may use pictograms to enhance the information you are conveying across various media. It’s important to use pictograms sparingly but effectively throughout your design.
Pictograms are used in a range of sizes, the minimum being 32px while the maximum size may vary based on application. Use pictograms at their original sizes or scale at accepted increments. You may need to adjust the stroke weight accordingly to accommodate larger scales. For more information on scaling and accessibility, see the section on mini units on the 2X Grid page.
|Icon size||Stroke width||Padding||Live area||Corner Radius|
Pictograms are optically aligned to the center of the icon grid within the boundary box. Centering ensures all pictograms will be aligned correctly when exported and used side by side.
Pictograms can be represented in a circular or rectangular container calculated based on the padding size.
When designing with pictograms, all artwork should include minimum padding based on 1/4 of the scaled grid size. The padding can be increased by increments of 1/4 grid units.