person simple hike icon
person-simple-hike-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- person-simple-hike-bold
- Set
- Phosphor
- Style
- Bold
- 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 84a36 36 0 1 0-36-36a36 36 0 0 0 36 36m0-48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m52 108v88a12 12 0 0 1-24 0v-76.76c-24.92-3.37-33.94-17.29-41.38-28.76c-1.55-2.39-3.05-4.71-4.67-6.88l-9.54 22L159 166.23a12 12 0 0 1 5 9.77v56a12 12 0 0 1-24 0v-49.83l-25.37-18.12L83 236.78a12 12 0 1 1-22-9.57L118.52 94.9A12 12 0 0 1 135 89a45.5 45.5 0 0 1 8.84 6c6.78 5.89 11.09 12.53 14.89 18.39C166.27 125 170.8 132 192 132a12 12 0 0 1 12 12m-139.4 9.88L39.27 143A12 12 0 0 1 33 127.27l24-56A12 12 0 0 1 72.73 65l25.61 11a12 12 0 1 1-9.45 22L74.3 91.76L59.76 125.7l14.29 6.12a12 12 0 1 1-9.45 22.06"/></svg>
React
import type { SVGProps } from "react";
export function PhPersonSimpleHikeBold(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 84a36 36 0 1 0-36-36a36 36 0 0 0 36 36m0-48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m52 108v88a12 12 0 0 1-24 0v-76.76c-24.92-3.37-33.94-17.29-41.38-28.76c-1.55-2.39-3.05-4.71-4.67-6.88l-9.54 22L159 166.23a12 12 0 0 1 5 9.77v56a12 12 0 0 1-24 0v-49.83l-25.37-18.12L83 236.78a12 12 0 1 1-22-9.57L118.52 94.9A12 12 0 0 1 135 89a45.5 45.5 0 0 1 8.84 6c6.78 5.89 11.09 12.53 14.89 18.39C166.27 125 170.8 132 192 132a12 12 0 0 1 12 12m-139.4 9.88L39.27 143A12 12 0 0 1 33 127.27l24-56A12 12 0 0 1 72.73 65l25.61 11a12 12 0 1 1-9.45 22L74.3 91.76L59.76 125.7l14.29 6.12a12 12 0 1 1-9.45 22.06"/></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 84a36 36 0 1 0-36-36a36 36 0 0 0 36 36m0-48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m52 108v88a12 12 0 0 1-24 0v-76.76c-24.92-3.37-33.94-17.29-41.38-28.76c-1.55-2.39-3.05-4.71-4.67-6.88l-9.54 22L159 166.23a12 12 0 0 1 5 9.77v56a12 12 0 0 1-24 0v-49.83l-25.37-18.12L83 236.78a12 12 0 1 1-22-9.57L118.52 94.9A12 12 0 0 1 135 89a45.5 45.5 0 0 1 8.84 6c6.78 5.89 11.09 12.53 14.89 18.39C166.27 125 170.8 132 192 132a12 12 0 0 1 12 12m-139.4 9.88L39.27 143A12 12 0 0 1 33 127.27l24-56A12 12 0 0 1 72.73 65l25.61 11a12 12 0 1 1-9.45 22L74.3 91.76L59.76 125.7l14.29 6.12a12 12 0 1 1-9.45 22.06"/></svg> </template>
CSS
.icon-person-simple-hike-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%22M152%2084a36%2036%200%201%200-36-36a36%2036%200%200%200%2036%2036m0-48a12%2012%200%201%201-12%2012a12%2012%200%200%201%2012-12m52%20108v88a12%2012%200%200%201-24%200v-76.76c-24.92-3.37-33.94-17.29-41.38-28.76c-1.55-2.39-3.05-4.71-4.67-6.88l-9.54%2022L159%20166.23a12%2012%200%200%201%205%209.77v56a12%2012%200%200%201-24%200v-49.83l-25.37-18.12L83%20236.78a12%2012%200%201%201-22-9.57L118.52%2094.9A12%2012%200%200%201%20135%2089a45.5%2045.5%200%200%201%208.84%206c6.78%205.89%2011.09%2012.53%2014.89%2018.39C166.27%20125%20170.8%20132%20192%20132a12%2012%200%200%201%2012%2012m-139.4%209.88L39.27%20143A12%2012%200%200%201%2033%20127.27l24-56A12%2012%200%200%201%2072.73%2065l25.61%2011a12%2012%200%201%201-9.45%2022L74.3%2091.76L59.76%20125.7l14.29%206.12a12%2012%200%201%201-9.45%2022.06%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%2084a36%2036%200%201%200-36-36a36%2036%200%200%200%2036%2036m0-48a12%2012%200%201%201-12%2012a12%2012%200%200%201%2012-12m52%20108v88a12%2012%200%200%201-24%200v-76.76c-24.92-3.37-33.94-17.29-41.38-28.76c-1.55-2.39-3.05-4.71-4.67-6.88l-9.54%2022L159%20166.23a12%2012%200%200%201%205%209.77v56a12%2012%200%200%201-24%200v-49.83l-25.37-18.12L83%20236.78a12%2012%200%201%201-22-9.57L118.52%2094.9A12%2012%200%200%201%20135%2089a45.5%2045.5%200%200%201%208.84%206c6.78%205.89%2011.09%2012.53%2014.89%2018.39C166.27%20125%20170.8%20132%20192%20132a12%2012%200%200%201%2012%2012m-139.4%209.88L39.27%20143A12%2012%200%200%201%2033%20127.27l24-56A12%2012%200%200%201%2072.73%2065l25.61%2011a12%2012%200%201%201-9.45%2022L74.3%2091.76L59.76%20125.7l14.29%206.12a12%2012%200%201%201-9.45%2022.06%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-bold.svg?color=%231a73e8&size=48
