Snap
The Snap icon represents the action of taking a photo or capturing an image.
Add shadcn.io to your AI agent. · Pro It installs Snap, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
367 in Font-GISCC BY 4.0 license (opens in a new tab)Free to copy and download
Code
Snap in your framework
In any framework. Customize it above, and the code follows.
export const SnapIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 100 100" {...props}>
<path fill="currentColor" fillRule="evenodd" d="M29.045 2.334c-7.467 0-14.94 2.822-20.582 8.464c-11.284 11.284-11.284 29.872 0 41.156h.009c4.593 4.585 9.277 9.275 13.937 13.938c3.097 3.098 6.164 6.162 9.26 9.26l1.582 1.582l3.157 3.165l15.834-15.826l-3.165-3.165l-10.842-10.842c-4.662-4.665-9.34-9.35-13.946-13.947c-2.751-2.756-2.756-6.74 0-9.495c2.755-2.756 6.748-2.756 9.504 0L47.731 40.57l10.842 10.842l3.165 3.157l15.826-15.826l-3.157-3.157l-10.85-10.842l-13.938-13.946c-5.642-5.642-13.107-8.464-20.574-8.464m0 4.468c6.32 0 12.636 2.388 17.409 7.161L60.391 27.91l-9.495 9.496L36.958 23.46a11.17 11.17 0 0 0-15.834 0a11.17 11.17 0 0 0 0 15.826c4.603 4.594 9.282 9.279 13.946 13.946l-9.496 9.495c-4.66-4.664-9.341-9.35-13.937-13.937h-.009c-9.545-9.546-9.545-25.28 0-34.826c4.773-4.773 11.099-7.16 17.417-7.16m63.829 38.245a7.114 7.114 0 0 0-7.117 7.117c0 2.659 1.47 4.958 3.628 6.182c-1.19 8.333-2.375 16.856-3.628 25.077a7.07 7.07 0 0 0-4.162 1.364L69.73 76.33c.12-.519.192-1.053.192-1.608c0-3.934-3.184-7.126-7.117-7.126a7.13 7.13 0 0 0-7.126 7.126c0 3.933 3.192 7.117 7.126 7.117c1.743 0 3.317-.648 4.555-1.688l11.63 8.28c-.212.674-.36 1.374-.36 2.117c0 3.933 3.193 7.117 7.127 7.117a7.114 7.114 0 0 0 7.117-7.117c0-2.283-1.093-4.293-2.763-5.596l3.681-25.76c3.495-.454 6.208-3.41 6.208-7.029c0-3.934-3.192-7.117-7.126-7.117" color="currentColor"/>
</svg>
);Other libraries
Snap in 1 more libraries
Each library draws it its own way. Open one to compare.
Font-GIS
More like it
Icons that share its tags, then the ones next to it in Font-GIS, in the same style.
Search Font-GIS
Skip the copy and paste. With Pro, your AI agent finds and installs any Font-GIS icon from a prompt.
Get ProTags
Browse by tag
Snap is tagged UI, image, camera and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Font-GIS MCP, with Pro
Ask for Snap or any of 367 Font-GIS icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Snap icon means and where it's used, then how to install, style and license it.
Install Snap from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.