Swimming Ring
The swimming-ring icon represents a device used for buoyancy and safety in water.
Add shadcn.io to your AI agent. · Pro It installs Swimming Ring, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
2,658 in IconParkApache 2.0 license (opens in a new tab)Free to copy and download
Code
Swimming Ring in your framework
In any framework. Customize it above, and the code follows.
export const SwimmingRingIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
<g fill="none" stroke="#000" strokeWidth="4"><path strokeLinecap="round" d="M28 33.1679C30.3069 32.16 32.16 30.3069 33.1679 28"/><path strokeLinecap="round" d="M14.832 28C15.84 30.3069 17.6931 32.16 19.9999 33.1679"/><path strokeLinecap="round" d="M19.9999 14.832C17.6931 15.84 15.84 17.6931 14.832 19.9999"/><path strokeLinecap="round" d="M28 14.832C30.3069 15.84 32.16 17.6931 33.1679 19.9999"/><path strokeLinecap="round" d="M30 40.9758C35.1145 39.1681 39.1681 35.1145 40.9758 30"/><path strokeLinecap="round" d="M7.02441 30C8.83212 35.1145 12.8857 39.1681 18.0002 40.9758"/><path strokeLinecap="round" d="M18.0002 7.02441C12.8857 8.83212 8.83212 12.8857 7.02441 18.0002"/><path strokeLinecap="round" d="M30 7.02441C35.1145 8.83212 39.1681 12.8857 40.9758 18.0002"/><path fill="#2F88FF" strokeLinejoin="round" strokeMiterlimit="2" d="M27 17H21L18 7L20 4H28L30 7L27 17Z"/><path fill="#2F88FF" strokeLinejoin="round" strokeMiterlimit="2" d="M17 21V27L7 30L4 28L4 20L7 18L17 21Z"/><path fill="#2F88FF" strokeLinejoin="round" strokeMiterlimit="2" d="M21 31H27L30 41L28 44H20L18 41L21 31Z"/><path fill="#2F88FF" strokeLinejoin="round" strokeMiterlimit="2" d="M31 27V21L41 18C42.08 18.8 42.92 19.2 44 20V28C42.92 28.8 42.08 29.2 41 30L31 27Z"/></g>
</svg>
);Other libraries
Swimming Ring in 3 more libraries
Each library draws it its own way. Open one to compare.
IconPark
More like it
Icons that share its tags, in the same style.
Search IconPark
Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark icon from a prompt.
Get ProTags
Browse by tag
Swimming Ring is tagged UI, multicolor, safety and 3 more. Related tags follow; each opens its icons from every library.
Pricing
IconPark MCP, with Pro
Ask for Swimming Ring or any of 2,658 IconPark 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 Swimming Ring icon means and where it's used, then how to install, style and license it.
Install Swimming Ring from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.