person simple hike icon
person-simple-hike from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- person-simple-hike
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the person simple hike icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 80a32 32 0 1 0-32-32a32 32 0 0 0 32 32m0-48a16 16 0 1 1-16 16a16 16 0 0 1 16-16m48 112v88a8 8 0 0 1-16 0v-80.34c-25.75-2.25-34.35-15.52-42-27.36c-2.85-4.39-5.56-8.57-9.13-12.19l-13.4 30.81l37.2 26.57A8 8 0 0 1 160 176v56a8 8 0 0 1-16 0v-51.88l-31.07-22.2l-33.59 77.27A8 8 0 0 1 72 240a7.8 7.8 0 0 1-3.19-.67a8 8 0 0 1-4.14-10.52L122.19 96.5a8 8 0 0 1 11-3.92a41 41 0 0 1 8 5.47c6.37 5.52 10.51 11.91 14.16 17.55c7.68 11.84 13.22 20.4 36.6 20.4a8 8 0 0 1 8.05 8m-128 8a8 8 0 0 0 7.35-4.85l24-56a8 8 0 0 0-4.2-10.5l-28-12a8 8 0 0 0-10.5 4.2l-24 56a8 8 0 0 0 4.2 10.5l28 12A8 8 0 0 0 72 152m-17.49-24.2L72.2 86.5l13.3 5.7l-17.7 41.29Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPersonSimpleHike(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="M152 80a32 32 0 1 0-32-32a32 32 0 0 0 32 32m0-48a16 16 0 1 1-16 16a16 16 0 0 1 16-16m48 112v88a8 8 0 0 1-16 0v-80.34c-25.75-2.25-34.35-15.52-42-27.36c-2.85-4.39-5.56-8.57-9.13-12.19l-13.4 30.81l37.2 26.57A8 8 0 0 1 160 176v56a8 8 0 0 1-16 0v-51.88l-31.07-22.2l-33.59 77.27A8 8 0 0 1 72 240a7.8 7.8 0 0 1-3.19-.67a8 8 0 0 1-4.14-10.52L122.19 96.5a8 8 0 0 1 11-3.92a41 41 0 0 1 8 5.47c6.37 5.52 10.51 11.91 14.16 17.55c7.68 11.84 13.22 20.4 36.6 20.4a8 8 0 0 1 8.05 8m-128 8a8 8 0 0 0 7.35-4.85l24-56a8 8 0 0 0-4.2-10.5l-28-12a8 8 0 0 0-10.5 4.2l-24 56a8 8 0 0 0 4.2 10.5l28 12A8 8 0 0 0 72 152m-17.49-24.2L72.2 86.5l13.3 5.7l-17.7 41.29Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M152 80a32 32 0 1 0-32-32a32 32 0 0 0 32 32m0-48a16 16 0 1 1-16 16a16 16 0 0 1 16-16m48 112v88a8 8 0 0 1-16 0v-80.34c-25.75-2.25-34.35-15.52-42-27.36c-2.85-4.39-5.56-8.57-9.13-12.19l-13.4 30.81l37.2 26.57A8 8 0 0 1 160 176v56a8 8 0 0 1-16 0v-51.88l-31.07-22.2l-33.59 77.27A8 8 0 0 1 72 240a7.8 7.8 0 0 1-3.19-.67a8 8 0 0 1-4.14-10.52L122.19 96.5a8 8 0 0 1 11-3.92a41 41 0 0 1 8 5.47c6.37 5.52 10.51 11.91 14.16 17.55c7.68 11.84 13.22 20.4 36.6 20.4a8 8 0 0 1 8.05 8m-128 8a8 8 0 0 0 7.35-4.85l24-56a8 8 0 0 0-4.2-10.5l-28-12a8 8 0 0 0-10.5 4.2l-24 56a8 8 0 0 0 4.2 10.5l28 12A8 8 0 0 0 72 152m-17.49-24.2L72.2 86.5l13.3 5.7l-17.7 41.29Z"/></svg> </template>
CSS
.icon-person-simple-hike {
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%22M152%2080a32%2032%200%201%200-32-32a32%2032%200%200%200%2032%2032m0-48a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m48%20112v88a8%208%200%200%201-16%200v-80.34c-25.75-2.25-34.35-15.52-42-27.36c-2.85-4.39-5.56-8.57-9.13-12.19l-13.4%2030.81l37.2%2026.57A8%208%200%200%201%20160%20176v56a8%208%200%200%201-16%200v-51.88l-31.07-22.2l-33.59%2077.27A8%208%200%200%201%2072%20240a7.8%207.8%200%200%201-3.19-.67a8%208%200%200%201-4.14-10.52L122.19%2096.5a8%208%200%200%201%2011-3.92a41%2041%200%200%201%208%205.47c6.37%205.52%2010.51%2011.91%2014.16%2017.55c7.68%2011.84%2013.22%2020.4%2036.6%2020.4a8%208%200%200%201%208.05%208m-128%208a8%208%200%200%200%207.35-4.85l24-56a8%208%200%200%200-4.2-10.5l-28-12a8%208%200%200%200-10.5%204.2l-24%2056a8%208%200%200%200%204.2%2010.5l28%2012A8%208%200%200%200%2072%20152m-17.49-24.2L72.2%2086.5l13.3%205.7l-17.7%2041.29Z%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%22M152%2080a32%2032%200%201%200-32-32a32%2032%200%200%200%2032%2032m0-48a16%2016%200%201%201-16%2016a16%2016%200%200%201%2016-16m48%20112v88a8%208%200%200%201-16%200v-80.34c-25.75-2.25-34.35-15.52-42-27.36c-2.85-4.39-5.56-8.57-9.13-12.19l-13.4%2030.81l37.2%2026.57A8%208%200%200%201%20160%20176v56a8%208%200%200%201-16%200v-51.88l-31.07-22.2l-33.59%2077.27A8%208%200%200%201%2072%20240a7.8%207.8%200%200%201-3.19-.67a8%208%200%200%201-4.14-10.52L122.19%2096.5a8%208%200%200%201%2011-3.92a41%2041%200%200%201%208%205.47c6.37%205.52%2010.51%2011.91%2014.16%2017.55c7.68%2011.84%2013.22%2020.4%2036.6%2020.4a8%208%200%200%201%208.05%208m-128%208a8%208%200%200%200%207.35-4.85l24-56a8%208%200%200%200-4.2-10.5l-28-12a8%208%200%200%200-10.5%204.2l-24%2056a8%208%200%200%200%204.2%2010.5l28%2012A8%208%200%200%200%2072%20152m-17.49-24.2L72.2%2086.5l13.3%205.7l-17.7%2041.29Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/person-simple-hike.svg?color=%231a73e8&size=48
