Housekeeping
Framer Foundations
Homepage & Components
Navigation & Footer
Pricing & Masking
Blogs & CMS
Forms & 3D Transforms
Animations & Effects
SEO & Analytics
Icons & SVGs
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.