Home/Libraries/Freehand free icons (Iconify)/resize-shrink-1

Freehand free icons (Iconify)

ResizeShrink1

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ResizeShrink1Icon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.