Time Countdown icon
zmdi:time-countdown
The Time Countdown icon (zmdi:time-countdown) is a free SVG icon from the Material Design Iconic Font set by MDI Community. It is drawn on a 384 × 384 grid. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Design Iconic Font
- Author
- MDI Community
- License
- OFL-1.1
- Size
- 384 × 384
- Tags
- timecountdown
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 384 384"><path fill="currentColor" d="M171 298.5q0-8.5 6-15t15-6.5t15 6.5t6 15t-6 15t-15 6.5t-15-6.5t-6-15M171 0h21q80 0 136 56t56 136t-56 136t-136 56t-136-56T0 192q0-46 20.5-86.5T77 39v-1l145 145l-30 30L76 98q-33 41-33 94q0 62 43.5 105.5T192 341t105.5-43.5T341 192q0-56-36.5-98T213 44v41h-42zm149 192q0 9-6.5 15t-15 6t-15-6t-6.5-15t6.5-15t15-6t15 6t6.5 15m-256 0q0-9 6.5-15t15-6t15 6t6.5 15t-6.5 15t-15 6t-15-6t-6.5-15"/></svg>
How to use the Time Countdown icon
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:time-countdown" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:time-countdown" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:time-countdown" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--time-countdown]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:time-countdown"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:time-countdown"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/zmdi/time-countdown.svg" alt="Time Countdown icon" width="24" height="24">
Related icons in Material Design Iconic Font
Time Countdown icon FAQ
Is the Time Countdown icon free for commercial use?
Yes. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Time Countdown icon in React?
Install @iconify/react and render <Icon icon="zmdi:time-countdown" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Time Countdown icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/zmdi/time-countdown.svg" alt="Time Countdown icon">, or paste the SVG code inline to style it with CSS.
Browse all Material Design Iconic Font icons →
ICONYZ
