person simple swim icon
person-simple-swim-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- person-simple-swim-light
- Set
- Phosphor
- Style
- Light
- 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="M176 102a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m44.62 132.58a6 6 0 0 1-.79 8.45c-16.87 14-32 19-45.75 19c-18.19 0-34.13-8.65-48.94-16.7c-26-14.11-48.44-26.31-81.31 1a6 6 0 1 1-7.66-9.33c39.13-32.45 68.65-16.41 94.69-2.27s48.44 26.31 81.31-1a6 6 0 0 1 8.45.85M36.17 149a6 6 0 1 0 7.66 9.24c32.87-27.26 55.32-15.07 81.31-1C140 165.34 155.89 174 174.08 174c13.79 0 28.88-5 45.75-19a6 6 0 1 0-7.66-9.24c-7.48 6.2-14.43 10.36-21 12.92l-54.81-54.82A101.3 101.3 0 0 0 64.24 74H40a6 6 0 0 0 0 12h24.24a89.4 89.4 0 0 1 45.15 12.13l-32.1 32.1c-12.52 1.03-26.11 6.34-41.12 18.77m91.71-36.64l49.54 49.55c-16.3 1.26-30.78-6.6-46.56-15.17c-11.63-6.32-24-13-37.51-15.6L119.5 105a94 94 0 0 1 8.38 7.37Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPersonSimpleSwimLight(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="M176 102a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m44.62 132.58a6 6 0 0 1-.79 8.45c-16.87 14-32 19-45.75 19c-18.19 0-34.13-8.65-48.94-16.7c-26-14.11-48.44-26.31-81.31 1a6 6 0 1 1-7.66-9.33c39.13-32.45 68.65-16.41 94.69-2.27s48.44 26.31 81.31-1a6 6 0 0 1 8.45.85M36.17 149a6 6 0 1 0 7.66 9.24c32.87-27.26 55.32-15.07 81.31-1C140 165.34 155.89 174 174.08 174c13.79 0 28.88-5 45.75-19a6 6 0 1 0-7.66-9.24c-7.48 6.2-14.43 10.36-21 12.92l-54.81-54.82A101.3 101.3 0 0 0 64.24 74H40a6 6 0 0 0 0 12h24.24a89.4 89.4 0 0 1 45.15 12.13l-32.1 32.1c-12.52 1.03-26.11 6.34-41.12 18.77m91.71-36.64l49.54 49.55c-16.3 1.26-30.78-6.6-46.56-15.17c-11.63-6.32-24-13-37.51-15.6L119.5 105a94 94 0 0 1 8.38 7.37Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 102a30 30 0 1 0-30-30a30 30 0 0 0 30 30m0-48a18 18 0 1 1-18 18a18 18 0 0 1 18-18m44.62 132.58a6 6 0 0 1-.79 8.45c-16.87 14-32 19-45.75 19c-18.19 0-34.13-8.65-48.94-16.7c-26-14.11-48.44-26.31-81.31 1a6 6 0 1 1-7.66-9.33c39.13-32.45 68.65-16.41 94.69-2.27s48.44 26.31 81.31-1a6 6 0 0 1 8.45.85M36.17 149a6 6 0 1 0 7.66 9.24c32.87-27.26 55.32-15.07 81.31-1C140 165.34 155.89 174 174.08 174c13.79 0 28.88-5 45.75-19a6 6 0 1 0-7.66-9.24c-7.48 6.2-14.43 10.36-21 12.92l-54.81-54.82A101.3 101.3 0 0 0 64.24 74H40a6 6 0 0 0 0 12h24.24a89.4 89.4 0 0 1 45.15 12.13l-32.1 32.1c-12.52 1.03-26.11 6.34-41.12 18.77m91.71-36.64l49.54 49.55c-16.3 1.26-30.78-6.6-46.56-15.17c-11.63-6.32-24-13-37.51-15.6L119.5 105a94 94 0 0 1 8.38 7.37Z"/></svg> </template>
CSS
.icon-person-simple-swim-light {
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%22M176%20102a30%2030%200%201%200-30-30a30%2030%200%200%200%2030%2030m0-48a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m44.62%20132.58a6%206%200%200%201-.79%208.45c-16.87%2014-32%2019-45.75%2019c-18.19%200-34.13-8.65-48.94-16.7c-26-14.11-48.44-26.31-81.31%201a6%206%200%201%201-7.66-9.33c39.13-32.45%2068.65-16.41%2094.69-2.27s48.44%2026.31%2081.31-1a6%206%200%200%201%208.45.85M36.17%20149a6%206%200%201%200%207.66%209.24c32.87-27.26%2055.32-15.07%2081.31-1C140%20165.34%20155.89%20174%20174.08%20174c13.79%200%2028.88-5%2045.75-19a6%206%200%201%200-7.66-9.24c-7.48%206.2-14.43%2010.36-21%2012.92l-54.81-54.82A101.3%20101.3%200%200%200%2064.24%2074H40a6%206%200%200%200%200%2012h24.24a89.4%2089.4%200%200%201%2045.15%2012.13l-32.1%2032.1c-12.52%201.03-26.11%206.34-41.12%2018.77m91.71-36.64l49.54%2049.55c-16.3%201.26-30.78-6.6-46.56-15.17c-11.63-6.32-24-13-37.51-15.6L119.5%20105a94%2094%200%200%201%208.38%207.37Z%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%22M176%20102a30%2030%200%201%200-30-30a30%2030%200%200%200%2030%2030m0-48a18%2018%200%201%201-18%2018a18%2018%200%200%201%2018-18m44.62%20132.58a6%206%200%200%201-.79%208.45c-16.87%2014-32%2019-45.75%2019c-18.19%200-34.13-8.65-48.94-16.7c-26-14.11-48.44-26.31-81.31%201a6%206%200%201%201-7.66-9.33c39.13-32.45%2068.65-16.41%2094.69-2.27s48.44%2026.31%2081.31-1a6%206%200%200%201%208.45.85M36.17%20149a6%206%200%201%200%207.66%209.24c32.87-27.26%2055.32-15.07%2081.31-1C140%20165.34%20155.89%20174%20174.08%20174c13.79%200%2028.88-5%2045.75-19a6%206%200%201%200-7.66-9.24c-7.48%206.2-14.43%2010.36-21%2012.92l-54.81-54.82A101.3%20101.3%200%200%200%2064.24%2074H40a6%206%200%200%200%200%2012h24.24a89.4%2089.4%200%200%201%2045.15%2012.13l-32.1%2032.1c-12.52%201.03-26.11%206.34-41.12%2018.77m91.71-36.64l49.54%2049.55c-16.3%201.26-30.78-6.6-46.56-15.17c-11.63-6.32-24-13-37.51-15.6L119.5%20105a94%2094%200%200%201%208.38%207.37Z%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-light.svg?color=%231a73e8&size=48
