Replay 30 icon
zmdi:replay-30
The Replay 30 icon (zmdi:replay-30) is a free SVG icon from the Material Design Iconic Font set by MDI Community. It is drawn on a 344 × 432 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
- 344 × 432
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="344" height="432" viewBox="0 0 344 432"><path fill="currentColor" d="M239 285q0 20-8 30t-23.5 10t-23.5-10t-8-29v-17q0-20 8-30t23.5-10t23.5 10t8 29zm-18-19q0-11-3.5-16.5t-10-5.5t-9.5 5t-3 16v23q0 11 3 16.5t10 5.5t10-5t3-16zm-101 3h10q7 0 10-3.5t3-9.5t-3-9t-9-3t-9.5 3t-3.5 8h-18q0-8 4-13.5t11-9t15-3.5q15 0 23.5 7t8.5 20q0 6-4 11.5t-10 8.5q8 3 11.5 8.5T163 298q0 12-9 19.5t-24 7.5q-14 0-23-7t-9-20h19q0 6 4 9t10 3t10-3.5t4-8.5q0-14-16-14h-9zm51-181q70 0 120 50t50 120.5T291 379t-120.5 50T50 379T0 259h43q0 52 37.5 90t90 38t90.5-38t38-90.5t-38-90t-90-37.5v85L64 109L171 3z"/></svg>How to use the Replay 30 icon
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:replay-30" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:replay-30" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:replay-30" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--replay-30]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:replay-30"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:replay-30"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/zmdi/replay-30.svg" alt="Replay 30 icon" width="24" height="24">Related icons in Material Design Iconic Font
Replay 30 icon in other icon sets
Replay 30 icon FAQ
Is the Replay 30 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 Replay 30 icon in React?
Install @iconify/react and render <Icon icon="zmdi:replay-30" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Replay 30 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/zmdi/replay-30.svg" alt="Replay 30 icon">, or paste the SVG code inline to style it with CSS.