Icono Arrow Minimise Outline

typcn:arrow-minimise-outline

El icono Arrow Minimise Outline (typcn:arrow-minimise-outline) es un icono SVG gratuito de la colección Typicons de Stephen Hutchings. Está dibujado en una cuadrícula de 24 × 24. Typicons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Typicons
Autor: Stephen Hutchings
Licencia: CC-BY-SA-4.0
Tamaño: 24 × 24
Etiquetas: arrowminimise, minimiseoutline, arrowminimiseoutline

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 6c0-.801-.312-1.555-.879-2.121C20.555 3.312 19.801 3 19 3s-1.555.312-2.121.879l-.883.883A3 3 0 0 0 14 4a2.98 2.98 0 0 0-2.283 1.077A3 3 0 0 0 11.061 5H5v6.06c0 .255.042.499.102.736a2.985 2.985 0 0 0-.275 4.135l-.947.948C3.312 17.445 3 18.199 3 19s.312 1.555.879 2.121C4.445 21.688 5.199 22 6 22c.539 0 1.334-.152 2.061-.879l.903-.919A3 3 0 0 0 11 21c.934 0 1.758-.437 2.309-1.107c.241.063.49.107.752.107H20v-6.061c0-.226-.029-.444-.077-.656A2.98 2.98 0 0 0 21 11c0-.766-.288-1.465-.762-1.996l.883-.883C21.688 7.555 22 6.801 22 6M7 7h4a1 1 0 1 1 0 2H9v2a1 1 0 0 1-2 0zm12.707-.293L16.414 10H18a1 1 0 1 1 0 2h-5V7a1 1 0 1 1 2 0v1.586l3.293-3.293a.997.997 0 0 1 1.414 0a1 1 0 0 1 0 1.414M12 18a1 1 0 1 1-2 0v-1.707l-3.354 3.414c-.195.195-.39.293-.646.293s-.512-.098-.707-.293a1 1 0 0 1 0-1.414L8.586 15H7.121a1 1 0 1 1 0-2H12zm0-6H9.722c.173-.295.278-.634.278-1v-1h1.061c.342 0 .658-.094.939-.245zm1 1h2.713c-.433.094-.713.33-.713.939V15h-.939c-.391 0-.752.117-1.061.311zm.061 4a1 1 0 0 1 1-1H16v-2a1 1 0 1 1 2 0v4h-3.939a1 1 0 0 1-1-1"/></svg>

Cómo usar el icono Arrow Minimise Outline

React

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

<Icon icon="typcn:arrow-minimise-outline" width="24" />

Vue

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

<template>
  <Icon icon="typcn:arrow-minimise-outline" width="24" />
</template>

Svelte

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

<Icon icon="typcn:arrow-minimise-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--arrow-minimise-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:arrow-minimise-outline"></div>

Web component

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

<iconify-icon icon="typcn:arrow-minimise-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/typcn/arrow-minimise-outline.svg" alt="Icono Arrow Minimise Outline" width="24" height="24">

Iconos relacionados en Typicons

Preguntas frecuentes sobre Icono Arrow Minimise Outline

¿El icono Arrow Minimise Outline es gratis para uso comercial?

Sí. Typicons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Arrow Minimise Outline en React?

Instala @iconify/react y renderiza <Icon icon="typcn:arrow-minimise-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Arrow Minimise Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/typcn/arrow-minimise-outline.svg" alt="Icono Arrow Minimise Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Typicons →