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

Today we’re introducing big updates to Vectors in Framer. Built-in icon sets now support more styles, like Stroke Width and Duotone, for greater customizability. 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 our CMS, unlocking new use cases. Watch the video to learn more, and see the full 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 masking support to new Vectors Sets

• Added arrow key support to the Icon Pickers

• 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 ‘Inline Size’ action showing on Vector 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