<?xml version="1.0" encoding="utf-8"?>

Symbol scales and weights

SF Symbols match text appearance by automatically adjusting their scale and weight. This ensures symbols look natural next to any text style in the interface.

Symbols come in nine weights — from ultralight to black — matching San Francisco font weights. When placed next to the text, symbols automatically adopt the same weight, creating visual harmony. For example, when text becomes bold, nearby symbols also become bold.

Scale options range from small to large, with standard size matching text height. As symbols get bigger or smaller, they keep their clarity while maintaining proper weight. This helps symbols look balanced whether they're small menu icons or large feature graphics.

Improve your UX & Product skills with interactive courses that actually work