Resize Shrink 1 icon

streamline-freehand:resize-shrink-1

The Resize Shrink 1 icon (streamline-freehand:resize-shrink-1) is a free SVG icon from the Freehand free icons set by Streamline. It is drawn on a 24 × 24 grid. Freehand free 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: Freehand free icons
Author: Streamline
License: CC-BY-4.0
Size: 24 × 24
Category: Design
Tags: resizeshrink

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="M3.016 13.332a8.5 8.5 0 0 0-1.208-.15a1.9 1.9 0 0 0-.649.13a1.1 1.1 0 0 0-.678.999l.08.808l.17.888a.28.28 0 0 0 .558 0l.14-.878l.11-.689c0-.09.07-.13.15-.16a.8.8 0 0 1 .229-.1q.541-.131 1.098-.169a.32.32 0 1 0 0-.639zm6.258.679q.556.033 1.098.16a1 1 0 0 1 .24.1a.19.19 0 0 1 .14.16l.12.688l.129.888a.28.28 0 0 0 .29.28a.29.29 0 0 0 .279-.28l.15-.868l.08-.809a1.1 1.1 0 0 0-.68-.998a1.9 1.9 0 0 0-.648-.13q-.61.033-1.208.15a.32.32 0 0 0 0 .64zm-6.258 9.153a6.5 6.5 0 0 1-1.098-.17a.8.8 0 0 1-.23-.1c-.08 0-.14-.07-.15-.16l-.11-.678l-.139-.888a.28.28 0 0 0-.559 0l-.16.868l-.08.809a1.1 1.1 0 0 0 .68.998c.203.093.424.144.648.15a8.5 8.5 0 0 0 1.198-.19a.318.318 0 0 0 .22-.546a.33.33 0 0 0-.22-.093m8.554-1.986a.29.29 0 0 0-.39-.261a.28.28 0 0 0-.179.26l-.13.89l-.12.678a.19.19 0 0 1-.14.16a1 1 0 0 1-.239.1q-.541.126-1.098.159a.31.31 0 0 0-.32.31a.31.31 0 0 0 .31.329q.599.119 1.208.15c.223 0 .443-.044.649-.13a1.1 1.1 0 0 0 .678-.998l-.08-.809zM4.723 14.07c.33 0 .648.07.998.08h.429l.41-.06c.339-.06.658-.139.997-.169a.32.32 0 0 0 .34-.29a.3.3 0 0 0-.29-.339a7 7 0 0 0-1.068-.21H6.07a2.3 2.3 0 0 0-.449.07a6 6 0 0 0-.998.38a.28.28 0 0 0-.178.43a.28.28 0 0 0 .288.119zm2.874 8.924c-.33 0-.658-.07-.998-.08H6.16l-.42.08c-.339.06-.648.14-.997.17a.33.33 0 0 0-.35.29a.32.32 0 0 0 .29.339q.54.143 1.098.2q.23.015.459 0q.233-.012.459-.07q.515-.146.998-.38a.28.28 0 0 0-.1-.549m7.706-14.453c-.609.679-1.228 1.398-1.926 2.186l-.23-2.336c0-.379-.05-.748-.05-1.117c0-.37 0-.75.06-1.118a.27.27 0 0 0-.23-.32a.28.28 0 0 0-.319.23q-.233 1.156-.29 2.335c-.02.39 0 .999 0 1.478v1.716q.026.165.09.32a.85.85 0 0 0 .6.41q.575.085 1.157.069h2.555a12 12 0 0 1 1.667.13a.32.32 0 0 0 .37-.373a.31.31 0 0 0-.25-.246a12 12 0 0 0-1.727-.3c-.848-.1-1.697-.13-2.575-.22h-.47c.82-.738 1.548-1.367 2.257-2.065a43 43 0 0 0 2.286-2.416c.708-.878 1.487-1.876 2.405-2.994a.28.28 0 0 0-.41-.38c-1.207 1.168-2.235 2.117-3.173 3.075a66 66 0 0 0-1.797 1.936"/><path fill="currentColor" d="M23.228 2.263A3.9 3.9 0 0 0 22.82.686a2.8 2.8 0 0 0-1.337-.41a86 86 0 0 0-9.403-.24a72.5 72.5 0 0 0-9.383.63a2.34 2.34 0 0 0-1.207.459c-.197.274-.32.593-.36.928a13 13 0 0 0 0 1.997v7.595a.27.27 0 0 0 .28.28a.28.28 0 0 0 .28-.28l.149-7.615c0-.41-.05-.999 0-1.588c0-.276.08-.546.23-.778q.272-.103.559-.16a60 60 0 0 1 7.376-.469c4.232-.07 8.983 0 11.14.24c.279 0 .598 0 .788.06c.143.313.215.654.21.998c.365 3.905.531 7.826.498 11.748a55 55 0 0 1-.329 6.937a7 7 0 0 1-.25 1.118c0 .11-.06.2-.11.23a4 4 0 0 1-1.107.299q-.933.15-1.877.2H17.26c-1.357 0-2.705-.12-4.052-.12a.32.32 0 0 0 0 .639c1.347 0 2.695.13 3.992.18h1.757c.42 0 1.238-.07 1.997-.18a4.4 4.4 0 0 0 1.367-.36c.314-.248.524-.604.589-.998c.486-2.633.707-5.308.659-7.985c.095-3.93-.018-7.86-.34-11.778M.96 19.85a.32.32 0 0 0 .31-.33c.049-.279.119-.528.159-.808v-.668c0-.27-.14-.5-.18-.779a.28.28 0 1 0-.549-.07a3.6 3.6 0 0 0-.29.809q-.021.18 0 .359q-.015.18 0 .36c0 .279.14.528.21.798a.32.32 0 0 0 .34.33"/><path fill="currentColor" d="M11.7 17.265a.28.28 0 0 0-.24-.31a.28.28 0 0 0-.32.24a4 4 0 0 0-.289.829q-.015.18 0 .359v.36c.06.279.15.528.22.798a.318.318 0 0 0 .314.375a.32.32 0 0 0 .315-.375c.06-.28.12-.53.16-.809v-.34q.015-.164 0-.328c-.03-.29-.12-.52-.16-.799"/></svg>

How to use the Resize Shrink 1 icon

React

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

<Icon icon="streamline-freehand:resize-shrink-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:resize-shrink-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:resize-shrink-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--resize-shrink-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:resize-shrink-1"></div>

Web component

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

<iconify-icon icon="streamline-freehand:resize-shrink-1"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/streamline-freehand/resize-shrink-1.svg" alt="Resize Shrink 1 icon" width="24" height="24">

Related icons in Freehand free icons

Resize Shrink 1 icon in other icon sets

Resize Shrink 1 icon FAQ

Is the Resize Shrink 1 icon free for commercial use?

Yes. Freehand free 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 Resize Shrink 1 icon in React?

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

How do I add the Resize Shrink 1 icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-freehand/resize-shrink-1.svg" alt="Resize Shrink 1 icon">, or paste the SVG code inline to style it with CSS.

Browse all Freehand free icons →