Home/Libraries/Freehand free icons (Iconify)/walking-symbol

Freehand free icons (Iconify)

WalkingSymbol

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.146 7.225q.434.174.898.23q.444.044.887-.001a4.9 4.9 0 0 0 1.506-.429a3.26 3.26 0 0 0 1.286-.997a3.36 3.36 0 0 0 .509-2.652a5 5 0 0 0-1.197-2.334c-.15-.17-.279-.369-.439-.538a1.8 1.8 0 0 0-.299-.25a.37.37 0 0 0-.389 0a1.6 1.6 0 0 0-.997-.249a5.2 5.2 0 0 0-1.994.678c-.365.19-.701.432-.997.718c-.212.204-.39.44-.529.698a3.8 3.8 0 0 0-.17 2.932a3.56 3.56 0 0 0 1.925 2.194m-.887-4.667a2.2 2.2 0 0 1 .419-.618q.296-.294.648-.519A4.15 4.15 0 0 1 13.99.733a.73.73 0 0 1 .808.29a.3.3 0 0 0 .409.119l.319.399a4.27 4.27 0 0 1 .897 1.994a2.47 2.47 0 0 1-.478 1.905a2.3 2.3 0 0 1-.958.588c-.38.15-.78.245-1.186.28q-.32.03-.639 0q-.3-.042-.578-.16a2.44 2.44 0 0 1-1.316-1.506a2.82 2.82 0 0 1-.01-2.084"/><path d="M22.048 7.165a2.2 2.2 0 0 0-1.236-.14a4.7 4.7 0 0 0-1.496.599q-.862.49-1.775.877a4.4 4.4 0 0 1-1.177.31q-.955.096-1.914.06a8.7 8.7 0 0 1-1.855-.25c-1.306-.33-2.673-.997-3.989-1.356a7.4 7.4 0 0 0-1.994-.24a4.4 4.4 0 0 0-1.097.21c-.499.15-.997.359-1.436.538a7.1 7.1 0 0 0-2.932 2.244a2.24 2.24 0 0 0-.12 2.652a1.5 1.5 0 0 0 .998.728a2.6 2.6 0 0 0 1.625-.389a10.7 10.7 0 0 1 2.992-1.445a1.7 1.7 0 0 1 1.615.448a25 25 0 0 1-.997 1.696c-.907 1.405-1.835 2.612-2.932 4.287q-.736 1.105-1.306 2.304a4.26 4.26 0 0 0-.409 1.994a1.546 1.546 0 0 0 1.157 1.476a3.15 3.15 0 0 0 2.243-.568a10.8 10.8 0 0 0 2.503-2.693a13.6 13.6 0 0 0 1.596-2.991q.464-.024.917.07c.347.065.683.179.998.339c.384.244.721.555.997.917a1.19 1.19 0 0 1 .21 1.057q-.273.69-.639 1.336a2.56 2.56 0 0 0-.29 1.267a1.5 1.5 0 0 0 .998 1.246l.818.23a3.16 3.16 0 0 0 1.825-.33a4.1 4.1 0 0 0 1.386-1.146c.641-.866.99-1.914.997-2.992a5.7 5.7 0 0 0-.788-2.991a3.6 3.6 0 0 0-.887-.998a6.3 6.3 0 0 0-1.666-.887c-.429-.16-.997-.19-1.505-.38a.8.8 0 0 1-.29-.248a.24.24 0 0 1 0-.32q.164-.251.36-.478c1.473.296 2.983.36 4.477.19a8.5 8.5 0 0 0 2.892-.998a5.44 5.44 0 0 0 2.333-2.872a1.866 1.866 0 0 0-1.207-2.363m.3 2.164a4.32 4.32 0 0 1-1.825 2.343a7.54 7.54 0 0 1-3.291.997c-1.19.08-2.384.02-3.56-.18h-.12a.34.34 0 0 0-.428.08a3.3 3.3 0 0 0-.709 1.068a.88.88 0 0 0 .19.748c.184.22.42.392.688.498c.469.2 1.057.26 1.476.439q.636.26 1.197.658c.337.245.617.562.817.927c.401.764.588 1.622.539 2.483a4.1 4.1 0 0 1-.808 2.324a2.9 2.9 0 0 1-.997.818c-.362.189-.77.272-1.177.239l-.529-.13c-.329-.13-.428-.329-.388-.568c.11-.678.648-1.476.767-2.064a2 2 0 0 0-.199-1.386a4 4 0 0 0-1.456-1.327a4.3 4.3 0 0 0-1.326-.389c-.377-.05-.76-.05-1.137 0a.35.35 0 0 0-.439.21c-.463 1.033-1.063 2-1.785 2.872a9.8 9.8 0 0 1-2.383 2.313a2.34 2.34 0 0 1-1.236.37a.51.51 0 0 1-.51-.53a3.25 3.25 0 0 1 .3-1.395a17.5 17.5 0 0 1 1.207-2.244c.997-1.745 1.825-2.992 2.642-4.468c.34-.618.678-1.266.997-1.994a.28.28 0 0 0-.06-.319a2.29 2.29 0 0 0-2.353-.808a11.6 11.6 0 0 0-3.18 1.396a2.2 2.2 0 0 1-.998.29a.71.71 0 0 1-.618-.38a1.46 1.46 0 0 1 .2-1.655A6 6 0 0 1 4.437 8.75q.661-.268 1.346-.468a3.6 3.6 0 0 1 .838-.14c.556.003 1.11.08 1.645.23c1.376.368 2.742.997 4.039 1.376c.69.16 1.395.253 2.104.279q1.04.028 2.074-.08a5.3 5.3 0 0 0 1.496-.399q.976-.435 1.884-.997q.474-.287.998-.469c.274-.095.573-.095.847 0a.997.997 0 0 1 .638 1.247"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WalkingSymbolIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.