running icon
running from Carbon by IBM · Outline · Person · Apache-2.0 Free for personal and commercial use.
- Name
- running
- Set
- Carbon
- Style
- Outline
- Category
- Person
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More person icons from Carbon
Use the running icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m21.707 20.293l-5-5a.996.996 0 0 0-1.414 0L2 28.586L3.414 30L16 17.414L19.586 21L14 26.586L15.414 28l2.292-2.292l4.001-4.001a.997.997 0 0 0 0-1.414"/><path fill="currentColor" d="M28.586 9L23 14.586l-6.001-6.002A2 2 0 0 0 15.577 8a2 2 0 0 0-1.407.584L8 14.76l1.414 1.414l6.17-6.175l6.71 6.708a.997.997 0 0 0 1.413 0L30 10.414z"/><path fill="currentColor" d="M22.5 9C20.57 9 19 7.43 19 5.5S20.57 2 22.5 2S26 3.57 26 5.5S24.43 9 22.5 9m0-5c-.827 0-1.5.673-1.5 1.5S21.673 7 22.5 7S24 6.327 24 5.5S23.327 4 22.5 4"/></svg>
React
import type { SVGProps } from "react";
export function CarbonRunning(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m21.707 20.293l-5-5a.996.996 0 0 0-1.414 0L2 28.586L3.414 30L16 17.414L19.586 21L14 26.586L15.414 28l2.292-2.292l4.001-4.001a.997.997 0 0 0 0-1.414"/><path fill="currentColor" d="M28.586 9L23 14.586l-6.001-6.002A2 2 0 0 0 15.577 8a2 2 0 0 0-1.407.584L8 14.76l1.414 1.414l6.17-6.175l6.71 6.708a.997.997 0 0 0 1.413 0L30 10.414z"/><path fill="currentColor" d="M22.5 9C20.57 9 19 7.43 19 5.5S20.57 2 22.5 2S26 3.57 26 5.5S24.43 9 22.5 9m0-5c-.827 0-1.5.673-1.5 1.5S21.673 7 22.5 7S24 6.327 24 5.5S23.327 4 22.5 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m21.707 20.293l-5-5a.996.996 0 0 0-1.414 0L2 28.586L3.414 30L16 17.414L19.586 21L14 26.586L15.414 28l2.292-2.292l4.001-4.001a.997.997 0 0 0 0-1.414"/><path fill="currentColor" d="M28.586 9L23 14.586l-6.001-6.002A2 2 0 0 0 15.577 8a2 2 0 0 0-1.407.584L8 14.76l1.414 1.414l6.17-6.175l6.71 6.708a.997.997 0 0 0 1.413 0L30 10.414z"/><path fill="currentColor" d="M22.5 9C20.57 9 19 7.43 19 5.5S20.57 2 22.5 2S26 3.57 26 5.5S24.43 9 22.5 9m0-5c-.827 0-1.5.673-1.5 1.5S21.673 7 22.5 7S24 6.327 24 5.5S23.327 4 22.5 4"/></svg> </template>
CSS
.icon-running {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.707%2020.293l-5-5a.996.996%200%200%200-1.414%200L2%2028.586L3.414%2030L16%2017.414L19.586%2021L14%2026.586L15.414%2028l2.292-2.292l4.001-4.001a.997.997%200%200%200%200-1.414%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.586%209L23%2014.586l-6.001-6.002A2%202%200%200%200%2015.577%208a2%202%200%200%200-1.407.584L8%2014.76l1.414%201.414l6.17-6.175l6.71%206.708a.997.997%200%200%200%201.413%200L30%2010.414z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.5%209C20.57%209%2019%207.43%2019%205.5S20.57%202%2022.5%202S26%203.57%2026%205.5S24.43%209%2022.5%209m0-5c-.827%200-1.5.673-1.5%201.5S21.673%207%2022.5%207S24%206.327%2024%205.5S23.327%204%2022.5%204%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.707%2020.293l-5-5a.996.996%200%200%200-1.414%200L2%2028.586L3.414%2030L16%2017.414L19.586%2021L14%2026.586L15.414%2028l2.292-2.292l4.001-4.001a.997.997%200%200%200%200-1.414%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.586%209L23%2014.586l-6.001-6.002A2%202%200%200%200%2015.577%208a2%202%200%200%200-1.407.584L8%2014.76l1.414%201.414l6.17-6.175l6.71%206.708a.997.997%200%200%200%201.413%200L30%2010.414z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.5%209C20.57%209%2019%207.43%2019%205.5S20.57%202%2022.5%202S26%203.57%2026%205.5S24.43%209%2022.5%209m0-5c-.827%200-1.5.673-1.5%201.5S21.673%207%2022.5%207S24%206.327%2024%205.5S23.327%204%2022.5%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/running.svg?color=%231a73e8&size=48
