walking icon

walking-linear from Solar by 480 Design · Linear · Sports · CC-BY-4.0 Attribution required.

Name
walking-linear
Set
Solar
Style
Linear
Category
Sports
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

The same icon in other sets

More sports icons from Solar

Use the walking icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="11.5" cy="4.5" r="2.5"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 10L10.3413 11.5869C10.1722 13.2776 10.0877 14.123 10.2784 14.9346C10.4691 15.7462 10.9212 16.4655 11.8255 17.904L14.4004 22M10.5 10H10.2087C8.67043 10 7.9013 10 7.35289 10.4399C6.80448 10.8798 6.63763 11.6306 6.30394 13.1323L6 14.5M10.5 10H12.2698C12.43 10 12.5101 10 12.5815 10.0051C13.3916 10.0632 14.0862 10.6055 14.3391 11.3774C14.3614 11.4455 14.3808 11.5231 14.4196 11.6785C14.4717 11.8869 14.4978 11.9911 14.5269 12.0752C14.8633 13.0449 15.8792 13.6025 16.8779 13.3657C16.9645 13.3452 17.0664 13.3112 17.2702 13.2433L18 13"/><path stroke-linecap="round" d="M9 17.5L6 22"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarWalkingLinear(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="11.5" cy="4.5" r="2.5"/><path strokeLinecap="round" strokeLinejoin="round" d="M10.5 10L10.3413 11.5869C10.1722 13.2776 10.0877 14.123 10.2784 14.9346C10.4691 15.7462 10.9212 16.4655 11.8255 17.904L14.4004 22M10.5 10H10.2087C8.67043 10 7.9013 10 7.35289 10.4399C6.80448 10.8798 6.63763 11.6306 6.30394 13.1323L6 14.5M10.5 10H12.2698C12.43 10 12.5101 10 12.5815 10.0051C13.3916 10.0632 14.0862 10.6055 14.3391 11.3774C14.3614 11.4455 14.3808 11.5231 14.4196 11.6785C14.4717 11.8869 14.4978 11.9911 14.5269 12.0752C14.8633 13.0449 15.8792 13.6025 16.8779 13.3657C16.9645 13.3452 17.0664 13.3112 17.2702 13.2433L18 13"/><path strokeLinecap="round" d="M9 17.5L6 22"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="11.5" cy="4.5" r="2.5"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 10L10.3413 11.5869C10.1722 13.2776 10.0877 14.123 10.2784 14.9346C10.4691 15.7462 10.9212 16.4655 11.8255 17.904L14.4004 22M10.5 10H10.2087C8.67043 10 7.9013 10 7.35289 10.4399C6.80448 10.8798 6.63763 11.6306 6.30394 13.1323L6 14.5M10.5 10H12.2698C12.43 10 12.5101 10 12.5815 10.0051C13.3916 10.0632 14.0862 10.6055 14.3391 11.3774C14.3614 11.4455 14.3808 11.5231 14.4196 11.6785C14.4717 11.8869 14.4978 11.9911 14.5269 12.0752C14.8633 13.0449 15.8792 13.6025 16.8779 13.3657C16.9645 13.3452 17.0664 13.3112 17.2702 13.2433L18 13"/><path stroke-linecap="round" d="M9 17.5L6 22"/></g></svg>
</template>

CSS

.icon-walking-linear {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%224.5%22%20r%3D%222.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2010L10.3413%2011.5869C10.1722%2013.2776%2010.0877%2014.123%2010.2784%2014.9346C10.4691%2015.7462%2010.9212%2016.4655%2011.8255%2017.904L14.4004%2022M10.5%2010H10.2087C8.67043%2010%207.9013%2010%207.35289%2010.4399C6.80448%2010.8798%206.63763%2011.6306%206.30394%2013.1323L6%2014.5M10.5%2010H12.2698C12.43%2010%2012.5101%2010%2012.5815%2010.0051C13.3916%2010.0632%2014.0862%2010.6055%2014.3391%2011.3774C14.3614%2011.4455%2014.3808%2011.5231%2014.4196%2011.6785C14.4717%2011.8869%2014.4978%2011.9911%2014.5269%2012.0752C14.8633%2013.0449%2015.8792%2013.6025%2016.8779%2013.3657C16.9645%2013.3452%2017.0664%2013.3112%2017.2702%2013.2433L18%2013%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9%2017.5L6%2022%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%224.5%22%20r%3D%222.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2010L10.3413%2011.5869C10.1722%2013.2776%2010.0877%2014.123%2010.2784%2014.9346C10.4691%2015.7462%2010.9212%2016.4655%2011.8255%2017.904L14.4004%2022M10.5%2010H10.2087C8.67043%2010%207.9013%2010%207.35289%2010.4399C6.80448%2010.8798%206.63763%2011.6306%206.30394%2013.1323L6%2014.5M10.5%2010H12.2698C12.43%2010%2012.5101%2010%2012.5815%2010.0051C13.3916%2010.0632%2014.0862%2010.6055%2014.3391%2011.3774C14.3614%2011.4455%2014.3808%2011.5231%2014.4196%2011.6785C14.4717%2011.8869%2014.4978%2011.9911%2014.5269%2012.0752C14.8633%2013.0449%2015.8792%2013.6025%2016.8779%2013.3657C16.9645%2013.3452%2017.0664%2013.3112%2017.2702%2013.2433L18%2013%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9%2017.5L6%2022%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/walking-linear.svg?color=%231a73e8&size=48