If I feel like my Next.js Sass Starter could use some icons on the page, I can right-click any icon I want and under Copy As select JSX I can paste it right into my project! Copying icon from Iconset as JSXĪnd while it will need some styling once you drop it in just like any other image or icon, it’s immediately ready to go. Out of the box, you get a few different ways you can copy the file and use it in development like copying it as JSX. SVG Mail icon in Figma Part 4: Using Iconset in development like with ReactĪnother cool thing is how easy it is to use in a project like React. I can then treat it like any other vector design element and immediately use it in my project. If I wanted to add an envelope icon to my website so people could contact me, I could search for the mail icon, and simply drag it onto my canvas: Dragging mail icon into Figma The great thing about Iconset is how easy it is to use it with design software like Figma. Part 3: Using Iconset with design software like Figma Iconset with Outling and Solid sets of heroiconsĪt this point, you can use Iconset to search through your icons and see all of your files currently available in your collection. You can go ahead and do the same thing with the solid directory so then we’ll now have our two sets ready to go.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |