Ícone Arrowshape Turn Up Left 2
f7:arrowshape-turn-up-left-2
O ícone Arrowshape Turn Up Left 2 (f7:arrowshape-turn-up-left-2) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Framework7 Icons
- Autor
- Vladimir Kharlampidi
- Licença
- MIT
- Tamanho
- 56 × 56
- Tags
- arrowshapeturn, turnup, upleft, arrowshapeturnupleft
Código 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>
Como usar o ícone 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>
Web component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/f7/arrowshape-turn-up-left-2.svg" alt="Ícone Arrowshape Turn Up Left 2" width="24" height="24">
Ícones relacionados em Framework7 Icons
Perguntas frequentes sobre Ícone Arrowshape Turn Up Left 2
O ícone Arrowshape Turn Up Left 2 é grátis para uso comercial?
Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Arrowshape Turn Up Left 2 no React?
Instale @iconify/react e renderize <Icon icon="f7:arrowshape-turn-up-left-2" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Arrowshape Turn Up Left 2 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/arrowshape-turn-up-left-2.svg" alt="Ícone Arrowshape Turn Up Left 2">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Framework7 Icons →
ICONYZ
