Rewind Back Circle Outline icon

solar:rewind-back-circle-outline

The Rewind Back Circle Outline icon (solar:rewind-back-circle-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Video
Tags: rewindback, backcircle, circleoutline, rewindbackcircleoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM14.4828 7.51916C15.6411 6.69182 17.25 7.51979 17.25 8.94319V15.0568C17.25 16.4802 15.6411 17.3082 14.4828 16.4808L10.2033 13.424C9.22619 12.7261 9.22619 11.2739 10.2033 10.576L14.4828 7.51916ZM15.75 8.94319C15.75 8.73985 15.5202 8.62157 15.3547 8.73976L11.0752 11.7966C10.9356 11.8963 10.9356 12.1037 11.0752 12.2034L15.3547 15.2602C15.5202 15.3784 15.75 15.2602 15.75 15.0568V8.94319ZM11.6103 7.6355C11.8511 7.97256 11.773 8.44097 11.4359 8.68173L8.21438 10.9828C7.51645 11.4814 7.51645 12.5186 8.21438 13.0172L11.4359 15.3183C11.773 15.559 11.8511 16.0274 11.6103 16.3645C11.3695 16.7016 10.9011 16.7796 10.5641 16.5389L7.34253 14.2378C5.80707 13.141 5.80706 10.859 7.34252 9.76223L10.5641 7.46113C10.9011 7.22037 11.3695 7.29844 11.6103 7.6355Z" clip-rule="evenodd"/></svg>

How to use the Rewind Back Circle Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:rewind-back-circle-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:rewind-back-circle-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:rewind-back-circle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--rewind-back-circle-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:rewind-back-circle-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:rewind-back-circle-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/rewind-back-circle-outline.svg" alt="Rewind Back Circle Outline icon" width="24" height="24">

Related icons in Solar

Rewind Back Circle Outline icon FAQ

Is the Rewind Back Circle Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Rewind Back Circle Outline icon in React?

Install @iconify/react and render <Icon icon="solar:rewind-back-circle-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Rewind Back Circle Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/rewind-back-circle-outline.svg" alt="Rewind Back Circle Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →