Reduce icon

lets-icons:reduce

The Reduce icon (lets-icons:reduce) is a free SVG icon from the Lets Icons set by Leonid Tsvetkov. It is drawn on a 24 × 24 grid. Lets 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: Lets Icons
Author: Leonid Tsvetkov
License: CC-BY-4.0
Size: 24 × 24
Category: Resize

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15 15v-1h-1v1zm5.293 6.707a1 1 0 0 0 1.414-1.414zM15 9h-1v1h1zm6.707-5.293a1 1 0 0 0-1.414-1.414zM9 15h1v-1H9zm-6.707 5.293a1 1 0 1 0 1.414 1.414zM9 9v1h1V9zM3.707 2.293a1 1 0 0 0-1.414 1.414zM16 20v-5h-2v5zm-1-4h5v-2h-5zm-.707-.293l6 6l1.414-1.414l-6-6zM14 4v5h2V4zm1 6h5V8h-5zm.707-.293l6-6l-1.414-1.414l-6 6zM10 20v-5H8v5zm-1-6H4v2h5zm-.707.293l-6 6l1.414 1.414l6-6zM8 4v5h2V4zm1 4H4v2h5zm.707.293l-6-6l-1.414 1.414l6 6z"/></svg>

How to use the Reduce icon

React

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

<Icon icon="lets-icons:reduce" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:reduce" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:reduce" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--reduce]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="lets-icons:reduce"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/lets-icons/reduce.svg" alt="Reduce icon" width="24" height="24">

Related icons in Lets Icons

Reduce icon in other icon sets

Reduce icon FAQ

Is the Reduce icon free for commercial use?

Yes. Lets 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 Reduce icon in React?

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

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

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

Browse all Lets Icons →