Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: spin. Pick another to preview it and update the animated code:

Material Design icons · MdOutlineTimer10

Outline Timer10 icon

A free outline timer10 icon from Material Design icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
Apache License Version 2.0
Project
google.github.io
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/material-design/outline-timer10.json
components/icons/material-design-outline-timer10.tsx
import * as React from "react";

/**
 * Outline Timer10 from Material Design icons (http://google.github.io/material-design-icons/), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/material-design/outline-timer10. Sized in em, colored by currentColor.
 */
export function MdOutlineTimer10Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path fill="none" d="M0 0h24v24H0z" />
      <path
        d="M-.01 7.72V9.4l3-1V18h2V6h-.25zm23.78 6.65c-.14-.28-.35-.53-.63-.74s-.61-.39-1.01-.53-.85-.27-1.35-.38a7 7 0 0 1-.87-.23c-.23-.08-.41-.16-.55-.25s-.23-.19-.28-.3a.978.978 0 0 1 .01-.8c.06-.13.15-.25.27-.34q.18-.15.45-.24c.27-.09.4-.09.64-.09.25 0 .47.04.66.11s.35.17.48.29.22.26.29.42c.06.16.1.32.1.49h1.95A2.52 2.52 0 0 0 23 9.81c-.3-.25-.66-.44-1.09-.59S20.99 9 20.45 9c-.51 0-.98.07-1.39.21s-.77.33-1.06.57-.51.52-.67.84-.23.65-.23 1.01.08.69.23.96c.15.28.36.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34s.07.25.07.39c0 .32-.13.57-.4.77s-.66.29-1.17.29c-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24a1.33 1.33 0 0 1-.59-1.11h-1.89q0 .54.24 1.05c.24.51.39.65.7.93.31.27.69.49 1.15.66s.98.25 1.58.25c.53 0 1.01-.06 1.44-.19q.645-.195 1.11-.54c.31-.23.54-.51.71-.83s.25-.67.25-1.06c-.02-.4-.09-.74-.24-1.02m-9.96-7.32c-.34-.4-.75-.7-1.23-.88-.47-.18-1.01-.27-1.59-.27s-1.11.09-1.59.27-.89.47-1.23.88-.6.93-.79 1.59c-.18.65-.28 1.45-.28 2.39v1.92c0 .94.09 1.74.28 2.39.19.66.45 1.19.8 1.6.34.41.75.71 1.23.89s1.01.28 1.59.28c.59 0 1.12-.09 1.59-.28.48-.18.88-.48 1.22-.89s.6-.94.78-1.6c.18-.65.28-1.45.28-2.39v-1.92c0-.94-.09-1.74-.28-2.39q-.27-.99-.78-1.59m-.92 6.17q0 .9-.12 1.53c-.12.63-.2.76-.36 1.02s-.36.45-.59.57-.51.18-.82.18c-.3 0-.58-.06-.82-.18s-.44-.31-.6-.57-.29-.6-.38-1.02-.13-.93-.13-1.53v-2.5c0-.6.04-1.11.13-1.52s.21-.74.38-1c.16-.25.36-.43.6-.55.24-.11.51-.17.81-.17.31 0 .58.06.81.17.24.11.44.29.6.55.16.25.29.58.37.99s.13.92.13 1.52v2.51z"
      />
    </svg>
  );
}
With react-icons
import { MdOutlineTimer10 } from "react-icons/md";

export function Example() {
  return <MdOutlineTimer10 className="size-5" />;
}
outline-timer10.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path fill="none" d="M0 0h24v24H0z" />
  <path
    d="M-.01 7.72V9.4l3-1V18h2V6h-.25zm23.78 6.65c-.14-.28-.35-.53-.63-.74s-.61-.39-1.01-.53-.85-.27-1.35-.38a7 7 0 0 1-.87-.23c-.23-.08-.41-.16-.55-.25s-.23-.19-.28-.3a.978.978 0 0 1 .01-.8c.06-.13.15-.25.27-.34q.18-.15.45-.24c.27-.09.4-.09.64-.09.25 0 .47.04.66.11s.35.17.48.29.22.26.29.42c.06.16.1.32.1.49h1.95A2.52 2.52 0 0 0 23 9.81c-.3-.25-.66-.44-1.09-.59S20.99 9 20.45 9c-.51 0-.98.07-1.39.21s-.77.33-1.06.57-.51.52-.67.84-.23.65-.23 1.01.08.69.23.96c.15.28.36.52.64.73.27.21.6.38.98.53.38.14.81.26 1.27.36.39.08.71.17.95.26s.43.19.57.29c.13.1.22.22.27.34s.07.25.07.39c0 .32-.13.57-.4.77s-.66.29-1.17.29c-.22 0-.43-.02-.64-.08-.21-.05-.4-.13-.56-.24a1.33 1.33 0 0 1-.59-1.11h-1.89q0 .54.24 1.05c.24.51.39.65.7.93.31.27.69.49 1.15.66s.98.25 1.58.25c.53 0 1.01-.06 1.44-.19q.645-.195 1.11-.54c.31-.23.54-.51.71-.83s.25-.67.25-1.06c-.02-.4-.09-.74-.24-1.02m-9.96-7.32c-.34-.4-.75-.7-1.23-.88-.47-.18-1.01-.27-1.59-.27s-1.11.09-1.59.27-.89.47-1.23.88-.6.93-.79 1.59c-.18.65-.28 1.45-.28 2.39v1.92c0 .94.09 1.74.28 2.39.19.66.45 1.19.8 1.6.34.41.75.71 1.23.89s1.01.28 1.59.28c.59 0 1.12-.09 1.59-.28.48-.18.88-.48 1.22-.89s.6-.94.78-1.6c.18-.65.28-1.45.28-2.39v-1.92c0-.94-.09-1.74-.28-2.39q-.27-.99-.78-1.59m-.92 6.17q0 .9-.12 1.53c-.12.63-.2.76-.36 1.02s-.36.45-.59.57-.51.18-.82.18c-.3 0-.58-.06-.82-.18s-.44-.31-.6-.57-.29-.6-.38-1.02-.13-.93-.13-1.53v-2.5c0-.6.04-1.11.13-1.52s.21-.74.38-1c.16-.25.36-.43.6-.55.24-.11.51-.17.81-.17.31 0 .58.06.81.17.24.11.44.29.6.55.16.25.29.58.37.99s.13.92.13 1.52v2.51z"
  />
</svg>
Attribution
"Outline Timer10" icon from Material Design icons (http://google.github.io/material-design-icons/), licensed under Apache License Version 2.0.

Related icons: