Иконка Arrow Transfer Horizontal Square Flat

streamline-plump-color:arrow-transfer-horizontal-square-flat

Иконка Arrow Transfer Horizontal Square Flat (streamline-plump-color:arrow-transfer-horizontal-square-flat) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Основы интерфейса
Теги: arrowtransfer, transferhorizontal, horizontalsquare, squareflat, arrowtransferhorizontalsquareflat

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#8fbffa" d="M1.5 24c0-7.401.278-12.593.544-15.864c.267-3.288 2.804-5.825 6.092-6.092C11.407 1.778 16.599 1.5 24 1.5s12.593.278 15.864.544c3.288.267 5.825 2.804 6.092 6.092c.266 3.271.544 8.463.544 15.864s-.278 12.593-.544 15.864c-.267 3.288-2.804 5.825-6.092 6.092c-3.271.266-8.463.544-15.864.544s-12.593-.278-15.864-.544c-3.288-.267-5.825-2.804-6.092-6.092C1.778 36.593 1.5 31.401 1.5 24"/><path fill="#2859c5" d="M25.452 13.534c.062-.679.188-1.737.443-3.238a1.437 1.437 0 0 1 2.3-.901c3.728 2.866 6.096 5.312 8.386 8.612c.276.398.419.874.419 1.358c0 .875-.69 1.594-1.564 1.612c-2.29.046-4.878.016-7.477-.014c-1.33-.016-2.662-.031-3.958-.036c-4.247-.018-8.019-.011-10.174-.004c-1.205.004-2.368-.557-2.655-1.727a5.7 5.7 0 0 1-.171-1.252a5.3 5.3 0 0 1 .167-1.383c.285-1.117 1.418-1.655 2.57-1.691l10.685-.339c.54-.017.98-.459 1.029-.997m-3.347 24.17c.255-1.5.38-2.559.443-3.238c.05-.537.49-.98 1.03-.996l10.685-.34c1.151-.036 2.284-.574 2.569-1.69c.11-.43.175-.9.167-1.383a5.7 5.7 0 0 0-.171-1.252c-.287-1.17-1.45-1.731-2.655-1.727c-2.155.007-5.927.014-10.174-.004a488 488 0 0 1-3.958-.036c-2.6-.03-5.188-.06-7.477-.014A1.603 1.603 0 0 0 11 28.635c0 .485.143.96.42 1.359c2.289 3.3 4.657 5.746 8.386 8.612a1.437 1.437 0 0 0 2.3-.901Z"/></g></svg>

Как использовать иконку Arrow Transfer Horizontal Square Flat

React

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

<Icon icon="streamline-plump-color:arrow-transfer-horizontal-square-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:arrow-transfer-horizontal-square-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:arrow-transfer-horizontal-square-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--arrow-transfer-horizontal-square-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:arrow-transfer-horizontal-square-flat"></div>

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

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

<iconify-icon icon="streamline-plump-color:arrow-transfer-horizontal-square-flat"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/arrow-transfer-horizontal-square-flat.svg" alt="Иконка Arrow Transfer Horizontal Square Flat" width="24" height="24">

Вопросы и ответы: Иконка Arrow Transfer Horizontal Square Flat

Можно ли бесплатно использовать иконку Arrow Transfer Horizontal Square Flat в коммерческих проектах?

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

Как использовать иконку Arrow Transfer Horizontal Square Flat в React?

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

Как добавить иконку Arrow Transfer Horizontal Square Flat на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/arrow-transfer-horizontal-square-flat.svg" alt="Иконка Arrow Transfer Horizontal Square Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump color icons →