avg pace icon

avg-pace from Material Symbols by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.

Name
avg-pace
Set
Material Symbols
Style
Regular
Category
Activities
Viewbox
24×24
License
Apache 2.0
Aliases
avg-pace-outline, avg-pace-outline-sharp, avg-pace-sharp

1 other variant in Material Symbols

avg-pace-rounded

The same icon in other sets

avg-paceMaterial Symbols Light

More activities icons from Material Symbols

airarchitecturearrow-cool-downarrow-warm-upavg-timeazmbackpackbadmintonbath-outdoorbath-privatebath-public-largebiabiotechbooks-movies-and-musiccadencecakecake-addcampaigncampingcheck-in-outcleaningconfirmation-numberconstructiondistance

Use the avg pace icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.363 4.638Q14 4.275 14 3.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888T15.25 5t-.888-.363m0 16.5Q14 20.776 14 20.25t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m4-13Q18 7.775 18 7.25t.363-.888T19.25 6t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m0 9.5Q18 17.276 18 16.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m1.5-4.75Q19.5 12.526 19.5 12t.363-.888t.887-.362t.888.363T22 12t-.363.888t-.887.362t-.888-.363M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2v2Q8.65 4 6.325 6.325T4 12t2.325 5.675T12 20zm-1.412-8.587Q10 12.825 10 12q0-.125.013-.262t.062-.263L8 9.4L9.4 8l2.075 2.075q.1-.025.525-.075q.825 0 1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsAvgPace(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.363 4.638Q14 4.275 14 3.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888T15.25 5t-.888-.363m0 16.5Q14 20.776 14 20.25t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m4-13Q18 7.775 18 7.25t.363-.888T19.25 6t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m0 9.5Q18 17.276 18 16.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m1.5-4.75Q19.5 12.526 19.5 12t.363-.888t.887-.362t.888.363T22 12t-.363.888t-.887.362t-.888-.363M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2v2Q8.65 4 6.325 6.325T4 12t2.325 5.675T12 20zm-1.412-8.587Q10 12.825 10 12q0-.125.013-.262t.062-.263L8 9.4L9.4 8l2.075 2.075q.1-.025.525-.075q.825 0 1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></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.363 4.638Q14 4.275 14 3.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888T15.25 5t-.888-.363m0 16.5Q14 20.776 14 20.25t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m4-13Q18 7.775 18 7.25t.363-.888T19.25 6t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m0 9.5Q18 17.276 18 16.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m1.5-4.75Q19.5 12.526 19.5 12t.363-.888t.887-.362t.888.363T22 12t-.363.888t-.887.362t-.888-.363M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2v2Q8.65 4 6.325 6.325T4 12t2.325 5.675T12 20zm-1.412-8.587Q10 12.825 10 12q0-.125.013-.262t.062-.263L8 9.4L9.4 8l2.075 2.075q.1-.025.525-.075q.825 0 1.413.588T14 12t-.587 1.413T12 14t-1.412-.587"/></svg>
</template>

CSS

.icon-avg-pace {
  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.363%204.638Q14%204.275%2014%203.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888T15.25%205t-.888-.363m0%2016.5Q14%2020.776%2014%2020.25t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m4-13Q18%207.775%2018%207.25t.363-.888T19.25%206t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m0%209.5Q18%2017.276%2018%2016.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m1.5-4.75Q19.5%2012.526%2019.5%2012t.363-.888t.887-.362t.888.363T22%2012t-.363.888t-.887.362t-.888-.363M12%2022q-2.075%200-3.9-.788t-3.175-2.137T2.788%2015.9T2%2012t.788-3.9t2.137-3.175T8.1%202.788T12%202v2Q8.65%204%206.325%206.325T4%2012t2.325%205.675T12%2020zm-1.412-8.587Q10%2012.825%2010%2012q0-.125.013-.262t.062-.263L8%209.4L9.4%208l2.075%202.075q.1-.025.525-.075q.825%200%201.413.588T14%2012t-.587%201.413T12%2014t-1.412-.587%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.363%204.638Q14%204.275%2014%203.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888T15.25%205t-.888-.363m0%2016.5Q14%2020.776%2014%2020.25t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m4-13Q18%207.775%2018%207.25t.363-.888T19.25%206t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m0%209.5Q18%2017.276%2018%2016.75t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m1.5-4.75Q19.5%2012.526%2019.5%2012t.363-.888t.887-.362t.888.363T22%2012t-.363.888t-.887.362t-.888-.363M12%2022q-2.075%200-3.9-.788t-3.175-2.137T2.788%2015.9T2%2012t.788-3.9t2.137-3.175T8.1%202.788T12%202v2Q8.65%204%206.325%206.325T4%2012t2.325%205.675T12%2020zm-1.412-8.587Q10%2012.825%2010%2012q0-.125.013-.262t.062-.263L8%209.4L9.4%208l2.075%202.075q.1-.025.525-.075q.825%200%201.413.588T14%2012t-.587%201.413T12%2014t-1.412-.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/avg-pace.svg?color=%231a73e8&size=48