swim icon
swim from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- swim
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-swim
The same icon in other sets
Use the swim icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="19.003" cy="6.002" r="2.002" fill="currentColor"/><path fill="currentColor" d="M18.875 13.219c-.567.453-.978.781-1.878.781s-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124 1.219c-.588.47-.975.781-1.875.781c-.898 0-1.286-.311-1.873-.78C4.443 12.676 3.6 12 2 12v2c.897 0 1.285.311 1.872.78c.679.544 1.523 1.22 3.123 1.22s2.446-.676 3.125-1.22c.587-.47.976-.78 1.874-.78c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219c1.602 0 2.447-.676 3.127-1.219c.588-.47.977-.781 1.876-.781v-2c-1.601 0-2.446.676-3.125 1.219M16.997 19c-.899 0-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124 1.219c-.588.47-.975.781-1.875.781c-.898 0-1.286-.311-1.873-.78C4.443 17.676 3.6 17 2 17v2c.897 0 1.285.311 1.872.78c.679.544 1.523 1.22 3.123 1.22s2.446-.676 3.125-1.22c.587-.47.976-.78 1.874-.78c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219c1.602 0 2.447-.676 3.127-1.219c.588-.47.977-.781 1.876-.781v-2c-1.601 0-2.446.676-3.125 1.219c-.567.453-.978.781-1.878.781M11 5.419l2.104 2.104l-2.057 2.57c.286-.056.596-.093.947-.093c1.602 0 2.447.676 3.127 1.219c.588.47.977.781 1.876.781c.9 0 1.311-.328 1.878-.781c.132-.105.274-.217.423-.326l-2.096-2.09l.005-.005l-5.5-5.5a1 1 0 0 0-1.414 0l-4 4l1.414 1.414z"/></svg>
React
import type { SVGProps } from "react";
export function BxSwim(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="19.003" cy="6.002" r="2.002" fill="currentColor"/><path fill="currentColor" d="M18.875 13.219c-.567.453-.978.781-1.878.781s-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124 1.219c-.588.47-.975.781-1.875.781c-.898 0-1.286-.311-1.873-.78C4.443 12.676 3.6 12 2 12v2c.897 0 1.285.311 1.872.78c.679.544 1.523 1.22 3.123 1.22s2.446-.676 3.125-1.22c.587-.47.976-.78 1.874-.78c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219c1.602 0 2.447-.676 3.127-1.219c.588-.47.977-.781 1.876-.781v-2c-1.601 0-2.446.676-3.125 1.219M16.997 19c-.899 0-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124 1.219c-.588.47-.975.781-1.875.781c-.898 0-1.286-.311-1.873-.78C4.443 17.676 3.6 17 2 17v2c.897 0 1.285.311 1.872.78c.679.544 1.523 1.22 3.123 1.22s2.446-.676 3.125-1.22c.587-.47.976-.78 1.874-.78c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219c1.602 0 2.447-.676 3.127-1.219c.588-.47.977-.781 1.876-.781v-2c-1.601 0-2.446.676-3.125 1.219c-.567.453-.978.781-1.878.781M11 5.419l2.104 2.104l-2.057 2.57c.286-.056.596-.093.947-.093c1.602 0 2.447.676 3.127 1.219c.588.47.977.781 1.876.781c.9 0 1.311-.328 1.878-.781c.132-.105.274-.217.423-.326l-2.096-2.09l.005-.005l-5.5-5.5a1 1 0 0 0-1.414 0l-4 4l1.414 1.414z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="19.003" cy="6.002" r="2.002" fill="currentColor"/><path fill="currentColor" d="M18.875 13.219c-.567.453-.978.781-1.878.781s-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124 1.219c-.588.47-.975.781-1.875.781c-.898 0-1.286-.311-1.873-.78C4.443 12.676 3.6 12 2 12v2c.897 0 1.285.311 1.872.78c.679.544 1.523 1.22 3.123 1.22s2.446-.676 3.125-1.22c.587-.47.976-.78 1.874-.78c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219c1.602 0 2.447-.676 3.127-1.219c.588-.47.977-.781 1.876-.781v-2c-1.601 0-2.446.676-3.125 1.219M16.997 19c-.899 0-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124 1.219c-.588.47-.975.781-1.875.781c-.898 0-1.286-.311-1.873-.78C4.443 17.676 3.6 17 2 17v2c.897 0 1.285.311 1.872.78c.679.544 1.523 1.22 3.123 1.22s2.446-.676 3.125-1.22c.587-.47.976-.78 1.874-.78c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219c1.602 0 2.447-.676 3.127-1.219c.588-.47.977-.781 1.876-.781v-2c-1.601 0-2.446.676-3.125 1.219c-.567.453-.978.781-1.878.781M11 5.419l2.104 2.104l-2.057 2.57c.286-.056.596-.093.947-.093c1.602 0 2.447.676 3.127 1.219c.588.47.977.781 1.876.781c.9 0 1.311-.328 1.878-.781c.132-.105.274-.217.423-.326l-2.096-2.09l.005-.005l-5.5-5.5a1 1 0 0 0-1.414 0l-4 4l1.414 1.414z"/></svg> </template>
CSS
.icon-swim {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2219.003%22%20cy%3D%226.002%22%20r%3D%222.002%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.875%2013.219c-.567.453-.978.781-1.878.781s-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124%201.219c-.588.47-.975.781-1.875.781c-.898%200-1.286-.311-1.873-.78C4.443%2012.676%203.6%2012%202%2012v2c.897%200%201.285.311%201.872.78c.679.544%201.523%201.22%203.123%201.22s2.446-.676%203.125-1.22c.587-.47.976-.78%201.874-.78c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219c1.602%200%202.447-.676%203.127-1.219c.588-.47.977-.781%201.876-.781v-2c-1.601%200-2.446.676-3.125%201.219M16.997%2019c-.899%200-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124%201.219c-.588.47-.975.781-1.875.781c-.898%200-1.286-.311-1.873-.78C4.443%2017.676%203.6%2017%202%2017v2c.897%200%201.285.311%201.872.78c.679.544%201.523%201.22%203.123%201.22s2.446-.676%203.125-1.22c.587-.47.976-.78%201.874-.78c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219c1.602%200%202.447-.676%203.127-1.219c.588-.47.977-.781%201.876-.781v-2c-1.601%200-2.446.676-3.125%201.219c-.567.453-.978.781-1.878.781M11%205.419l2.104%202.104l-2.057%202.57c.286-.056.596-.093.947-.093c1.602%200%202.447.676%203.127%201.219c.588.47.977.781%201.876.781c.9%200%201.311-.328%201.878-.781c.132-.105.274-.217.423-.326l-2.096-2.09l.005-.005l-5.5-5.5a1%201%200%200%200-1.414%200l-4%204l1.414%201.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%2219.003%22%20cy%3D%226.002%22%20r%3D%222.002%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.875%2013.219c-.567.453-.978.781-1.878.781s-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124%201.219c-.588.47-.975.781-1.875.781c-.898%200-1.286-.311-1.873-.78C4.443%2012.676%203.6%2012%202%2012v2c.897%200%201.285.311%201.872.78c.679.544%201.523%201.22%203.123%201.22s2.446-.676%203.125-1.22c.587-.47.976-.78%201.874-.78c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219c1.602%200%202.447-.676%203.127-1.219c.588-.47.977-.781%201.876-.781v-2c-1.601%200-2.446.676-3.125%201.219M16.997%2019c-.899%200-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219s-2.445.676-3.124%201.219c-.588.47-.975.781-1.875.781c-.898%200-1.286-.311-1.873-.78C4.443%2017.676%203.6%2017%202%2017v2c.897%200%201.285.311%201.872.78c.679.544%201.523%201.22%203.123%201.22s2.446-.676%203.125-1.22c.587-.47.976-.78%201.874-.78c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219c1.602%200%202.447-.676%203.127-1.219c.588-.47.977-.781%201.876-.781v-2c-1.601%200-2.446.676-3.125%201.219c-.567.453-.978.781-1.878.781M11%205.419l2.104%202.104l-2.057%202.57c.286-.056.596-.093.947-.093c1.602%200%202.447.676%203.127%201.219c.588.47.977.781%201.876.781c.9%200%201.311-.328%201.878-.781c.132-.105.274-.217.423-.326l-2.096-2.09l.005-.005l-5.5-5.5a1%201%200%200%200-1.414%200l-4%204l1.414%201.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/swim.svg?color=%231a73e8&size=48
