Home/Libraries/CoreUI Free (Iconify)/swimming

CoreUI Free (Iconify)

Swimming

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M223.308 137.5a16.05 16.05 0 0 1 17.922 3.029l32.883 35.171l-102.055 90.043c9.554 1.9 16.308 5.041 22.132 7.758c7.78 3.631 13.925 6.5 27.517 6.5s19.738-2.868 27.519-6.5l.154-.072a173.4 173.4 0 0 0 41.417-27.1l27.048-23.866l52.9 56.573c6.179-1.137 10.561-3.17 15.624-5.532a100 100 0 0 1 16.907-6.533L264.388 118.444l-.373-.385a48.15 48.15 0 0 0-54.239-9.555l-64.542 30.12l13.532 29Z"/><circle cx="372" cy="132" r="36" fill="#818cf8"/><path fill="#818cf8" d="M427.425 376c-20.693 0-31.983 5.268-41.053 9.5c-7.782 3.631-13.928 6.5-27.523 6.5s-19.739-2.868-27.52-6.5c-9.071-4.232-20.359-9.5-41.052-9.5s-31.981 5.269-41.051 9.5c-7.781 3.631-13.926 6.5-27.519 6.5s-19.737-2.868-27.517-6.5c-9.07-4.232-20.358-9.5-41.05-9.5s-31.981 5.269-41.051 9.5c-7.781 3.631-13.926 6.5-27.519 6.5s-19.738-2.868-27.519-6.5C47.981 381.269 36.692 376 16 376v32c13.593 0 19.738 2.868 27.519 6.5c9.07 4.232 20.359 9.5 41.051 9.5s31.981-5.269 41.051-9.5c7.781-3.631 13.926-6.5 27.519-6.5s19.737 2.868 27.517 6.5c9.07 4.232 20.358 9.5 41.05 9.5s31.981-5.269 41.051-9.5c7.781-3.631 13.927-6.5 27.519-6.5s19.739 2.868 27.52 6.5c9.071 4.232 20.359 9.5 41.052 9.5s31.983-5.268 41.054-9.5c7.781-3.631 13.928-6.5 27.522-6.5s19.741 2.868 27.521 6.5c9.072 4.233 20.361 9.5 41.054 9.5v-32c-13.594 0-19.741-2.868-27.521-6.5c-9.072-4.232-20.361-9.5-41.054-9.5m65.875-64.043c-11.741-.359-17.576-3.075-24.82-6.456c-8.666-4.044-19.376-9.02-38.353-9.458c-.889-.02-1.775-.043-2.7-.043s-1.812.023-2.7.043c-18.977.438-29.688 5.414-38.352 9.458c-7.246 3.381-13.08 6.1-24.822 6.456c-.869.026-1.764.043-2.7.043s-1.832-.017-2.7-.043c-11.741-.359-17.575-3.075-24.819-6.456c-8.665-4.043-19.375-9.019-38.351-9.458c-.889-.02-1.774-.043-2.7-.043s-1.811.023-2.7.043c-18.976.438-29.687 5.415-38.351 9.458c-7.244 3.381-13.078 6.1-24.818 6.456c-.869.026-1.764.043-2.7.043s-1.831-.017-2.7-.043c-11.739-.359-17.573-3.075-24.816-6.456c-8.664-4.043-19.374-9.02-38.349-9.458a93 93 0 0 0-1.95-.033c-.255 0-.5-.012-.753-.012c-.926 0-1.812.023-2.7.043c-18.975.438-29.686 5.415-38.35 9.458c-7.245 3.381-13.078 6.1-24.818 6.456c-.869.026-1.764.043-2.7.043s-1.831-.017-2.7-.043C70.13 311.6 64.3 308.882 57.051 305.5c-8.664-4.043-19.374-9.02-38.35-9.458c-.889-.02-1.775-.043-2.7-.043v32c13.593 0 19.738 2.868 27.519 6.5c9.07 4.232 20.359 9.5 41.051 9.5s31.981-5.269 41.051-9.5c7.781-3.631 13.926-6.5 27.519-6.5s19.737 2.868 27.517 6.5c9.07 4.232 20.358 9.5 41.05 9.5s31.981-5.269 41.051-9.5c7.781-3.631 13.927-6.5 27.519-6.5s19.739 2.868 27.52 6.5c9.071 4.232 20.359 9.5 41.052 9.5s31.983-5.268 41.054-9.5c7.781-3.631 13.928-6.5 27.522-6.5s19.741 2.868 27.521 6.5c9.072 4.233 20.361 9.5 41.054 9.5V312c-.938 0-1.833-.017-2.701-.043"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SwimmingIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in CoreUI Free (Iconify)

Browse all CoreUI Free (Iconify) icons →