The Noun Project
About The Noun Project
**The Noun Project** is the world's largest curated collection of icons and stock photos, featuring over 8 million SVG and PNG icons plus high-resolution photographs—all created by a global community of human artists from nearly 150 countries. Founded in 2010, it's become the go-to resource for designers, presenters, and developers who need professional-quality visual assets. Unlike AI-generated alternatives, every icon is hand-crafted and curated by Noun Project's moderation team for quality, diversity, and inclusion. The platform is trusted by brands like Adobe, Canva, Mural, and Squarespace, and has been featured in Fast Company and The New York Times. **Category:** Icon Library / Stock Photos / Design Resources / Visual Assets **Webstudio Integration:** The Noun Project works with Webstudio via the **HTML Embed component** for icons. Browse [thenounproject.com](http://thenounproject.com), find your icon, download it as SVG (with a Pro subscription or with attribution for free), then paste the SVG code into an HTML Embed in Webstudio. For best CSS control, modify the SVG to use fill="currentColor"and set width="100%" and height="100%" so you can control sizing and colors from the parent wrapper. For photos, download the JPG and use Webstudio's Image component. Noun Project also offers plugins for Figma, Adobe Creative Suite, Microsoft Office (PowerPoint/Word), Google Workspace, and a Mac desktop app for drag-and-drop workflow—useful for designing assets before importing to Webstudio. **Strengths:** Massive, professionally curated library with 8+ million icons covering virtually any concept imaginable. Strong emphasis on diversity and inclusion—one of the few icon/photo libraries purposefully representing diverse people, communities, and ideas. All icons available as both SVG (vector) and PNG formats. Built-in icon editor allows recoloring, resizing, rotating, and adding background shapes directly on the website. Matched icon sets ensure visual consistency across projects. Plugins available for every major design tool (Figma, Adobe, PowerPoint, Google Docs, Mac app). Clear royalty-free licensing for paid downloads. Supports human artists—proceeds from sales go directly to creators. API available for developers to integrate the entire collection into apps. **Weaknesses:** Free downloads require attribution to the icon creator (which can be cumbersome in some contexts). Customizing icons (color, rotation, background) on the free tier costs $2.99 per icon. Icons come from many different creators, so visual consistency requires careful curation or using matched icon sets. No bulk download option without a subscription. Some users find the per-icon pricing adds up quickly without a Pro subscription. **Pricing:** Free tier includes access to all icons with required attribution to creators, plus a starter pack of 100 royalty-free icons. **Icon Pro** subscription is $39.99/year ($19.99/year for students/educators with 50% discount)—includes unlimited royalty-free icon downloads, no attribution required, built-in icon editor, and access to all plugins and the Mac app. **Creator Pro** is $99.99/year and adds unlimited high-resolution stock photo downloads. Individual icon purchases available at $2.99 each for royalty-free, no-attribution use. API pricing available for enterprise/developer integration.
How it connects to Webstudio
Download and embed SVG.