walk icon

walk from Material Design Icons by Pictogrammers · Filled · People / Family · Apache-2.0 Free for personal and commercial use.

Name: walk
Set: Material Design Icons
Style: Filled
Category: People / Family
Viewbox: 24×24
License: Apache 2.0
Aliases: directions-walk, human-walk, walker, walking

The same icon in other sets

walkBoxIcons v2 walkIonIcons walk-fillMingCute Icon walk-fillRemix Icon walkTabler Icons

More people / family icons from Material Design Icons

Use the walk icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.12 10H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84c-.18 0-.34.03-.5.08L6 5.8V11h1.8V7.33l2.11-.66L6 22h1.8l2.87-8.11L13 17v5h1.8v-6.41l-2.49-4.54l.73-2.87M14 3.8c1 0 1.8-.8 1.8-1.8S15 .2 14 .2S12.2 1 12.2 2S13 3.8 14 3.8"/></svg>

React

import type { SVGProps } from "react";

export function MdiWalk(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.12 10H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84c-.18 0-.34.03-.5.08L6 5.8V11h1.8V7.33l2.11-.66L6 22h1.8l2.87-8.11L13 17v5h1.8v-6.41l-2.49-4.54l.73-2.87M14 3.8c1 0 1.8-.8 1.8-1.8S15 .2 14 .2S12.2 1 12.2 2S13 3.8 14 3.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.12 10H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84c-.18 0-.34.03-.5.08L6 5.8V11h1.8V7.33l2.11-.66L6 22h1.8l2.87-8.11L13 17v5h1.8v-6.41l-2.49-4.54l.73-2.87M14 3.8c1 0 1.8-.8 1.8-1.8S15 .2 14 .2S12.2 1 12.2 2S13 3.8 14 3.8"/></svg>
</template>

CSS

.icon-walk {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.12%2010H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84c-.18%200-.34.03-.5.08L6%205.8V11h1.8V7.33l2.11-.66L6%2022h1.8l2.87-8.11L13%2017v5h1.8v-6.41l-2.49-4.54l.73-2.87M14%203.8c1%200%201.8-.8%201.8-1.8S15%20.2%2014%20.2S12.2%201%2012.2%202S13%203.8%2014%203.8%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.12%2010H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84c-.18%200-.34.03-.5.08L6%205.8V11h1.8V7.33l2.11-.66L6%2022h1.8l2.87-8.11L13%2017v5h1.8v-6.41l-2.49-4.54l.73-2.87M14%203.8c1%200%201.8-.8%201.8-1.8S15%20.2%2014%20.2S12.2%201%2012.2%202S13%203.8%2014%203.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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