Loading the icon catalog…
Make the icon fit your project.
Start with a consistent family, then match the icon’s stroke and visual size to nearby text. Outline symbols often work well in navigation; a filled version can help distinguish the selected state. Test small exports at their actual pixel size instead of judging only a large preview.
Choose SVG, PNG or React code.
SVG preserves editable geometry and scales cleanly. PNG is useful in slides, social artwork and applications that require an image. The editor can include a transparent, white or dark background and adds a source notice to SVG exports and generated React code.