ICONYZ
Français
Icône Move Rectangle Left de Freehand free icons

Icône Move Rectangle Left

streamline-freehand:move-rectangle-left

L'icône Move Rectangle Left (streamline-freehand:move-rectangle-left) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Freehand free icons
Auteur
Streamline
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Interface essentielle
Mots-clés
moverectangle, rectangleleft, moverectangleleft
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.242 3.938a.38.38 0 0 0-.37-.37a.38.38 0 0 0-.37.37c0 2.74 0 7.287-.11 10.996c0 1.929-.08 3.618-.14 4.678a13.2 13.2 0 0 1-.44 2.908a5.1 5.1 0 0 1-1.998.24a5.4 5.4 0 0 1-2-.34c-.12-.54-.33-1.429-.35-1.739c-.12-1.82-.14-5.348-.14-8.906s0-6.997.08-8.926q.008-.504.1-1c.1-.42.2-.59.3-.64a4.9 4.9 0 0 1 1.59-.36C4.434.74 5.563.74 6.143.7c0 0 .05 0 .07.07q.16.213.23.47c.091.325.135.662.13 1a.33.33 0 1 0 .649 0a3.7 3.7 0 0 0-.31-1.66a.91.91 0 0 0-.81-.579c-.67 0-2.099 0-3.248.11a4.9 4.9 0 0 0-1.47.36a1.27 1.27 0 0 0-.61.7A4.8 4.8 0 0 0 .445 2.82c-.14 2.309-.32 6.737-.37 10.755c0 2.939 0 5.668.1 7.197c.043.58.137 1.156.28 1.72c.082.393.298.746.61.999c.854.368 1.78.54 2.709.5a5.7 5.7 0 0 0 2.728-.51a1.65 1.65 0 0 0 .52-1c.186-.942.296-1.898.33-2.858v-4.718c0-3.669-.09-8.217-.11-10.966m14.314 7.796a.32.32 0 0 0-.34-.31l-2.919-.25h-2.269c-1.27.08-2.649.26-3.338.27a.37.37 0 0 0-.39.35a.38.38 0 0 0 .35.39c1.131.13 2.27.197 3.408.2c.91 0 1.75-.07 2.24-.07l2.938-.27a.34.34 0 0 0 .32-.31"/><path d="M23.915 11.725a3.3 3.3 0 0 0-.92-1.07c-1-.92-2.899-2.279-3.308-2.608a.33.33 0 0 0-.44.48c.41.42 2.359 2.378 3.199 3.298c-1 .9-3.469 2.919-3.899 3.199a.37.37 0 0 0 .36.64c.42-.21 2.649-1.62 3.908-2.55q.456-.333.86-.73a.71.71 0 0 0 .24-.659"/></g></svg>

Comment utiliser l'icône Move Rectangle Left

React

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

<Icon icon="streamline-freehand:move-rectangle-left" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:move-rectangle-left" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:move-rectangle-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--move-rectangle-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:move-rectangle-left"></div>

Web component

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

<iconify-icon icon="streamline-freehand:move-rectangle-left"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand/move-rectangle-left.svg" alt="Icône Move Rectangle Left" width="24" height="24">

Icônes similaires dans Freehand free icons

L'icône Move Rectangle Left dans d'autres collections

FAQ : Icône Move Rectangle Left

L'icône Move Rectangle Left est-elle gratuite pour un usage commercial ?

Oui. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Move Rectangle Left dans React ?

Installez @iconify/react et affichez <Icon icon="streamline-freehand:move-rectangle-left" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Move Rectangle Left à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/move-rectangle-left.svg" alt="Icône Move Rectangle Left">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Freehand free icons →