Rotating Forward icon
icon-park:rotating-forward
The Rotating Forward icon (icon-park:rotating-forward) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Operate
- Tags
- rotatingforward
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M14 6.67578C8.02198 10.1339 4 16.5973 4 24.0001M14 6.67578V14.0001M14 6.67578H6.67564"/><path d="M6.67564 34C10.1337 39.978 16.5972 44 24 44M6.67564 34H14M6.67564 34V41.3244"/><path d="M34 41.3244C39.978 37.8663 44 31.4028 44 24M34 41.3244V34M34 41.3244H41.3244"/><path d="M41.3242 14C37.8661 8.02199 31.4027 4 23.9999 4M41.3242 14H33.9999M41.3242 14V6.67564"/></g></svg>How to use the Rotating Forward icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:rotating-forward" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:rotating-forward" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:rotating-forward" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--rotating-forward]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:rotating-forward"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:rotating-forward"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/rotating-forward.svg" alt="Rotating Forward icon" width="24" height="24">Related icons in IconPark
Rotating Forward icon in other icon sets
Rotating Forward icon FAQ
Is the Rotating Forward icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Rotating Forward icon in React?
Install @iconify/react and render <Icon icon="icon-park:rotating-forward" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rotating Forward icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/rotating-forward.svg" alt="Rotating Forward icon">, or paste the SVG code inline to style it with CSS.