Vectors: Icon Sets, Variables, Stroke Width, CMS Support

Today we’re introducing major updates to Vectors in Framer. Built-in icon sets now support more styles—like Stroke Width and Duotone—for more control. Properties like Stroke Width are also available as Variables in custom icon sets. Path editing is more stable, and keyboard support makes browsing icons faster. Plus, Vector Sets now work seamlessly with the Framer CMS, unlocking new use cases. Watch the video to learn more, and find the changelog below.

Added

• Added new Phosphor icons to the Insert Panel

• Added updated Iconic icons to the Insert Panel

• Added Component Variant support to Vectors

• Added arrow key support to the Icon Pickers

• Added masking support to new Vector Sets

• Added the Stroke Width variable to Vectors

• Added names of selected icons in Layers

• Added ‘Copy URL’ action to Vector Sets

• Added full CMS support to Vector Sets

Improved

• Improved path tool to preview point additions

• Improved Vector tools within the main menus

• Improved Vector insertions via Quick Actions

Fixed

• Fixed Vectors in Components not showing default values

• Fixed pasted Vectors having the wrong layer panel icon

• Fixed Vectors with Color Styles not showing properties

• Fixed opacity not updating on all shapes in Booleans

• Fixed the ‘Intrinsic Size’ action showing on Icon Sets

• Fixed toggling Loop not disabling it in Stroke Effects

• Fixed accidental Transforms of Vector Set variables

• Fixed paths being accidentally nested in Text layers

• Fixed multi-selection bounding box of Vector Sets

• Fixed some Vector Sets being selectable like Text

• Fixed pinning of icon set instances within Frames

• Fixed automatically nesting of paths in Booleans

• Fixed a crasher when making new Vector Sets

• Fixed shadows of Vectors on published sites