Redirect icon

whh:redirect

The Redirect icon (whh:redirect) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 768q0 106-75 181t-181 75q-55 0-105-23q-74 23-151 23q-139 0-257-68.5T68.5 769T0 512t68.5-257T255 68.5T512 0t257 68.5T955.5 255t68.5 257q0 77-23 151q23 50 23 105M890 448q-19-16-54.5-47T783 356h-37q-1 4-2 11.5t-2 11.5q14 9 39.5 27t31.5 22q-33 33-48 49q-12-18-34-54.5T698 368q-19 5-41 11q-4 2-10.5 6t-8.5 5q3 13 7 37t5 27q-15 18-23 27q-12-6-49.5-23T520 432q0-1-4-12v-34q26-7 82-22q-1-2-41-87q7-10 15-23q21-1 64.5-5t65.5-6v-49q2 0 7-1.5t7-2.5q3 23 4 34q1 0 44-2q-33-28-68-47q-17 2-39 4l-4-4q3-10 5-18q-48-20-101-26q3 12 9 37t9 38q-4 1-12 3.5t-10 3.5l8 4l-34 4q3-18 9.5-52.5T544 130q-20-2-32-2q-2 0-21 1q1 0 2 1h1v38h-26q-5-1-22-4q1-5 4.5-15.5T456 133q-133 19-225 118h14l24 21l24 21v22q-22 9-65 27t-63 26q-3 23-10 69.5T144 507q30 32 59 64q-14 9-16 10h-52q24 136 130.5 225.5T512 896q17 0 34-1q-9-15-14-28q-5 0-15.5-.5T501 865q-14-20-42.5-63T416 737q19-37 67-128q2-3 7-8q14-12 42.5-37.5T575 526q22 4 89-7.5t89-7.5q1 0 1 1l1 1q9-1 13-1q67 0 126 34q2-18 2-34q0-30-6-64M768 576q-62 0-111 36t-69 92h-65q-11 12-11 29t11 29l53 70q6 6 15 9q12 5 26 2.5t23-11.5l53-70q11-12 11-29t-11-29h-35q16-29 45.5-46.5T768 640q53 0 90.5 37.5T896 768t-37.5 90.5T768 896q-9 0-21-2l-52 51q35 15 73 15q80 0 136-56.5t56-136T904 632t-136-56"/></svg>

How to use the Redirect icon

React

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

<Icon icon="whh:redirect" width="24" />

Vue

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

<template>
  <Icon icon="whh:redirect" width="24" />
</template>

Svelte

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

<Icon icon="whh:redirect" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--redirect]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:redirect"></div>

Web component

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

<iconify-icon icon="whh:redirect"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/redirect.svg" alt="Redirect icon" width="24" height="24">

Redirect icon FAQ

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

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

How do I add the Redirect icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/redirect.svg" alt="Redirect icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →