walking icon
walking from Health Icons by Resolve to Save Lives · Filled · Exercise · MIT Free for personal and commercial use.
- Name
- walking
- Set
- Health Icons
- Style
- Filled
- Category
- Exercise
- Viewbox
- 48×48
- License
- MIT
- Aliases
- exercise-walking
3 other variants in Health Icons
The same icon in other sets
More exercise icons from Health Icons
Use the walking icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M31.25 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-5.557 20.397l5.193 5.124a2 2 0 0 1 .457.693l2.769 7.055a2 2 0 0 1-3.724 1.462l-2.614-6.661l-8.928-8.81a2 2 0 0 1-.583-1.649l.715-6.32c-1.724 1.714-3.054 4.123-4.073 7.316a2 2 0 1 1-3.81-1.216c1.87-5.86 4.975-10.246 10.185-12.257l.023-.009c1.327-.493 2.707-.453 3.937.182c1.181.611 2.022 1.666 2.573 2.848l.648 1.4c.488 1.058.898 1.95 1.293 2.732c.553 1.1.998 1.83 1.438 2.342c.408.474.813.766 1.33.968c.556.217 1.335.367 2.538.403a2 2 0 1 1-.12 3.998c-1.445-.043-2.728-.228-3.873-.675c-1.183-.462-2.116-1.165-2.91-2.09c-.5-.582-.94-1.247-1.35-1.97z"/><path d="m18.263 30.22l3.315 3.18l-1.526 5.147a2 2 0 0 1-.684 1.006l-5.134 4.023a2 2 0 0 1-2.467-3.15l4.632-3.628l1.395-4.71z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsWalking(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M31.25 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-5.557 20.397l5.193 5.124a2 2 0 0 1 .457.693l2.769 7.055a2 2 0 0 1-3.724 1.462l-2.614-6.661l-8.928-8.81a2 2 0 0 1-.583-1.649l.715-6.32c-1.724 1.714-3.054 4.123-4.073 7.316a2 2 0 1 1-3.81-1.216c1.87-5.86 4.975-10.246 10.185-12.257l.023-.009c1.327-.493 2.707-.453 3.937.182c1.181.611 2.022 1.666 2.573 2.848l.648 1.4c.488 1.058.898 1.95 1.293 2.732c.553 1.1.998 1.83 1.438 2.342c.408.474.813.766 1.33.968c.556.217 1.335.367 2.538.403a2 2 0 1 1-.12 3.998c-1.445-.043-2.728-.228-3.873-.675c-1.183-.462-2.116-1.165-2.91-2.09c-.5-.582-.94-1.247-1.35-1.97z"/><path d="m18.263 30.22l3.315 3.18l-1.526 5.147a2 2 0 0 1-.684 1.006l-5.134 4.023a2 2 0 0 1-2.467-3.15l4.632-3.628l1.395-4.71z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M31.25 8a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-5.557 20.397l5.193 5.124a2 2 0 0 1 .457.693l2.769 7.055a2 2 0 0 1-3.724 1.462l-2.614-6.661l-8.928-8.81a2 2 0 0 1-.583-1.649l.715-6.32c-1.724 1.714-3.054 4.123-4.073 7.316a2 2 0 1 1-3.81-1.216c1.87-5.86 4.975-10.246 10.185-12.257l.023-.009c1.327-.493 2.707-.453 3.937.182c1.181.611 2.022 1.666 2.573 2.848l.648 1.4c.488 1.058.898 1.95 1.293 2.732c.553 1.1.998 1.83 1.438 2.342c.408.474.813.766 1.33.968c.556.217 1.335.367 2.538.403a2 2 0 1 1-.12 3.998c-1.445-.043-2.728-.228-3.873-.675c-1.183-.462-2.116-1.165-2.91-2.09c-.5-.582-.94-1.247-1.35-1.97z"/><path d="m18.263 30.22l3.315 3.18l-1.526 5.147a2 2 0 0 1-.684 1.006l-5.134 4.023a2 2 0 0 1-2.467-3.15l4.632-3.628l1.395-4.71z"/></g></svg> </template>
CSS
.icon-walking {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M31.25%208a4%204%200%201%201-8%200a4%204%200%200%201%208%200m-5.557%2020.397l5.193%205.124a2%202%200%200%201%20.457.693l2.769%207.055a2%202%200%200%201-3.724%201.462l-2.614-6.661l-8.928-8.81a2%202%200%200%201-.583-1.649l.715-6.32c-1.724%201.714-3.054%204.123-4.073%207.316a2%202%200%201%201-3.81-1.216c1.87-5.86%204.975-10.246%2010.185-12.257l.023-.009c1.327-.493%202.707-.453%203.937.182c1.181.611%202.022%201.666%202.573%202.848l.648%201.4c.488%201.058.898%201.95%201.293%202.732c.553%201.1.998%201.83%201.438%202.342c.408.474.813.766%201.33.968c.556.217%201.335.367%202.538.403a2%202%200%201%201-.12%203.998c-1.445-.043-2.728-.228-3.873-.675c-1.183-.462-2.116-1.165-2.91-2.09c-.5-.582-.94-1.247-1.35-1.97z%22%2F%3E%3Cpath%20d%3D%22m18.263%2030.22l3.315%203.18l-1.526%205.147a2%202%200%200%201-.684%201.006l-5.134%204.023a2%202%200%200%201-2.467-3.15l4.632-3.628l1.395-4.71z%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M31.25%208a4%204%200%201%201-8%200a4%204%200%200%201%208%200m-5.557%2020.397l5.193%205.124a2%202%200%200%201%20.457.693l2.769%207.055a2%202%200%200%201-3.724%201.462l-2.614-6.661l-8.928-8.81a2%202%200%200%201-.583-1.649l.715-6.32c-1.724%201.714-3.054%204.123-4.073%207.316a2%202%200%201%201-3.81-1.216c1.87-5.86%204.975-10.246%2010.185-12.257l.023-.009c1.327-.493%202.707-.453%203.937.182c1.181.611%202.022%201.666%202.573%202.848l.648%201.4c.488%201.058.898%201.95%201.293%202.732c.553%201.1.998%201.83%201.438%202.342c.408.474.813.766%201.33.968c.556.217%201.335.367%202.538.403a2%202%200%201%201-.12%203.998c-1.445-.043-2.728-.228-3.873-.675c-1.183-.462-2.116-1.165-2.91-2.09c-.5-.582-.94-1.247-1.35-1.97z%22%2F%3E%3Cpath%20d%3D%22m18.263%2030.22l3.315%203.18l-1.526%205.147a2%202%200%200%201-.684%201.006l-5.134%204.023a2%202%200%200%201-2.467-3.15l4.632-3.628l1.395-4.71z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/walking.svg?color=%231a73e8&size=48
