Restart Outline icon

solar:restart-outline

The Restart Outline icon (solar:restart-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: Arrows
Tags: restartoutline

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="M18.364 3.05664C18.7782 3.05664 19.114 3.39243 19.114 3.80664V8.04928C19.114 8.46349 18.7782 8.79928 18.364 8.79928H14.1213C13.7071 8.79928 13.3713 8.46349 13.3713 8.04928C13.3713 7.63507 13.7071 7.29928 14.1213 7.29928H16.4817C13.6363 5.0562 9.4987 5.24728 6.87348 7.8725C4.04217 10.7038 4.04217 15.2943 6.87348 18.1256C9.70478 20.9569 14.2952 20.9569 17.1265 18.1256C19.0234 16.2287 19.6504 13.5418 19.0039 11.1209C18.897 10.7207 19.1348 10.3097 19.535 10.2028C19.9352 10.0959 20.3462 10.3337 20.4531 10.7339C21.2321 13.6508 20.478 16.8954 18.1872 19.1862C14.7701 22.6033 9.2299 22.6033 5.81282 19.1862C2.39573 15.7691 2.39573 10.2289 5.81282 6.81184C9.04483 3.57983 14.1762 3.40478 17.614 6.2867V3.80664C17.614 3.39243 17.9497 3.05664 18.364 3.05664Z" clip-rule="evenodd"/></svg>

How to use the Restart Outline icon

React

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

<Icon icon="solar:restart-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:restart-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:restart-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:restart-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/restart-outline.svg" alt="Restart Outline icon" width="24" height="24">

Related icons in Solar

Restart Outline icon FAQ

Is the Restart 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 Restart Outline icon in React?

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

How do I add the Restart Outline icon to a web page?

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

Browse all Solar icons →