pedestrian icon
pedestrian-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- pedestrian-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
The same icon in other sets
Use the pedestrian icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="127.887" cy="44" r="28" opacity=".2" fill="currentColor"/><path d="M153.91 134.715l34.747 27.025a12 12 0 1 0 16.97-16.97L166.03 93.858A19.937 19.937 0 0 0 151.887 88h-48a19.937 19.937 0 0 0-14.142 5.858L50.147 144.77a12 12 0 1 0 16.97 16.97l34.747-27.025l-27.733 87.594a12 12 0 0 0 21.751 10.143l32.005-50.371l32.006 50.37a12 12 0 0 0 21.751-10.142z" opacity=".2" fill="currentColor"/><path d="M163.887 44a36 36 0 1 0-36 36a36.04 36.04 0 0 0 36-36zm-36 20a20 20 0 1 1 20-20a20.023 20.023 0 0 1-20 20z" fill="currentColor"/><path d="M211.675 139.514l-39.33-50.568a7.933 7.933 0 0 0-.658-.745a27.819 27.819 0 0 0-19.8-8.201h-48a27.819 27.819 0 0 0-19.8 8.201a7.933 7.933 0 0 0-.657.745L44.1 139.514a20 20 0 0 0 28.274 28.274l14.1-10.968l-19.833 62.64a20 20 0 0 0 36.238 16.897l25.008-39.359l25.01 39.36a20 20 0 0 0 36.237-16.898l-19.832-62.64l14.1 10.968a20 20 0 0 0 28.273-28.274zm-11.704 16.569a4.006 4.006 0 0 1-5.658 0a8.009 8.009 0 0 0-.745-.658L158.822 128.4a8 8 0 0 0-12.538 8.73l27.733 87.594a7.95 7.95 0 0 0 .377.966a4 4 0 0 1-7.25 3.38a8.1 8.1 0 0 0-.5-.909L134.64 177.79a8 8 0 0 0-13.504 0l-32.004 50.371a8.1 8.1 0 0 0-.5.91a4 4 0 0 1-7.25-3.381a7.951 7.951 0 0 0 .377-.966l27.733-87.595a8 8 0 0 0-12.538-8.73l-34.746 27.026a8.008 8.008 0 0 0-.745.658a4 4 0 1 1-5.658-5.657a7.933 7.933 0 0 0 .658-.745l39.254-50.47A11.916 11.916 0 0 1 103.887 96h48a11.916 11.916 0 0 1 8.172 3.212l39.254 50.47a7.931 7.931 0 0 0 .657.744a4 4 0 0 1 .001 5.657z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function PhPedestrianDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="127.887" cy="44" r="28" opacity=".2" fill="currentColor"/><path d="M153.91 134.715l34.747 27.025a12 12 0 1 0 16.97-16.97L166.03 93.858A19.937 19.937 0 0 0 151.887 88h-48a19.937 19.937 0 0 0-14.142 5.858L50.147 144.77a12 12 0 1 0 16.97 16.97l34.747-27.025l-27.733 87.594a12 12 0 0 0 21.751 10.143l32.005-50.371l32.006 50.37a12 12 0 0 0 21.751-10.142z" opacity=".2" fill="currentColor"/><path d="M163.887 44a36 36 0 1 0-36 36a36.04 36.04 0 0 0 36-36zm-36 20a20 20 0 1 1 20-20a20.023 20.023 0 0 1-20 20z" fill="currentColor"/><path d="M211.675 139.514l-39.33-50.568a7.933 7.933 0 0 0-.658-.745a27.819 27.819 0 0 0-19.8-8.201h-48a27.819 27.819 0 0 0-19.8 8.201a7.933 7.933 0 0 0-.657.745L44.1 139.514a20 20 0 0 0 28.274 28.274l14.1-10.968l-19.833 62.64a20 20 0 0 0 36.238 16.897l25.008-39.359l25.01 39.36a20 20 0 0 0 36.237-16.898l-19.832-62.64l14.1 10.968a20 20 0 0 0 28.273-28.274zm-11.704 16.569a4.006 4.006 0 0 1-5.658 0a8.009 8.009 0 0 0-.745-.658L158.822 128.4a8 8 0 0 0-12.538 8.73l27.733 87.594a7.95 7.95 0 0 0 .377.966a4 4 0 0 1-7.25 3.38a8.1 8.1 0 0 0-.5-.909L134.64 177.79a8 8 0 0 0-13.504 0l-32.004 50.371a8.1 8.1 0 0 0-.5.91a4 4 0 0 1-7.25-3.381a7.951 7.951 0 0 0 .377-.966l27.733-87.595a8 8 0 0 0-12.538-8.73l-34.746 27.026a8.008 8.008 0 0 0-.745.658a4 4 0 1 1-5.658-5.657a7.933 7.933 0 0 0 .658-.745l39.254-50.47A11.916 11.916 0 0 1 103.887 96h48a11.916 11.916 0 0 1 8.172 3.212l39.254 50.47a7.931 7.931 0 0 0 .657.744a4 4 0 0 1 .001 5.657z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="127.887" cy="44" r="28" opacity=".2" fill="currentColor"/><path d="M153.91 134.715l34.747 27.025a12 12 0 1 0 16.97-16.97L166.03 93.858A19.937 19.937 0 0 0 151.887 88h-48a19.937 19.937 0 0 0-14.142 5.858L50.147 144.77a12 12 0 1 0 16.97 16.97l34.747-27.025l-27.733 87.594a12 12 0 0 0 21.751 10.143l32.005-50.371l32.006 50.37a12 12 0 0 0 21.751-10.142z" opacity=".2" fill="currentColor"/><path d="M163.887 44a36 36 0 1 0-36 36a36.04 36.04 0 0 0 36-36zm-36 20a20 20 0 1 1 20-20a20.023 20.023 0 0 1-20 20z" fill="currentColor"/><path d="M211.675 139.514l-39.33-50.568a7.933 7.933 0 0 0-.658-.745a27.819 27.819 0 0 0-19.8-8.201h-48a27.819 27.819 0 0 0-19.8 8.201a7.933 7.933 0 0 0-.657.745L44.1 139.514a20 20 0 0 0 28.274 28.274l14.1-10.968l-19.833 62.64a20 20 0 0 0 36.238 16.897l25.008-39.359l25.01 39.36a20 20 0 0 0 36.237-16.898l-19.832-62.64l14.1 10.968a20 20 0 0 0 28.273-28.274zm-11.704 16.569a4.006 4.006 0 0 1-5.658 0a8.009 8.009 0 0 0-.745-.658L158.822 128.4a8 8 0 0 0-12.538 8.73l27.733 87.594a7.95 7.95 0 0 0 .377.966a4 4 0 0 1-7.25 3.38a8.1 8.1 0 0 0-.5-.909L134.64 177.79a8 8 0 0 0-13.504 0l-32.004 50.371a8.1 8.1 0 0 0-.5.91a4 4 0 0 1-7.25-3.381a7.951 7.951 0 0 0 .377-.966l27.733-87.595a8 8 0 0 0-12.538-8.73l-34.746 27.026a8.008 8.008 0 0 0-.745.658a4 4 0 1 1-5.658-5.657a7.933 7.933 0 0 0 .658-.745l39.254-50.47A11.916 11.916 0 0 1 103.887 96h48a11.916 11.916 0 0 1 8.172 3.212l39.254 50.47a7.931 7.931 0 0 0 .657.744a4 4 0 0 1 .001 5.657z" fill="currentColor"/></svg> </template>
CSS
.icon-pedestrian-duotone {
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%3Ccircle%20cx%3D%22127.887%22%20cy%3D%2244%22%20r%3D%2228%22%20opacity%3D%22.2%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M153.91%20134.715l34.747%2027.025a12%2012%200%201%200%2016.97-16.97L166.03%2093.858A19.937%2019.937%200%200%200%20151.887%2088h-48a19.937%2019.937%200%200%200-14.142%205.858L50.147%20144.77a12%2012%200%201%200%2016.97%2016.97l34.747-27.025l-27.733%2087.594a12%2012%200%200%200%2021.751%2010.143l32.005-50.371l32.006%2050.37a12%2012%200%200%200%2021.751-10.142z%22%20opacity%3D%22.2%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M163.887%2044a36%2036%200%201%200-36%2036a36.04%2036.04%200%200%200%2036-36zm-36%2020a20%2020%200%201%201%2020-20a20.023%2020.023%200%200%201-20%2020z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M211.675%20139.514l-39.33-50.568a7.933%207.933%200%200%200-.658-.745a27.819%2027.819%200%200%200-19.8-8.201h-48a27.819%2027.819%200%200%200-19.8%208.201a7.933%207.933%200%200%200-.657.745L44.1%20139.514a20%2020%200%200%200%2028.274%2028.274l14.1-10.968l-19.833%2062.64a20%2020%200%200%200%2036.238%2016.897l25.008-39.359l25.01%2039.36a20%2020%200%200%200%2036.237-16.898l-19.832-62.64l14.1%2010.968a20%2020%200%200%200%2028.273-28.274zm-11.704%2016.569a4.006%204.006%200%200%201-5.658%200a8.009%208.009%200%200%200-.745-.658L158.822%20128.4a8%208%200%200%200-12.538%208.73l27.733%2087.594a7.95%207.95%200%200%200%20.377.966a4%204%200%200%201-7.25%203.38a8.1%208.1%200%200%200-.5-.909L134.64%20177.79a8%208%200%200%200-13.504%200l-32.004%2050.371a8.1%208.1%200%200%200-.5.91a4%204%200%200%201-7.25-3.381a7.951%207.951%200%200%200%20.377-.966l27.733-87.595a8%208%200%200%200-12.538-8.73l-34.746%2027.026a8.008%208.008%200%200%200-.745.658a4%204%200%201%201-5.658-5.657a7.933%207.933%200%200%200%20.658-.745l39.254-50.47A11.916%2011.916%200%200%201%20103.887%2096h48a11.916%2011.916%200%200%201%208.172%203.212l39.254%2050.47a7.931%207.931%200%200%200%20.657.744a4%204%200%200%201%20.001%205.657z%22%20fill%3D%22currentColor%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%3Ccircle%20cx%3D%22127.887%22%20cy%3D%2244%22%20r%3D%2228%22%20opacity%3D%22.2%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M153.91%20134.715l34.747%2027.025a12%2012%200%201%200%2016.97-16.97L166.03%2093.858A19.937%2019.937%200%200%200%20151.887%2088h-48a19.937%2019.937%200%200%200-14.142%205.858L50.147%20144.77a12%2012%200%201%200%2016.97%2016.97l34.747-27.025l-27.733%2087.594a12%2012%200%200%200%2021.751%2010.143l32.005-50.371l32.006%2050.37a12%2012%200%200%200%2021.751-10.142z%22%20opacity%3D%22.2%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M163.887%2044a36%2036%200%201%200-36%2036a36.04%2036.04%200%200%200%2036-36zm-36%2020a20%2020%200%201%201%2020-20a20.023%2020.023%200%200%201-20%2020z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M211.675%20139.514l-39.33-50.568a7.933%207.933%200%200%200-.658-.745a27.819%2027.819%200%200%200-19.8-8.201h-48a27.819%2027.819%200%200%200-19.8%208.201a7.933%207.933%200%200%200-.657.745L44.1%20139.514a20%2020%200%200%200%2028.274%2028.274l14.1-10.968l-19.833%2062.64a20%2020%200%200%200%2036.238%2016.897l25.008-39.359l25.01%2039.36a20%2020%200%200%200%2036.237-16.898l-19.832-62.64l14.1%2010.968a20%2020%200%200%200%2028.273-28.274zm-11.704%2016.569a4.006%204.006%200%200%201-5.658%200a8.009%208.009%200%200%200-.745-.658L158.822%20128.4a8%208%200%200%200-12.538%208.73l27.733%2087.594a7.95%207.95%200%200%200%20.377.966a4%204%200%200%201-7.25%203.38a8.1%208.1%200%200%200-.5-.909L134.64%20177.79a8%208%200%200%200-13.504%200l-32.004%2050.371a8.1%208.1%200%200%200-.5.91a4%204%200%200%201-7.25-3.381a7.951%207.951%200%200%200%20.377-.966l27.733-87.595a8%208%200%200%200-12.538-8.73l-34.746%2027.026a8.008%208.008%200%200%200-.745.658a4%204%200%201%201-5.658-5.657a7.933%207.933%200%200%200%20.658-.745l39.254-50.47A11.916%2011.916%200%200%201%20103.887%2096h48a11.916%2011.916%200%200%201%208.172%203.212l39.254%2050.47a7.931%207.931%200%200%200%20.657.744a4%204%200%200%201%20.001%205.657z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pedestrian-duotone.svg?color=%231a73e8&size=48
