Reindex icon

logos:reindex

The Reindex icon (logos:reindex) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 266 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 266

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="266" viewBox="0 0 256 266"><path fill="#62bbe7" d="M229.382 209.176L128 254.109L26.616 209.176C26.544 201.887 20.613 196 13.309 196C5.96 196 0 201.96 0 209.309c0 7.354 5.96 13.311 13.309 13.311c3.392 0 6.49-1.27 8.838-3.359l103.63 45.922c1.474.647 3.078.6 4.444 0l103.63-45.922a13.25 13.25 0 0 0 8.839 3.359c7.349 0 13.309-5.957 13.309-13.311c0-7.349-5.96-13.309-13.309-13.309c-7.309 0-13.236 5.887-13.308 13.176"/><path fill="#62bbe7" d="M114.808 107.166L11.29 153.044a5.509 5.509 0 0 0 0 10.08l114.595 50.787c1.366.6 2.967.653 4.44.002l103.545-45.89a13.25 13.25 0 0 0 8.831 3.362c7.344 0 13.299-5.956 13.299-13.298c0-7.349-5.955-13.3-13.299-13.3c-7.302 0-13.224 5.883-13.296 13.165l-101.3 44.895l-101-44.76l92.164-40.85a13.23 13.23 0 0 0 8.837 3.362c7.345 0 13.299-5.955 13.299-13.3c0-7.348-5.954-13.299-13.3-13.299c-7.303 0-13.224 5.884-13.297 13.166"/><path fill="#78cbc8" d="M125.777 51.467L22.147 97.393a13.24 13.24 0 0 0-8.838-3.363C5.96 94.03 0 99.991 0 107.339c0 7.355 5.96 13.31 13.309 13.31c7.304 0 13.235-5.887 13.307-13.176L128 62.546l101.082 44.793l-92.244 40.882a13.25 13.25 0 0 0-8.838-3.363c-7.355 0-13.31 5.959-13.31 13.31c0 7.354 5.955 13.309 13.31 13.309c7.306 0 13.23-5.887 13.307-13.177l103.604-45.916a5.5 5.5 0 0 0 2.825-2.822a5.52 5.52 0 0 0-2.825-7.267l-114.69-50.824a5.5 5.5 0 0 0-4.444-.004"/><path fill="#78cbc8" d="M125.778.466L22.148 46.394a13.26 13.26 0 0 0-8.838-3.361C5.961 43.033 0 48.992 0 56.345c0 7.35 5.961 13.305 13.31 13.305c7.304 0 13.235-5.887 13.307-13.173L128 11.543l101.383 44.934c.072 7.286 5.999 13.173 13.307 13.173c7.35 0 13.31-5.955 13.31-13.305c0-7.353-5.96-13.312-13.31-13.312c-3.394 0-6.49 1.269-8.838 3.361L130.222.468A5.6 5.6 0 0 0 127.993 0c-.741 0-1.493.149-2.215.466"/></svg>

How to use the Reindex icon

React

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

<Icon icon="logos:reindex" width="24" />

Vue

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

<template>
  <Icon icon="logos:reindex" width="24" />
</template>

Svelte

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

<Icon icon="logos:reindex" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:reindex"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/reindex.svg" alt="Reindex icon" width="24" height="24">

Reindex icon FAQ

Is the Reindex icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Reindex icon in React?

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

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

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

Browse all SVG Logos icons →