Иконка Move Rectangle Left
streamline-freehand:move-rectangle-left
Иконка Move Rectangle Left (streamline-freehand:move-rectangle-left) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Основы интерфейса
- Теги
- moverectangle, rectangleleft, moverectangleleft
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/move-rectangle-left.svg" alt="Иконка Move Rectangle Left" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Move Rectangle Left в других наборах
Вопросы и ответы: Иконка Move Rectangle Left
Можно ли бесплатно использовать иконку Move Rectangle Left в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Move Rectangle Left в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:move-rectangle-left" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Move Rectangle Left на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/move-rectangle-left.svg" alt="Иконка Move Rectangle Left">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.