person simple snowboard icon
person-simple-snowboard-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- person-simple-snowboard-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the person simple snowboard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M164 76a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m53.13 80.16l-136-40a4 4 0 0 0-2.26 7.68l46.06 13.54l-38.16 57.25l-47.54-13.78a21.18 21.18 0 1 0-11.9 40.66l157.44 45.63a21.5 21.5 0 0 0 6 .86a21.2 21.2 0 0 0 12.76-4.29a21 21 0 0 0 8.46-16.9a21.3 21.3 0 0 0-15.33-20.33l-56.15-16.27l22.8-34a4 4 0 0 0 .44-3.6a4 4 0 0 0-2.65-2.47l-40.56-11.74L133 99.75l81.9 24.09a4 4 0 0 0 1.1.16a4 4 0 0 0 1.13-7.84M204 206.81a13 13 0 0 1-5.26 10.5a13.25 13.25 0 0 1-11.74 2.15L29.55 173.82A13.26 13.26 0 0 1 20 161.18a13 13 0 0 1 5.26-10.5A13.23 13.23 0 0 1 37 148.54l157.44 45.63a13.25 13.25 0 0 1 9.56 12.64m-50.37-70.49l-21.17 31.55L94.83 157l21-31.59Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPersonSimpleSnowboardThin(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="M164 76a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m53.13 80.16l-136-40a4 4 0 0 0-2.26 7.68l46.06 13.54l-38.16 57.25l-47.54-13.78a21.18 21.18 0 1 0-11.9 40.66l157.44 45.63a21.5 21.5 0 0 0 6 .86a21.2 21.2 0 0 0 12.76-4.29a21 21 0 0 0 8.46-16.9a21.3 21.3 0 0 0-15.33-20.33l-56.15-16.27l22.8-34a4 4 0 0 0 .44-3.6a4 4 0 0 0-2.65-2.47l-40.56-11.74L133 99.75l81.9 24.09a4 4 0 0 0 1.1.16a4 4 0 0 0 1.13-7.84M204 206.81a13 13 0 0 1-5.26 10.5a13.25 13.25 0 0 1-11.74 2.15L29.55 173.82A13.26 13.26 0 0 1 20 161.18a13 13 0 0 1 5.26-10.5A13.23 13.23 0 0 1 37 148.54l157.44 45.63a13.25 13.25 0 0 1 9.56 12.64m-50.37-70.49l-21.17 31.55L94.83 157l21-31.59Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M164 76a24 24 0 1 0-24-24a24 24 0 0 0 24 24m0-40a16 16 0 1 1-16 16a16 16 0 0 1 16-16m53.13 80.16l-136-40a4 4 0 0 0-2.26 7.68l46.06 13.54l-38.16 57.25l-47.54-13.78a21.18 21.18 0 1 0-11.9 40.66l157.44 45.63a21.5 21.5 0 0 0 6 .86a21.2 21.2 0 0 0 12.76-4.29a21 21 0 0 0 8.46-16.9a21.3 21.3 0 0 0-15.33-20.33l-56.15-16.27l22.8-34a4 4 0 0 0 .44-3.6a4 4 0 0 0-2.65-2.47l-40.56-11.74L133 99.75l81.9 24.09a4 4 0 0 0 1.1.16a4 4 0 0 0 1.13-7.84M204 206.81a13 13 0 0 1-5.26 10.5a13.25 13.25 0 0 1-11.74 2.15L29.55 173.82A13.26 13.26 0 0 1 20 161.18a13 13 0 0 1 5.26-10.5A13.23 13.23 0 0 1 37 148.54l157.44 45.63a13.25 13.25 0 0 1 9.56 12.64m-50.37-70.49l-21.17 31.55L94.83 157l21-31.59Z"/></svg> </template>
CSS
.icon-person-simple-snowboard-thin {
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%22M164%2076a24%2024%200%201%200-24-24a24%2024%200%200%200%2024%2024m0-40a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m53.13%2080.16l-136-40a4%204%200%200%200-2.26%207.68l46.06%2013.54l-38.16%2057.25l-47.54-13.78a21.18%2021.18%200%201%200-11.9%2040.66l157.44%2045.63a21.5%2021.5%200%200%200%206%20.86a21.2%2021.2%200%200%200%2012.76-4.29a21%2021%200%200%200%208.46-16.9a21.3%2021.3%200%200%200-15.33-20.33l-56.15-16.27l22.8-34a4%204%200%200%200%20.44-3.6a4%204%200%200%200-2.65-2.47l-40.56-11.74L133%2099.75l81.9%2024.09a4%204%200%200%200%201.1.16a4%204%200%200%200%201.13-7.84M204%20206.81a13%2013%200%200%201-5.26%2010.5a13.25%2013.25%200%200%201-11.74%202.15L29.55%20173.82A13.26%2013.26%200%200%201%2020%20161.18a13%2013%200%200%201%205.26-10.5A13.23%2013.23%200%200%201%2037%20148.54l157.44%2045.63a13.25%2013.25%200%200%201%209.56%2012.64m-50.37-70.49l-21.17%2031.55L94.83%20157l21-31.59Z%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%22M164%2076a24%2024%200%201%200-24-24a24%2024%200%200%200%2024%2024m0-40a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m53.13%2080.16l-136-40a4%204%200%200%200-2.26%207.68l46.06%2013.54l-38.16%2057.25l-47.54-13.78a21.18%2021.18%200%201%200-11.9%2040.66l157.44%2045.63a21.5%2021.5%200%200%200%206%20.86a21.2%2021.2%200%200%200%2012.76-4.29a21%2021%200%200%200%208.46-16.9a21.3%2021.3%200%200%200-15.33-20.33l-56.15-16.27l22.8-34a4%204%200%200%200%20.44-3.6a4%204%200%200%200-2.65-2.47l-40.56-11.74L133%2099.75l81.9%2024.09a4%204%200%200%200%201.1.16a4%204%200%200%200%201.13-7.84M204%20206.81a13%2013%200%200%201-5.26%2010.5a13.25%2013.25%200%200%201-11.74%202.15L29.55%20173.82A13.26%2013.26%200%200%201%2020%20161.18a13%2013%200%200%201%205.26-10.5A13.23%2013.23%200%200%201%2037%20148.54l157.44%2045.63a13.25%2013.25%200%200%201%209.56%2012.64m-50.37-70.49l-21.17%2031.55L94.83%20157l21-31.59Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/person-simple-snowboard-thin.svg?color=%231a73e8&size=48
