Swimming Linear icon
solar:swimming-linear
The Swimming Linear icon (solar:swimming-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Sports
- Tags
- swimminglinear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M22 15.7728C20.4123 15.3987 19.5955 14.4796 18.9199 13.4574C18.4965 12.8168 17.5655 12.8558 17.1055 13.4706C16.0541 14.8762 14.4844 16.0004 12 16.0004C9.49345 16.0004 7.91806 14.57 6.86651 13.2239C6.42721 12.6616 5.58617 12.6691 5.20168 13.2702C4.50078 14.366 3.68402 15.376 2 15.7728"/><path d="M22 20.7728C20.4123 20.3987 19.5955 19.4796 18.9199 18.4574C18.4965 17.8168 17.5655 17.8558 17.1055 18.4706C16.0541 19.8762 14.4844 21.0004 12 21.0004C9.49345 21.0004 7.91806 19.57 6.86651 18.2239C6.42721 17.6616 5.58617 17.6691 5.20168 18.2702C4.50078 19.366 3.68402 20.376 2 20.7728"/><path d="M4 11.5L7.47693 9.41382C8.27334 8.93597 8.4485 7.85657 7.84407 7.15139L6.85636 5.99906C6.37314 5.4353 6.40542 4.59455 6.93046 4.06952C7.51004 3.48994 8.45844 3.51955 9.00074 4.13415L15.5 11.5"/><path d="M17 8C18.3807 8 19.5 6.88071 19.5 5.5C19.5 4.11929 18.3807 3 17 3C15.6193 3 14.5 4.11929 14.5 5.5C14.5 6.88071 15.6193 8 17 8Z"/></g></svg>How to use the Swimming Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:swimming-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:swimming-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:swimming-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--swimming-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:swimming-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:swimming-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/swimming-linear.svg" alt="Swimming Linear icon" width="24" height="24">Related icons in Solar
Swimming Linear icon FAQ
Is the Swimming Linear icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Swimming Linear icon in React?
Install @iconify/react and render <Icon icon="solar:swimming-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Swimming Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/swimming-linear.svg" alt="Swimming Linear icon">, or paste the SVG code inline to style it with CSS.