josemi/icons

reorder

v0.7.0

Download

Download the icon as SVG image.

Download Icon

Customize icon

Set your custom size or color and download the icon as SVG or PNG image.

Width

Height

Color

Get SVG

Get PNG

Using as SVG

Copy and paste the following SVG code into your HTML file where you want the icon to appear. Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 17C3 16 4 16 4 16L6 16C6 16 7 16 7 17L7 19C7 20 6 20 6 20L4 20C4 20 3 20 3 19L3 17ZM10 17C10 16 11 16 11 16L13 16C13 16 14 16 14 17L14 19C14 20 13 20 13 20L11 20C11 20 10 20 10 19L10 17ZM17 17C17 16 18 16 18 16L20 16C20 16 21 16 21 17L21 19C21 20 20 20 20 20L18 20C18 20 17 20 17 19L17 17ZM5 12L5 7C5 4 8 4 8 4L16 4C16 4 19 4 19 7L19 12L17 10L21 10L19 12" />
</svg>

Using with React

Install @josemi-icons/react and import the icon component in your React application:

import {ReorderIcon} from "@josemi-icons/react";

const MyComponent = () => {
    return (
        <ReorderIcon />
    );
};

Using with CSS

Install @josemi-icons/css and include the icon as a CSS class:

<i class="ji-reorder"></i>