Icono Arrowshape Turn Up Left 2
f7:arrowshape-turn-up-left-2
El icono Arrowshape Turn Up Left 2 (f7:arrowshape-turn-up-left-2) es un icono SVG gratuito de la colección Framework7 Icons de Vladimir Kharlampidi. Está dibujado en una cuadrícula de 56 × 56. Framework7 Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Framework7 Icons
- Autor
- Vladimir Kharlampidi
- Licencia
- MIT
- Tamaño
- 56 × 56
- Etiquetas
- 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/f7/arrowshape-turn-up-left-2.svg" alt="Icono Arrowshape Turn Up Left 2" width="24" height="24">
Iconos relacionados en Framework7 Icons
Preguntas frecuentes sobre Icono Arrowshape Turn Up Left 2
¿El icono Arrowshape Turn Up Left 2 es gratis para uso comercial?
Sí. Framework7 Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Arrowshape Turn Up Left 2 en React?
Instala @iconify/react y renderiza <Icon icon="f7:arrowshape-turn-up-left-2" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Arrowshape Turn Up Left 2 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/f7/arrowshape-turn-up-left-2.svg" alt="Icono Arrowshape Turn Up Left 2">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Framework7 Icons →
ICONYZ
