Иконка Arrow Transfer Horizontal Square Solid

streamline-plump:arrow-transfer-horizontal-square-solid

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24 1.5c7.401 0 12.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 24s.278-12.593.544-15.864C2.31 4.848 4.848 2.31 8.136 2.044C11.407 1.778 16.599 1.5 24 1.5m1.452 12.034c.062-.68.188-1.737.443-3.238a1.437 1.437 0 0 1 2.3-.902c3.728 2.866 6.096 5.312 8.386 8.613c.276.398.419.873.419 1.358c0 .875-.69 1.594-1.564 1.612c-2.29.045-4.878.015-7.477-.015a601 601 0 0 0-3.958-.036c-4.247-.017-8.019-.01-10.174-.003c-1.205.004-2.368-.557-2.655-1.728a5.7 5.7 0 0 1-.171-1.252a5.3 5.3 0 0 1 .167-1.383c.285-1.116 1.418-1.654 2.57-1.69l10.685-.34c.54-.016.98-.458 1.029-.996m-3.347 24.17c.255-1.501.38-2.559.443-3.238c.05-.538.49-.98 1.03-.997l10.685-.339c1.151-.036 2.284-.574 2.569-1.69c.11-.43.175-.901.167-1.383a5.7 5.7 0 0 0-.171-1.252c-.287-1.17-1.45-1.732-2.655-1.728c-2.155.007-5.927.014-10.174-.003a533 533 0 0 1-3.959-.036c-2.598-.03-5.187-.06-7.476-.015A1.603 1.603 0 0 0 11 28.636c0 .485.143.96.42 1.358c2.289 3.3 4.657 5.747 8.386 8.613a1.437 1.437 0 0 0 2.3-.902" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Plump free icons →