Иконка Line Arrow Move Remix

streamline-flex:line-arrow-move-remix

Иконка Line Arrow Move Remix (streamline-flex:line-arrow-move-remix) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Flex free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 14 × 14
Категория: Основы интерфейса
Теги: linearrow, arrowmove, moveremix, linearrowmoveremix

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M7.152.268a.6.6 0 0 0-.304 0c-.64.16-1.247.548-1.694.995c-.427.428-.82 1.026-.82 1.654a.625.625 0 1 0 1.25 0c0-.137.117-.433.455-.77q.156-.156.336-.287v4.515H1.86q.13-.18.286-.336c.338-.338.634-.455.771-.455a.625.625 0 1 0 0-1.25c-.628 0-1.227.393-1.654.82c-.447.447-.835 1.054-.995 1.694a.6.6 0 0 0 0 .304c.16.64.548 1.247.995 1.693c.427.428 1.026.821 1.654.821a.625.625 0 1 0 0-1.25c-.137 0-.433-.117-.77-.455a3 3 0 0 1-.287-.336h4.515v4.515a3 3 0 0 1-.336-.286c-.338-.338-.455-.634-.455-.771a.625.625 0 1 0-1.25 0c0 .628.393 1.226.82 1.654c.447.447 1.054.834 1.694.995q.152.037.304 0c.64-.16 1.247-.548 1.693-.995c.428-.428.821-1.026.821-1.654a.625.625 0 1 0-1.25 0c0 .137-.117.433-.455.77q-.156.156-.336.287V7.625h4.515q-.13.18-.286.336c-.339.338-.634.455-.771.455a.625.625 0 1 0 0 1.25c.628 0 1.226-.393 1.654-.82c.447-.447.834-1.054.994-1.694a.6.6 0 0 0 0-.304c-.16-.64-.547-1.247-.994-1.693c-.428-.428-1.026-.821-1.654-.821a.625.625 0 1 0 0 1.25c.137 0 .432.117.77.455q.156.156.287.336H7.625V1.86q.18.13.336.286c.338.338.455.634.455.771a.625.625 0 1 0 1.25 0c0-.628-.393-1.226-.82-1.654C8.398.816 7.791.429 7.151.268" clip-rule="evenodd"/></svg>

Как использовать иконку Line Arrow Move Remix

React

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

<Icon icon="streamline-flex:line-arrow-move-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:line-arrow-move-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:line-arrow-move-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--line-arrow-move-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:line-arrow-move-remix"></div>

Веб-компонент

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

<iconify-icon icon="streamline-flex:line-arrow-move-remix"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-flex/line-arrow-move-remix.svg" alt="Иконка Line Arrow Move Remix" width="24" height="24">

Иконка Line Arrow Move Remix в других наборах

Вопросы и ответы: Иконка Line Arrow Move Remix

Можно ли бесплатно использовать иконку Line Arrow Move Remix в коммерческих проектах?

Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Line Arrow Move Remix в React?

Установите @iconify/react и выведите <Icon icon="streamline-flex:line-arrow-move-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Line Arrow Move Remix на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/line-arrow-move-remix.svg" alt="Иконка Line Arrow Move Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Flex free icons →