Иконка Arrowshape Turn Up Left 2

f7:arrowshape-turn-up-left-2

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

Набор: Framework7 Icons
Автор: Vladimir Kharlampidi
Лицензия: MIT
Размер: 56 × 56
Теги: arrowshapeturn, turnup, upleft, arrowshapeturnupleft

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M20.582 48.392c1.41 0 2.462-1.052 2.462-2.462v-3.893l5.282 4.988c1.052.904 1.852 1.367 2.883 1.367c1.431 0 2.462-1.052 2.462-2.462v-8.039h.61c8.145 0 13.3 2.063 16.984 8.944c.715 1.347 1.683 1.557 2.588 1.557c1.116 0 2.147-1.01 2.147-2.82C56 30.02 49.413 20.32 34.282 20.32h-.61v-7.955c0-1.41-1.032-2.589-2.505-2.589c-1.031 0-1.662.527-2.84 1.516l-5.283 4.924v-3.851c0-1.41-1.052-2.589-2.504-2.589c-1.053 0-1.684.527-2.863 1.516L1.073 26.82C.295 27.602 0 28.38 0 29.095c0 .695.274 1.495 1.073 2.252l16.604 15.679c1.053.904 1.852 1.367 2.905 1.367m-1.579-4.714L4.02 29.494c-.19-.168-.232-.273-.232-.4c0-.126.063-.252.232-.4l14.983-14.373a.52.52 0 0 1 .358-.168c.168 0 .295.126.295.294v4.946L11.7 26.822c-.779.778-1.074 1.557-1.074 2.273c0 .694.295 1.473 1.074 2.251l7.955 7.492v4.714c0 .19-.127.316-.295.316c-.126 0-.231-.063-.358-.19m10.986.19c-.127 0-.232-.063-.358-.19L14.647 29.494c-.168-.168-.231-.273-.231-.4c0-.126.063-.252.231-.4l14.984-14.373c.105-.084.21-.168.358-.168c.168 0 .294.126.294.294v8.355c0 .484.21.695.695.695h2.84c14.438 0 18.772 10.017 19.194 19.95c0 .147-.064.231-.148.231s-.126-.063-.21-.21c-2.4-5.324-8.86-8.755-18.835-8.755h-2.841c-.484 0-.695.21-.695.695v8.144c0 .19-.105.316-.294.316"/></svg>

Как использовать иконку Arrowshape Turn Up Left 2

React

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

<Icon icon="f7:arrowshape-turn-up-left-2" width="24" />

Vue

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

<template>
  <Icon icon="f7:arrowshape-turn-up-left-2" width="24" />
</template>

Svelte

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

<Icon icon="f7:arrowshape-turn-up-left-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--arrowshape-turn-up-left-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:arrowshape-turn-up-left-2"></div>

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

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

<iconify-icon icon="f7:arrowshape-turn-up-left-2"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/f7/arrowshape-turn-up-left-2.svg" alt="Иконка Arrowshape Turn Up Left 2" width="24" height="24">

Вопросы и ответы: Иконка Arrowshape Turn Up Left 2

Можно ли бесплатно использовать иконку Arrowshape Turn Up Left 2 в коммерческих проектах?

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

Как использовать иконку Arrowshape Turn Up Left 2 в React?

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

Как добавить иконку Arrowshape Turn Up Left 2 на веб-страницу?

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

Все Framework7 Icons →