Iconography

    Our icons are simple line drawings with rounded caps and rounded joins. They sit beside Inter at the same weight and take the color of the text around them.

    On this page
    Sliders, on its 24 unit grid

    Actual size

    • 16px--icon-sm
    • 20px--icon-md
    • 24px--icon-lg
    Line caps and joins
    Rounded caps and rounded joins on every stroke. Never flat or square ends.
    Stroke 1.5
    One stroke weight across the set, drawn on the 24 unit grid.
    Outline only
    No fills. The shape comes from the line.
    Color is inherited
    Icons use currentColor, so they take the color of the text beside them and change with the theme.

    Style

    Rounded ends on every stroke. Flat and square ends are not used. Match the icon size to the type it sits with, and never mix sizes in one group.

    • RoundedOurs

    • FlatNot used

    • SquareNot used

    Icon set

    The everyday set. Select an icon to download its SVG. Pair an icon with a label unless everyone reads it the same way, such as search or menu.

    Downloads

    All downloads