person simple swim icon
person-simple-swim-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- person-simple-swim-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the person simple swim icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m90.44 108.6l6.24-6.24A83.54 83.54 0 0 0 56.24 92H40a12 12 0 0 1 0-24h16.24a107.28 107.28 0 0 1 76.36 31.64l40.25 40.25c10.74.27 22.11-3.64 35.49-14.73a12 12 0 1 1 15.32 18.47C205.49 158.7 189.06 164 174.15 164c-19.76 0-36.86-9.29-51.88-17.45c-25.06-13.61-44.86-24.36-74.61.31a12 12 0 1 1-15.32-18.48c21.73-18.02 40.96-22.06 58.1-19.78M140 72a36 36 0 1 1 36 36a36 36 0 0 1-36-36m24 0a12 12 0 1 0 12-12a12 12 0 0 0-12 12m44.34 109.16c-29.75 24.67-49.55 13.92-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.93a12 12 0 1 0 15.32 18.47c29.75-24.66 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48"/></svg>
React
import type { SVGProps } from "react";
export function PhPersonSimpleSwimBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m90.44 108.6l6.24-6.24A83.54 83.54 0 0 0 56.24 92H40a12 12 0 0 1 0-24h16.24a107.28 107.28 0 0 1 76.36 31.64l40.25 40.25c10.74.27 22.11-3.64 35.49-14.73a12 12 0 1 1 15.32 18.47C205.49 158.7 189.06 164 174.15 164c-19.76 0-36.86-9.29-51.88-17.45c-25.06-13.61-44.86-24.36-74.61.31a12 12 0 1 1-15.32-18.48c21.73-18.02 40.96-22.06 58.1-19.78M140 72a36 36 0 1 1 36 36a36 36 0 0 1-36-36m24 0a12 12 0 1 0 12-12a12 12 0 0 0-12 12m44.34 109.16c-29.75 24.67-49.55 13.92-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.93a12 12 0 1 0 15.32 18.47c29.75-24.66 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m90.44 108.6l6.24-6.24A83.54 83.54 0 0 0 56.24 92H40a12 12 0 0 1 0-24h16.24a107.28 107.28 0 0 1 76.36 31.64l40.25 40.25c10.74.27 22.11-3.64 35.49-14.73a12 12 0 1 1 15.32 18.47C205.49 158.7 189.06 164 174.15 164c-19.76 0-36.86-9.29-51.88-17.45c-25.06-13.61-44.86-24.36-74.61.31a12 12 0 1 1-15.32-18.48c21.73-18.02 40.96-22.06 58.1-19.78M140 72a36 36 0 1 1 36 36a36 36 0 0 1-36-36m24 0a12 12 0 1 0 12-12a12 12 0 0 0-12 12m44.34 109.16c-29.75 24.67-49.55 13.92-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.93a12 12 0 1 0 15.32 18.47c29.75-24.66 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48"/></svg> </template>
CSS
.icon-person-simple-swim-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m90.44%20108.6l6.24-6.24A83.54%2083.54%200%200%200%2056.24%2092H40a12%2012%200%200%201%200-24h16.24a107.28%20107.28%200%200%201%2076.36%2031.64l40.25%2040.25c10.74.27%2022.11-3.64%2035.49-14.73a12%2012%200%201%201%2015.32%2018.47C205.49%20158.7%20189.06%20164%20174.15%20164c-19.76%200-36.86-9.29-51.88-17.45c-25.06-13.61-44.86-24.36-74.61.31a12%2012%200%201%201-15.32-18.48c21.73-18.02%2040.96-22.06%2058.1-19.78M140%2072a36%2036%200%201%201%2036%2036a36%2036%200%200%201-36-36m24%200a12%2012%200%201%200%2012-12a12%2012%200%200%200-12%2012m44.34%20109.16c-29.75%2024.67-49.55%2013.92-74.61.3c-26.35-14.3-59.14-32.11-101.39%202.93a12%2012%200%201%200%2015.32%2018.47c29.75-24.66%2049.55-13.92%2074.61-.3c15%208.15%2032.12%2017.44%2051.88%2017.44c14.91%200%2031.34-5.29%2049.51-20.36a12%2012%200%200%200-15.32-18.48%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m90.44%20108.6l6.24-6.24A83.54%2083.54%200%200%200%2056.24%2092H40a12%2012%200%200%201%200-24h16.24a107.28%20107.28%200%200%201%2076.36%2031.64l40.25%2040.25c10.74.27%2022.11-3.64%2035.49-14.73a12%2012%200%201%201%2015.32%2018.47C205.49%20158.7%20189.06%20164%20174.15%20164c-19.76%200-36.86-9.29-51.88-17.45c-25.06-13.61-44.86-24.36-74.61.31a12%2012%200%201%201-15.32-18.48c21.73-18.02%2040.96-22.06%2058.1-19.78M140%2072a36%2036%200%201%201%2036%2036a36%2036%200%200%201-36-36m24%200a12%2012%200%201%200%2012-12a12%2012%200%200%200-12%2012m44.34%20109.16c-29.75%2024.67-49.55%2013.92-74.61.3c-26.35-14.3-59.14-32.11-101.39%202.93a12%2012%200%201%200%2015.32%2018.47c29.75-24.66%2049.55-13.92%2074.61-.3c15%208.15%2032.12%2017.44%2051.88%2017.44c14.91%200%2031.34-5.29%2049.51-20.36a12%2012%200%200%200-15.32-18.48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/person-simple-swim-bold.svg?color=%231a73e8&size=48
