Swimming Broken icon
solar:swimming-broken
The Swimming Broken icon (solar:swimming-broken) 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
- swimmingbroken
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="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.13415L9.81315 5.05488M15.5 11.5L12.2504 7.81707"/><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"/><path d="M12 21C9.49345 21 7.91806 19.6547 6.86651 18.3888C6.42721 17.8599 5.58617 17.867 5.20168 18.4323C4.50078 19.4629 3.68402 20.4127 2 20.7859M22 20.7859C20.4123 20.4341 19.5955 19.5697 18.9199 18.6083C18.4965 18.0059 17.5655 18.0425 17.1055 18.6208C16.6953 19.1365 16.2063 19.6119 15.6148 20"/></g></svg>How to use the Swimming Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:swimming-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:swimming-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:swimming-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--swimming-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:swimming-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:swimming-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/swimming-broken.svg" alt="Swimming Broken icon" width="24" height="24">Related icons in Solar
Swimming Broken icon FAQ
Is the Swimming Broken 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 Broken icon in React?
Install @iconify/react and render <Icon icon="solar:swimming-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Swimming Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/swimming-broken.svg" alt="Swimming Broken icon">, or paste the SVG code inline to style it with CSS.