SVG icon guides

Add Alma Icons to your interface, keep controls accessible, and choose a consistent visual weight.

• Use Alma SVG icons in Vue

  Install Alma Icons in Vue, import a static icon component and add accessible labels to icon buttons.

• Use Alma SVG icons in React

  Add Alma Icons to React with static component imports, explicit SVG dimensions and accessible icon buttons.

• Choose an icon style and weight

  Compare Alma Icons outline and fill styles and weights 100–500 to build a consistent interface icon set.