Иконка Arrow Right Arrow Left Square

f7:arrow-right-arrow-left-square

Иконка Arrow Right Arrow Left Square (f7:arrow-right-arrow-left-square) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Framework7 Icons
Автор: Vladimir Kharlampidi
Лицензия: MIT
Размер: 56 × 56
Теги: arrowright, rightarrow, arrowleft, leftsquare, arrowrightarrowleftsquare

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M13.785 49.574h28.453c4.899 0 7.336-2.437 7.336-7.265V13.69c0-4.828-2.437-7.265-7.336-7.265H13.785c-4.875 0-7.36 2.414-7.36 7.265v28.62c0 4.851 2.485 7.265 7.36 7.265m.07-3.773c-2.343 0-3.656-1.242-3.656-3.68V13.88c0-2.438 1.313-3.68 3.656-3.68h28.313c2.32 0 3.633 1.242 3.633 3.68v28.24c0 2.438-1.313 3.68-3.633 3.68Zm25.196-25.125c0-.938-.657-1.594-1.57-1.594H25.34l-3.586.164l2.601-2.18l1.828-1.593c.305-.258.47-.657.47-1.125c0-.868-.68-1.524-1.548-1.524c-.445 0-.82.14-1.101.422l-6.399 6.094c-.445.422-.609.867-.609 1.336s.188.984.61 1.383l6.398 6.046a1.52 1.52 0 0 0 1.101.446a1.53 1.53 0 0 0 1.547-1.547c0-.469-.164-.89-.469-1.149l-1.828-1.546l-2.625-2.204l3.61.165h12.14c.914 0 1.57-.68 1.57-1.594m0 14.344c0-.446-.164-.891-.61-1.313l-6.398-6.117c-.281-.281-.656-.399-1.102-.399c-.867 0-1.547.657-1.547 1.524c0 .469.165.867.47 1.125l1.827 1.594l2.602 2.156l-3.586-.14h-12.14c-.915 0-1.571.655-1.571 1.57c0 .937.656 1.593 1.57 1.593h12.141l3.633-.14l-2.649 2.203l-1.828 1.547c-.305.234-.469.68-.469 1.125c0 .867.68 1.547 1.547 1.547c.446 0 .82-.141 1.102-.422l6.398-6.07c.422-.4.61-.891.61-1.383"/></svg>

Как использовать иконку Arrow Right Arrow Left Square

React

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

<Icon icon="f7:arrow-right-arrow-left-square" width="24" />

Vue

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

<template>
  <Icon icon="f7:arrow-right-arrow-left-square" width="24" />
</template>

Svelte

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

<Icon icon="f7:arrow-right-arrow-left-square" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--arrow-right-arrow-left-square]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:arrow-right-arrow-left-square"></div>

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

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

<iconify-icon icon="f7:arrow-right-arrow-left-square"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/f7/arrow-right-arrow-left-square.svg" alt="Иконка Arrow Right Arrow Left Square" width="24" height="24">

Вопросы и ответы: Иконка Arrow Right Arrow Left Square

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

Да. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Arrow Right Arrow Left Square в React?

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

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

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

Все Framework7 Icons →