Search lessons...

Icons & SVGs

Course instructor

In this lesson, you'll learn how to work with icons and SVGs in Framer. We'll explore the built-in icon collections available through the Insert button, including popular sets like Hero Icons and Phosphor. You'll discover how to customize these icons by adjusting size, color, and style variations. We'll also cover how to import and edit your own SVG files, including changing colors and adjusting parameters. By the end of this lesson, you'll be proficient in incorporating and customizing icons in your Framer projects.

In this lesson, you'll learn how to work with icons and SVGs in Framer. We'll explore the built-in icon collections available through the Insert button, including popular sets like Hero Icons and Phosphor. You'll discover how to customize these icons by adjusting size, color, and style variations. We'll also cover how to import and edit your own SVG files, including changing colors and adjusting parameters. By the end of this lesson, you'll be proficient in incorporating and customizing icons in your Framer projects.

In this lesson, you'll learn how to work with icons and SVGs in Framer. We'll explore the built-in icon collections available through the Insert button, including popular sets like Hero Icons and Phosphor. You'll discover how to customize these icons by adjusting size, color, and style variations. We'll also cover how to import and edit your own SVG files, including changing colors and adjusting parameters. By the end of this lesson, you'll be proficient in incorporating and customizing icons in your Framer projects.