Restart icon
whh:restart
The Restart icon (whh:restart) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 576H832q-26 0-45-18.5T768 512t19-45.5t45-18.5h128q27 0 45.5 18.5T1024 512t-18.5 45.5T960 576M786 329q-19 19-46 19t-46-19t-19-46t19-46l92-91q18-19 45-19t46 19t19 46t-19 45zm-274 695q-27 0-45.5-18.5T448 960V832q0-26 19-45t45.5-19t45 19t18.5 45v128q0 27-18.5 45.5T512 1024m.5-768q-26.5 0-45.5-19t-19-45V64q0-27 19-45.5T512 0t45 18.5T576 64v128q0 27-18.5 45.5t-45 18.5M237 877q-18 19-45 19t-46-19t-19-46t19-45l91-92q19-19 46-19t46 19t19 46t-19 46zm0-548l-91-92q-19-18-19-45t19-46t46-19t45 19l92 91q19 19 19 46t-19 46t-46 19t-46-19m19 183.5q0 26.5-19 45T192 576H64q-27 0-45.5-18.5T0 512t18.5-45.5T64 448h128q26 0 45 19t19 45.5M786 694l91 92q19 18 19 45t-19 46t-46 19t-45-19l-92-91q-19-19-19-46t19-46t46-19t46 19"/></svg>
How to use the Restart icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:restart" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:restart" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:restart" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--restart]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:restart"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:restart"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/restart.svg" alt="Restart icon" width="24" height="24">
Restart icon in other icon sets
Restart icon FAQ
Is the Restart icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Restart icon in React?
Install @iconify/react and render <Icon icon="whh:restart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Restart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/restart.svg" alt="Restart icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
