Home/Libraries/SVG Logos (Iconify)/swimm

SVG Logos (Iconify)

Swimm

License: CC0-1.0Commercial Safe

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 155"><path fill="#818cf8" d="M238.837 0q-6.616 0-11.16 4.622q-4.546 4.623-4.545 11.197q-.001 6.577 4.545 11.093q4.544 4.52 11.16 4.52q6.611 0 11.158-4.52q4.546-4.516 4.546-11.093q0-6.573-4.546-11.197Q245.448 0 238.837 0m269.656 72.252q-3.51-8.199-8.972-12.918q-5.468-4.715-11.86-6.561q-6.394-1.846-11.962-1.846q-4.128 0-8.56.933a38 38 0 0 0-8.559 2.893a34.5 34.5 0 0 0-7.633 4.962a30.3 30.3 0 0 0-5.98 6.924q-2.89-4.546-6.497-7.545a40 40 0 0 0-1.51-1.182v.041c-3.163-2.407-6.544-4.14-10.145-5.18q-6.395-1.846-11.963-1.846q-4.127 0-8.56.933a38 38 0 0 0-8.559 2.893a34.5 34.5 0 0 0-7.633 4.962a30.4 30.4 0 0 0-5.98 6.924q-2.89-4.546-6.497-7.545a39 39 0 0 0-1.51-1.182c-1.944-1.46-3.947-2.691-6.019-3.675a31.4 31.4 0 0 0-8.043-2.585c-2.752-.48-5.363-.725-7.838-.725q-7.222.002-13.51 2.483q-6.292 2.48-11.034 7.027l-4.125-9.51h-24.338v101.7h28.463V98.845c0-7.77 1.578-13.494 4.745-17.175q4.74-5.522 10.724-5.523q8.249.001 12.581 4.909q4.332 4.91 4.332 17.38v54.19h28.462V98.235q0-6.544 1.34-10.838q1.34-4.296 3.61-6.75q2.268-2.453 5.158-3.476q2.883-1.022 5.775-1.023q3.092 0 6.083 1.124q2.988 1.125 5.26 3.785q2.266 2.66 3.61 6.952q1.339 4.296 1.34 10.428v54.19h28.671V98.235q0-6.544 1.341-10.838q1.339-4.296 3.61-6.75q2.267-2.453 5.157-3.476q2.883-1.022 5.774-1.023q3.094 0 6.085 1.124q2.987 1.125 5.26 3.785q2.266 2.66 3.608 6.952q1.341 4.296 1.341 10.428v54.19H512v-59.46q0-12.712-3.507-20.914M265.643 95.92l-4.189-14.458l-8.849-30.534h-29.289l15.44 51.096l15.292 50.603h28.173l-8.13-27.81l-.035.129zM161.077 50.927l-20.625 73.609l-21.244-73.609H89.92l30.732 101.7h35.889l14.849-49.005l1.65-14.557l1.443 14.557l14.85 49.004h7.924l8.129-27.808l-20.59-73.89zM58.679 94.396q5.258 2.052 9.179 4.92q11.342 7.997 11.343 22.76q-.001 6.766-3.197 12.712c-2.133 3.967-5.052 7.452-8.766 10.457q-5.569 4.513-12.993 7.073q-7.427 2.563-15.882 2.564q-6.397-.001-12.478-1.64q-6.088-1.639-11.24-4.511q-5.159-2.87-8.974-6.87q-3.816-3.998-5.671-8.918q4.742-2.256 10.519-5.023q5.774-2.768 10.106-5.025q1.856 3.077 5.775 5.64q3.918 2.564 10.725 2.563q7.01 0 10.313-3.28q3.298-3.28 3.3-6.152q0-2.048-2.269-3.793q-2.271-1.74-5.156-2.769q-4.128-1.638-6.806-1.742q-2.682-.1-6.187-1.128q-11.139-2.662-17.016-7.074q-5.88-4.406-8.56-8.92q-2.683-4.506-2.991-8.61q-.309-4.1-.309-6.562q-.002-6.558 2.887-12.507q2.885-5.945 7.942-10.355q5.05-4.406 11.756-7.073q6.7-2.665 14.334-2.666q6.391 0 12.168 1.845q5.772 1.847 10.52 5.126a35.3 35.3 0 0 1 8.147 7.792q3.4 4.511 5.053 10.047l-22.069 7.38q-1.237-3.689-5.054-5.945q-3.817-2.254-8.147-2.255q-4.332.001-7.013 2.87q-2.68 2.873-2.68 5.741q-.002 3.488 2.579 5.434a16.1 16.1 0 0 0 5.671 2.767q2.268.413 4.434.719q2.165.307 4.229.717q7.218 1.643 12.478 3.69"/></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. SwimmIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.