Control Rewind icon
simple-line-icons:control-rewind
The Control Rewind icon (simple-line-icons:control-rewind) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line icons are released under the MIT 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
- Simple line icons
- Author
- Sabbir Ahmed
- License
- MIT
- Size
- 1024 × 1024
- Tags
- controlrewind
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M573.92 197.904L68.64 512.001l505.28 314.096V579.121l384 246.976V197.905l-384 246.992v-255.84zm-2.656-63.999c10.704 0 22.736 2.67 32.416 8.062c20.32 11.28 34.24 32.705 34.24 55.937v131.84l298.224-186.192c10.32-6.4 21.376-9.648 33.12-9.648c10.688 0 15.728 2.671 25.424 8.063c20.32 11.28 27.232 32.704 27.232 55.937v628.192c0 23.248-7.248 44.656-27.568 55.936c-9.68 5.376-17.727 8.064-28.432 8.064c-11.727 0-20.783-3.216-31.103-9.665L637.921 694.255v131.84c0 23.248-13.92 44.657-34.24 55.937c-9.68 5.376-21.04 8.064-31.76 8.064c-11.712 0-23.792-3.215-34.112-9.664L32.353 566.336C13.585 554.688 2.08 534.128 2.08 512s11.376-42.671 30.16-54.351l505.264-314.096a63.86 63.86 0 0 1 33.759-9.648z"/></svg>How to use the Control Rewind icon
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:control-rewind" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:control-rewind" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:control-rewind" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--control-rewind]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:control-rewind"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:control-rewind"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/control-rewind.svg" alt="Control Rewind icon" width="24" height="24">Related icons in Simple line icons
Control Rewind icon FAQ
Is the Control Rewind icon free for commercial use?
Yes. Simple line icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Control Rewind icon in React?
Install @iconify/react and render <Icon icon="simple-line-icons:control-rewind" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Control Rewind icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/simple-line-icons/control-rewind.svg" alt="Control Rewind icon">, or paste the SVG code inline to style it with CSS.